Adding text and images to an interaction

Once you've added an Interaction component to the page, you can fill it with content. Interactions can contain both text and images housed across multiple separate items (the individual parts of the component i.e. the points on a Timeline or the slides in a Carousel).

When an interaction is added, it will be created with two items and filled with placeholder content but you can add as many items to the interaction as you like.

For instructions on how to add a component, see Adding new components to a page.

Tip: You can switch the interaction type at any time without affecting the existing content within. For example, if you've built an Accordion complete with text and images but you decide you'd like it to be a Carousel instead, you can change the interaction type and the content you've already added will be transferred to the new Carousel. You can read more about this in Changing the type of component being used.

 

 

Adding text and images to items of an interaction

1. Select the block containing the interaction you'd like to edit. You'll know the interaction has been selected if a blue border has appeared around it.

2. Choose the Interactions (Create, interactions button in Project toolbar.png) button from the Project toolbar. This will open up the Interaction editing modal.

3. Each item in the interaction is represented by an accordion in the editing modal:

Create, interaction editing modal showing two default items with sample text.png

4. Select an accordion to expand the item. You'll see options to edit text and an image.

5. Add the title and introduction text for your interaction item by typing in the text boxes provided

6. Select Choose Image to open the Asset Library and add an image. You can either use an image you've uploaded before or upload a new one by selecting Upload Image. Alternatively, you can select Remove to delete the image from the item if you'd prefer it has no image.

7. Repeat for the remaining items

 

Adding a new item to an interaction

1. Select the block containing the interaction you'd like to edit. You'll know the interaction has been selected if a blue border has appeared around it.

2. Choose the Interactions (Create, interactions button in Project toolbar.png) button from the Project toolbar. This will open up the Interaction editing modal.

3. Select Add item to add more items to the interaction

Was this article helpful?
0 out of 0 found this helpful

Articles in this section

Request support
Access support that’s tailored to you by getting in touch with our Support Team.
Send us feedback
Do you have a new feature request, or want to tell us about something that works well (or not so well) for you? Get in touch!