Repeater

Display repeating content dynamically, automatically.

The Repeater is a powerful tool that allows you to duplicate and display repeating patterns of content effortlessly, ideal for product lists, feature showcases, reviews, blog posts, or any content that appears in multiple similar blocks.

Instead of manually creating multiple versions of the same element, the Repeater automatically handles the layout, keeping everything consistent and easy to update. When used with data binding, the Repeater will pull in live data (e.g. products, reviews, posts) so you don’t have to manually update each item.

Adding a Repeater widget

To add a repeater to your canvas, continue with the steps below:

  1. Open the funnel you want to edit and edit the page.

  2. On the left panel, select the Repeater widget

  3. Click and drag it in your layout where you want the repeated items to appear.

Selecting Repeater from elements panel

Designing the Template

Once you added the repeater widget, you will see an empty container box and two boxes.

The empty container will hold the template you want to repeat and the two boxes are where the copies will be shown.

Container inside Repeater
  1. To add more boxes to the container, click (+) Add new box.

  1. Now click (+) inside each box to add the desired element.

In this example we'll be creating a product list using a Headline, an Image and a Paragraph element.

Elements in the template container

You can add elements such as: Image (for product image), Heading / Text (for product title), Paragraph (for description or details), Video (for product reviews), Price element, Button or Radio Button (for “Add to Cart” or select) etc...

You should now see the elements added and duplicated automatically in the repeater.

Setting Up the Data Binding

Binding the Repeater

  1. Click the Repeater

  2. On the left hand panel, click Data > Data Bindings

  3. Click Products Collection

  4. Assign the main dataset. This is (e.g., Products, Order Bumps, Reviews).

  5. Click Save.

Binding the Elements

  1. Click an Element

  2. Click Data > Data Binding

  3. Bind each element to the corresponding data. In this example, we'll bind the headline element to the product name, the image to the product image and the paragraph element to the displayed price.

    Data binding the headline element

    Data binding the image element

    Data binding the paragraph element

For example:

  • Button / Radio → Product ID

  • Title / Heading → Product Title or Product Name

  • Image → Product Image

  • Paragraph → Product Description

  • Price → Product Price

👉 Alternative setup: You can bind the section itself (the parent) directly to a dataset. Then, add a row or a repeater inside, inherit the dataset, and bind the elements.

Styling the template's layout

Now you can focus on styling the layout adding spacing, colors, fonts, padding/margins, borders etc.

Once you're done, click Save Changes. To see it in action, click Preview. In the preview page, you will see the Repeater generating one item per product (or per dataset item), each filled with the correct data.

Last updated

Was this helpful?