The landing page is likely the first thing your users will see when they arrive on your marketplace. It's important to communicate your value proposition clearly in your landing page to pique interest, inform, and inspire action.
This article introduces Pages, the content editor you can use to create and edit all the content pages on your marketplace. We'll edit our landing page specifically to inform users what Biketribe is all about.
Using Pages
Start by going to Content → Pages, and click open the card landing-page.
You'll notice that your default landing page consists of several sections. Depending on whether you described your marketplace during setup to generate initial content for your landing page, it will either have default content or content relevant to your marketplace idea.
In this tutorial, we'll make a few quick modifications to the existing sections to build a landing page for our bike marketplace with a minimum amount of work:
If you generated landing page content, you should go to your test marketplace and see how the landing page looks. It's possible that the generated landing page already works, at least for the building stage of your marketplace. We recommend that you edit the page eventually to make sure you use your own words and unique angle, but the generated landing page can be a useful starting point.
If you didn't generate a landing page, you'll have default content on the page that you should edit to match your idea.
When following the tutorial, you can edit, add, and remove sections according to your unique needs.
We won't go through each different field in this tutorial. For a comprehensive overview of those, read our article on editing content pages.
Section 1: Marketplace introduction
The first section of our landing page is called Marketplace introduction. It uses Hero as its section template. Section templates define the layout of the section. Hero works well for the initial section of a page, and we're going to use it here as well. Learn more about section templates.
Let's modify the section's content to match our marketplace concept: bike rentals.
Tip: Before editing the content, click “View page,” which will open the landing page on a separate tab. You can use this tab’s refresh option in your browser and see changes after saving each section.
Title and description
The hero section should feature our slogan, followed by a description text explaining what our marketplace is about. Make the following changes:
For section title, add: "Rent a bike from a local"
For section description, add: "Biketribe is the world's largest peer-to-peer bike rental marketplace. Find a bike you like or make money by listing your own bike."
Call-to-action
We want to select Search as the section call to action in the Hero section, to invite the end user to browse bike listings based on different filters. Enable all search fields: Main category, Keyword search, Location search and Date range.
Appearance
We want to use a biking-related background image for this section. Make the following changes:
For background image, remove the existing image and upload the image below in its place. You can download it here.
Tip: You can find free high quality images from Unsplash. Just search with the theme of your marketplace, and you'll likely find images you can use in your content pages.
We're done with the marketplace introduction! Save changes and then click "View page". Your marketplace Hero section should now look like this:
Section 2: How it works or Why this marketplace
The second default section is called How it works (default page) or Why this marketplace (AI-generated landing page). It uses a Columns section template to create a three or two column layout for the content.
We're going to adapt this section to summarize the three simple steps to a successful bike rental.
Title and description
Let's start by editing the title and description, just like we did with the hero section. Make the following changes:
For section title, add "Renting a bike couldn't be easier"
For section description, add "Find the right bike, make a booking and pay with your credit card. That's it."
Content blocks
Then we'll move on to content blocks. This is where most of the content of each section typically lives. Hero is the only section template that doesn't have any content blocks. For all other section templates, you can add any number of content blocks. Your choice of the section template determines the layout of the blocks.
You notice that by default, our section has three content blocks: New listing, Search, and Payment.
Make the following changes to the content blocks:
New listing:
For block name", add "Step 1"
For block title", add "1. Find the right bike"
For block text", add " Search and browse for bikes. Filter the search by the dates when you need the bike and other criteria of your choice."
Search:
For block name, add "Step 2"
For block title, add "2. Book and pay"
For block text, add "Make a booking from the bike's calendar. Pay with your credit card. Wait until the bike owner approves your booking."
Payment:
For block name, add "Step 3"
For block title, add "3. Start riding!"
For block text, add "Use Biketribe's messaging system to agree on the time and location for picking up the bike, and be on your way!"
That's it! Save changes and view the page. The section should look like this:
3. Edit or remove other sections
There are some more sections on our landing page.
On the AI-generated landing page, there's one more section: How it works. You can review the content and update it depending on if it is accurate to your platform.
On the default page, there are two other sections: Featured locations and Explainer video. You can edit or remove these. For example, if your marketplace will be focusing solely on a single location in the beginning, you can remove the section on locations (in the early days, it's important to have focus).
4. Add a new section: For bike owners
We're missing a crucial thing from our landing page: a call-to-action for people who own bikes to list them on our marketplace. We need a new section for that.
Make the following changes:
Click "+ Add a new section"
Click the new section to open it
For section name, add "For bike owners"
Choose "Article" as the section template. Our section will be a simple one, with just title and description. However, we don't want it to take 80% of the screen height like "Hero" does.
For the section title, add "Make money renting your bike"
For the section description, add "Do you own a bike you don't need every day? Earn extra cash by renting it to others!"
For section call-to-action, choose "Internal link".
For internal link text, add "List your bike"
For internal link address, add "/l/new" (this is the path for the page for posting a new listing)
That's it! Save changes and view the page. The new section should look like this:
5. SEO & Social
At the top of the page editor, there's a tab SEO & Social.
In this tab, you can set titles and descriptions for your page. These will be used by search engines and social media sites.
Make the following changes:
For page title add "Biketribe - Find a bike anywhere"
For page description add "The largest online community to find and rent a bike."
For page title for social media, add "Find a bike everywhere"
For page description for social media, add "The largest online community to find and rent a bike."
Social media image: Add the image below (you can download it here).
That's it! Save changes. Now the landing page is ready!
You might notice there's one more section at the bottom of the landing page. This is a special section called "Footer". It's not edited through Pages. Instead, it has its own special editor. We'll learn how to edit the footer later in the tutorial.
Next: About page
As we mentioned at the start of the article, besides the landing page, there are three other default content pages in your marketplace: About, Terms of Service, and Privacy Policy. We will go through each of these in subsequent tutorials before launching our marketplace.