Skip to main content

How can I present my self-service products?

  • Updated
  • ~ minute read

It's important for job board operators to understand how to effectively showcase their products. We've gathered some valuable tips and a guide on how to set up your product landing page.

To generate revenue from your products, presenting your portfolio to your target audience through a carefully crafted product landing page is crucial. We provide the "products grid" as a landing page element to help you showcase your offerings. This dedicated product landing page should feature a comprehensive list of items available for self-service purchase.

 

Product landing page presentation

There are 2 types of cards that can be used for your product landing page:

  • Product card:
    • If a published product is selected, the product description, product title, and price will be automatically populated from the chosen self-service product for the product card.
    • Example products: 1 job credit, 5 premium job credits, 10 job credits
  • CTA card: 
    • This card can be used to display a custom text and a URL of your choice.

Extra Tip:  Please ensure that the commerce product has the "self-service" checkbox selected. You can verify this by navigating to /admin/commerce/products and selecting the preferred product.

 

1) Presentation of your products via the product card

Follow these steps to set up a new landing page:

  1. Click on 'Landing Page Rows' and choose 'Add Products Grid' from the dropdown menu.

    1.png

  2. Scroll down to 'Items' and select 'Add Products.'

    2.png

  3. Search for your preferred product and select it.

    3.png

  4. Make sure to include other relevant landing page elements, which you can find in the overview here.

  5. Save your changes.

5.png

 

2) Presentation of products via the CTA card

Follow the steps mentioned here to set up a new landing page:

  1. Click on 'Landing Page Rows' and select 'Add Products Grid' from the dropdown menu.

  2. Next, scroll down to 'Items' and choose 'Add CTA - Product.'

    2.png

  3. Here, you can:
    1. Upload a teaser image
    2. Define a title and subtitle (intro)
    3. Add the content (product description)
    4. Specify a price
    5. Define a CTA text and add a URL

  4. Be sure to include any other relevant landing page elements, which you can find in the overview here.

  5. Don't forget to save your changes.

  1.  

10.png

 

Extra Tip:

  • Maintain a simple layout, especially the use of images and text. The main goal of the product landing page should be to get visitors to read your products and to use your them. Keep the readable content to a minimum.
  • Do you have a big product portfolio? Split your product landing page into sub-pages.
  • Think about the placement of the product landing page. We suggest to place the product landing page in the main menu, as this is the most viewed menu on a website.
  • Make sure to present your products in groups (e.g. 1 job credit, 5 job credits, 10 job credits should be presented within the same landing page element).
  • You can change the grid display options to: 
    • Expand: When the grid is configured to expand, the elements will break on multiple rows. 
    • Scroll Horizontally: When the grid is configured to scroll horizontally, we show pagination dots under the grid and the whole grid can scroll horizontally. The horizontal scroll applies for both web and mobile usage. 
    • Tip: Please only use "scroll horizontally" if you would like to display more than 3 products.

 

8.png

Related articles