ROCCAI

How to embed your swipe module to websites

Written by Jane

June 30, 2023

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

Step 1

Log in to Roccai and choose the module for which you want to create a campaign. 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).

Step 3a – If you use WordPress

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.

Then add the id roccai-container to the CSS ID field in the code block settings.

Roccai embedding

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

This image has an empty alt attribute; its file name is Screenshot-2023-06-29-at-11.06.57-1024x903.png
OBS: The embedded swipe module will be visible in the preview; it will not be visible in edit mode.

Step 3b – If you use Simplero

Log in to your website backend and find the page where you want to embed the swipe module. When adding a script on a Site or Landing Page, you’ll be able to add a Script section.

Copy the script

and add it inside the script section:

Copy the container ID:

Click the HTML button located in the upper right corner of the toolbar, the last button the looks like “< >

The Source code screen will open. Paste the embedded code where you want it and click the blue Ok button when done:

    Step 3c – If you add to code

    Copy the script and add it inside the <head>

    Copy the container ID and add it inside the <body> where you want the swipe module to be displayed.

    If you need our help, don’t hesitate to get in touch with us via the chat in the bottom right corner.

    Roccai

    You May Also Like…

    Data Processing Agreement

    Please complete the form linked below to execute Roccai's Data Processing Agreement. Once you submit this form, you...

    Data Privacy Policy

    1. Introduction  At Roccai ApS, Aldersrovej 34, 8200 Aarhus N, CVR no. 1064198 (“Roccai" or "we"), we understand...