Recreate this section with dynamic content

Use our Sandboxes to experiment with tools and features from the Studio Editor and get a sense of what’s possible with the platform.

Follow the steps in this Sandbox to recreate a section with dynamic content.

Scroll down to get started

5-10 mins

Set up your Repeater

PART 1/3

Add an image to the Repeater

Drag the image element below into the repeater on the section just below this one

Click on the image to select it. In the top right corner, click Stretch

Add a title and button to the container

Drag the title and button container below into the repeater and place it at the bottom of the item. Be sure to grab the entire container

Once you’re finished, scroll down to Part 2 ↓

The changes you made in Part 1 carry over to the next section.

Assets for use

Add a Title

PART 2/3

Connect the repeater to a CMS collection

Please note

This Sandbox is already set up with a CMS collection that contains demo content.

Work Here

Connect to the dataset

In the section below, click on the repeater

At the very bottom of the editor, click on Repeater to ensure it's selected

At the top of the Inspector panel, click on the CMS connections tab

In the Choose a dataset dropdown at the top of the panel, choose Properties dataset

Connect elements to CMS

In the repeater, click on one of the titles to select it

In the Inspector panel, click on the Text connects to dropdown and choose Title

Repeat the process for the image element. This time, under the Image source connect to dropdown choose Photo

Repeat the process for the arrow button element. This time, under the Link connects to dropdown, choose Properties (Item)

Click Preview to see how your section turned out. Click the buttons to view the item pages.

Then, scroll down..

Urban Landmark Studio

Laying foundations, defining skylines

Experience excellence from the award-winning, Urban Landmark Studio. From iconic skyline-changing structures to sustainable blended spaces, shaping the art of architecture.

Learn More

Amongst others

City view condo

New heights

Elevated office space

Museum of Art

Function over form

Add content to the CMS

PART 3/3

Add an item to the collection

We added design elements in the section below, to save you some time

In the section below, select the repeater

In the floating menu, click on Manage Content

In the popup, click on Edit Content to open the Properties collection

Add items to your collection and fill in each field with content, then come back here to see it displayed in the repeater

Click Preview to see how it turned out.

Preview to see how this design looks on mobile

To see the instructions, switch to desktop.

Start Now

Follow along to customize when and how different elements interact as visitors scroll through your site.

Recreate a section with scroll animation

Start Now

Learn a quicker and more intuitive way to create a section layout with presets, adjustable cell designs and animations.

Recreate this section with grid

Start Now

Discover a fresh way to move, reveal and transform your site content to engage visitors and keep them scrolling.

Recreate a section with scroll animation

Get proficient at using the Studio Editor and find other skill-sharpening resources in the Wix Studio Academy.
Be sure to click “preview” before starting a new Sandbox.

Try out more Sandboxes

Add a Title