Custom Carousels

With LeafBridge, you can easily create custom product carousels to highlight certain products, or categories of products, and sort them by name, price, popularity or potency.

So if you’re working on a featured brand deal, or want to customize the customer journey on any page on your site, our simple shortcode generator can make this happen.

Where to Use Custom Carousels

You can place custom product carousels anywhere on your site, but particularly useful places include:

  • The Hero section of your homepage
  • Featured areas of your homepage
  • Blog posts / articles (display relevant products to the topic of the article)
  • Featured Deals pages

Here’s how to configure, edit, or create product carousels for your site.

NB: the screenshots below show our custom WordPress block theme. If you are using a different theme, or a page builder such as Elementor, please refer to their help documents if the options you see don’t match the below (they are all fairly similar).

Time required: ~2 mins.

Skill level: Basic

For a written walkthrough, please scroll down.

Steps

Make sure you’re logged in to your website as an administrator.

Navigate to the page where you’d like to add or edit your featured carousel. Then click the “edit page” button to access the page editor.

If you have a custom carousel configured on this page already, you will see the shortcode displayed.

If you don’t have a custom carousel configured for this page, you can add one by inserting a shortcode block onto the page.

If you want the shortcode to display full-width, you can use the shortcode block on its own. If you’d prefer the custom carousel to display with a restrained width, simply add the shortcode block to a “group” or “column” and manually set the width and justification (left, center, right) as you prefer.

To create your custom carousel shortcode, open a new tab and navigate to LeafBridge -> Shortcode Generator in the back-end of your site admin screen.

Use the drop-down menus to configure the product collection you’d like to display.

Copy the shortcode generated from your selections.

Navigate back to the page editor tab and paste the shortcode you copied into the shortcode block.

Hit the “preview” button to check you’re happy, and tweak the page as needed.

When ready, hit the “publish” button.

And that’s it! Now you can create and edit custom product carousels and place them anywhere on your site, for optimal conversions and a more intuitive user experience.

Stuck? Email support@leafbridge.com and we can update custom carousels for you.