Which swipe solution should I choose?

Which swipe solution should I choose?

One of the important decisions you’ll need to make is whether you want to create a manual swipe module or a smart swipe module. Each option has its own advantages and considerations. To help you make an informed choice, we have a comprehensive guide available that explains the differences and provides guidance on selecting the right option for your needs.

Manuel

Our manual swipe solution offers a linear swipe journey where you swipe the same sequence of swipe cards every time. This is useful if you want all cards displayed every time, use Roccai as a visual survey, or have very few results (products) to offer.
Our Manual Swipe Solution provides a straightforward way to create swipe modules by allowing you to add results via a product feed or manually. Swipe cards are always created manually, and you have the option to decide the order of the cards via our drag-drop function. With this solution, you have full control over the content and sequence of the swipes.

To learn more, please check out our brief guide on how to use our Manual Swipe Solution.

Smart

With our smart solution, we can automatically design a swipe journey based on your product feed. This solution is preferable if you have many results and you want our algorithms to help you create a relatively short but varied swipe journey that leads to a manageable number of results.
If you choose this option, after uploading your product feed you will be able to auto-generate swipe cards with relevant questions and images. This means you can have a swipe journey ready immediately. You can then choose to customize the swipe journey to make it the way you want it.

To learn more, please check out our brief guide on how to use our Smart Swipe Solution.

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

Which swipe solution should I choose?

How to create a Manual Swipe Journey

Our manual swipe solution offers a linear swipe journey where you swipe the same sequence of swipe cards every time. This is useful if you want all cards displayed every time, use Roccai as a visual survey, or have very few results (products) to offer.
This guide shows you step-by-step how to create a manual swipe module.

Step 1

Create a manual swipe module: Log in to your account and select the MANUAL solution. Add a name for your swipe module and press NEXT.

Roccai Manual swipe module

Step 2

Import a product feed or build from scratch.

Roccai manual swipe module

Step 3

If you have chosen to build from scratch, you first need to add your results. Results represent the individual items, products, or services users are presented with once they complete their swipe journey. You can manually input the relevant information for each result, such as title, description, images, price, etc.

Note that it is very important that you remember to add tags to your result. We recommend adding +3 tags to get the best swipe journey possible.

Roccai add results

Step 4

Once you have added the results, it’s time to create swipe cards. Swipe cards can contain images, questions or words that the end user swipes yes or no to. You can customize the layout, design, and appearance of the swipe cards to align with your branding and user preferences.

Again, remember to add a tag from the list so that the map leads to one or more results.

Roccai add swipe cards

Step 5

Once you have added your swipe cards, you can change the order of the swipe cards via drag’n’drop. To do so, you need to switch the toggle to Manual in the top right corner. Remember to save your journey.

Roccai Manual swipe journey

Step 6

It is possible to insert a start and a final card in the swipe journey.

Start and final card

Learn more about creating campaigns and embed your swipe module in our guides.

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.

Getting started

Getting started

This guide will help you start with Roccai using a product feed 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)
  • description
  • imageUrl (required)
  • link (required)
  • tags (required)
  • categories
  • price

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

Step 2

Send the product feed to ju@roccai.com, and we will add the product feed to the Roccai platform.

Step 3

Once the product feed is uploaded to the platform, you will see the results from the product feed under Results.

Results Roccai

Step 4

You can see the autogenerated swipe cards under Swipe Journey.

Roccai Swipe Journey

It is possible to customize the swipe cards by clicking the edit icon on each swipe card.

Roccai edit swipe cards

Step 5

It is possible to insert a start and a final card in the swipe journey.

Start and final card

Step 6

It is possible to share the swiper journey either as a link or embedded code.

Share Roccai swipe module

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