Getting started

Written by Jane

March 27, 2024

This guide is designed to assist you in getting started with Roccai by using a product feed sourced from your website.

Step 1

The first thing you need to do is create a product feed in your website’s backend. A product feed is a structured file containing detailed information about a company’s products; you might know this from Google Shopping.

The format must be either .xml or JSON.

This is an example of what one item in a Google Shopping feed could look like.

Product feed xml example

The product feed must contain the following elements

  • id (required)
  • title (required)
  • subtitle
  • description (required)
  • imageUrl (required)
  • link (required)
  • tags
  • categories
  • price
  • sales price
  • status (in stock etc.)

The product feed should be a live link and updated in real time.


If you use Shopify you can use this plugin (up to 100 products for free):

Step 2

Sign in to, and the onboarding will begin. Start by selecting a category and press NEXT.

Step 3

Now, it is time to select a name for your Swipe Journey. Then please choose a language (should be the same as in the product feed) and press CREATE MODULE.

Step 4

You then select Via Link and add your product feed. Press DETECT DATA. If you want to build the swipe journey manually, that is also possible.

Step 5

You can now check if you are satisfied with how your products are detected. You can see a preview to the right. Press NEXT.

Step 6

Decide if you want all your products from the feed to be imported or only specific products. Press START IMPORTING

Step 7

Now, it is time to establish your style. Add your company colors and logo.

Step 8

This step is about the design of the swipe cards. To make it as fast as possible, please choose a template style for all your cards. You can use product images, where we pick images from your product feed, or upload background images. Press CREATE TEMPLATE.

Step 9

It is possible to make some design adjustments to the templates. It could be a frosted glass box, if the image should cover the screen etc.

Step 10

You can add more templates. This is mostly used if you don’t use product images but background images or colors.

Step 11

Add your first question if you want, or press SKIP FOR NOW.

Step 12

Success! Now, you can try your swipe journey, share it, or customize your swipe cards.

Step 13

Adding a start, info, and a final card to the swipe journey is possible.

Start and final card

Step 14

Sharing the swiper journey as a link or embedded code is possible. Learn more about how to create campaigns here.

Share Roccai swipe module

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


You May Also Like…