Showing products on a page with shortcodes #

In Autorespond you can show your webshop products on any page you like, without needing Elementor Pro. This works through a shortcode that you paste into a Shortcode block on a page. That way you can set your product catalogue as the homepage, put it on a landing page or show only products from a specific category.

Basic shortcode for all products #

The simplest way to show products is with this shortcode:

[products limit="12" columns="3" orderby="date" order="DESC"]

This shows the twelve most recently added products in three columns. Change limit for more or fewer products and columns for the number of columns side by side.

Filtering by product category #

If you only want to show products from a specific category, add the category parameter with the slug of the category. The slug is the URL-friendly name that you set yourself on the category.

Example for a single category:

[products limit="12" columns="3" orderby="date" order="DESC" category="books"]

Combine several categories with a comma:

[products limit="12" columns="3" orderby="date" order="DESC" category="books,e-books"]

Looking up the slug of a category #

Go to Shop → Product categories and click the category you want to use. The Slug field contains the value you use in the shortcode. If you have not set a slug yet, the system fills one in automatically based on the category name.

Showing featured products only #

Products that you have marked as ‘featured’ in the product settings can be shown separately with a shortcode of their own:

[products limit="12" columns="3" visibility="featured"]

You set a product as featured through Shop → Products. Open a product and look for the star icon next to the product image. Click it to mark the product as featured.

Changing the sort order #

The orderby and order parameters determine the order in which products are shown.

• orderby=”date” order=”DESC” — newest products first
• orderby=”date” order=”ASC” — oldest products first
• orderby=”title” order=”ASC” — alphabetically by name
• orderby=”price” order=”ASC” — lowest price first
• orderby=”price” order=”DESC” — highest price first
• orderby=”popularity” — best-selling products first
• orderby=”rating” — highest-rated products first

Placing the shortcode on a page #

1. Go to Website → Pages and open the page where you want to show the products, or create a new page.
2. Add a Shortcode block in the editor.
3. Paste the shortcode into the block.
4. Save the page and view the result.
5. Not showing correctly straight away? Clear the cache through Administration → Cache toolbox.

Setting a product page as the homepage #

If you want the products to be visible directly on your homepage, you have two options.

Option 1 — Shortcode on the existing homepage: open your current homepage through Website → Pages and add the shortcode to the page. The URL of your homepage stays the same.

Option 2 — Set the standard shop page as the homepage: go to Website → Website settings and open the Homepage settings panel. Choose a static page here and select your shop page as the homepage. The page is then reachable through both your domain name and the page’s own URL.

Changing the shop URL #

You set the URL of your shop page through Shop → Shop settings, Products tab. In the Shop page field you choose which page is used as the shop page. The URL of that page determines the address bar. If you want /books instead of /shop, create a page with the slug books and select it here.