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.

How to embed your swipe module to websites

How to create a campaign

This is s guide to help you create a campaign for your swipe modules. This means that you can collect data from different channels, such as your website, newsletters, Social Media, etc.

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

To create a campaign, press this button.

Roccai Campaigns

Step 3

Now you can add the pieces of information needed to set up the campaign and press Create Link.

Step 4

Copy the link or the embedding code and add it to the channel. See how to embed a swipe module on your website here.

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