How to embed your swipe module to websites

How to embed your swipe module to websites

This guide will show you how to embed a swipe module on your website.

Step 1

Log in to Roccai and choose the module you want to create a campaign for. Press the Share icon

Roccai share

Step 2

Click the code icon next to the campaign you want to embed.

Roccai embedding

It can look like this (the link in the script contains your specific swipe module information).

Embedding to Roccai

Step 3

Log in to your website backend and find the page where you want to embed the swipe module. Add a code block and add the script here.

Step 4

Create a div and add the id=”roccai-container”

Roccai embedding

OBS: If you are using WordPress, then add the id roccai-container to the CSS ID field in the code block settings.

Roccai embedding

Step 5

You can now style the size of the swipe module container. We recommend the following:

Step 6

You will see the embedded swipe module in the preview. It will not be visible in edit mode.

If you need our help, please contact us via the chat bottom right corner.