Creating an engaging landing page is crucial for attracting and retaining users in your marketplace. By featuring specific listings, you can boost customer engagement and drive sales for your providers.
Listings can be featured on your landing page using numerous approaches. This article will create a featured listings section. Such a section showcases several listings and invites users to view them in more detail through a call-to-action button.
You should apply the techniques introduced in this article to showcase your listings in a way that makes sense for your marketplace, considering things like the kind of listings on your marketplace and what your typical customers need.
We will build the featured listings section with Pages in Console. First, you create a new section on your landing page. Then, you build out the listings that should be featured there using content blocks, upload pictures and add listing titles. Finally, you build call-to-action buttons pointing to the listings. Learn more about Pages.
Sharetribe has on its roadmap to introduce a new special section for featuring listings. It will improve the current approach by automatically populating listing information like the image and title. Learn more on our roadmap.
1. Create a featured listings section on your landing page
First, create a dedicated section to feature listings on your landing page by following these steps:
Go to your Console's Build section > Content > Pages > Click on
landing-page> + Add a new section.Name the section "Featured listings" or something helps you remember what the section is about.
Select "Columns" as the Section template, and select 3 or 4 as the "Number of columns".
(Optional) Select "Custom" in the section appearance, and enter a background color or upload a background image to make the featured listings section stand out more.
Save changes.
2. Chose listings to feature
Next, you will need to choose listings on your marketplace to feature. Ideally, you'll want to feature 3-4 listings. Below are the steps to follow:
Listing URL: Note the URL of each listing you want to feature.
Listing Title/Name: Note the title or name of each listing.
Listing Image: Save the listing image and convert it to PNG, JPG, or JPEG format (since the image is saved in AVIF format by default).
3. Add listings to the featured listings section
Lastly, you'll need to add listings you want to feature in the section created in Step 1. Below are the steps to follow:
Go to your Console's Build section > Content > Pages > Click on
landing-page> Click on the featured listings section created in Step 1.Proceed to add a new content block by clicking on + Add a new block.
Fill in the Block name to help you remember what the block's content is about.
Add an image by choosing Image in the Block Media. For accessibility, enter text in the Image alt text field. Select the Portrait (2:3) Aspect ratio.
Fill in the Block text field with the text listing name, and format it using markdown syntax to add a link that redirects to the listing page.
Save changes.
You can repeat the above process each time you want to feature a listing on your landing page, as often as needed.