swipe module Archives

A Guide to Styling Embedded Modules in Your Website

by Jane | Oct 21, 2024 | onboarding

Your website’s visual appeal is crucial for capturing attention and keeping visitors engaged. With Roccai’s swipe module, you not only have a powerful decision-making tool at your disposal but also the ability to customize its visual layout to perfectly align with your brand’s unique style.

Let’s dive into the different styling options available and how you can create the perfect look for your site.

Explore a Variety of Customizable Styles

Create a section with two columns.
Set the background color to black or your preferred color.
- Left column: Add text and a button.
- Right column: Embed the module (see guide).
Round the corners of the container by 10px.

Create a section with two columns.
Set the background color to a gradient from (#336370) to (#7ab2c2) or your preferred colors.
- Right column: Add text and a button.
- Left column: Embed the module (see guide).
Round the corners of the container by 10px.

Create a section with two columns.
Set a background image for each column.
- Left column: Add text and a button.
- Right column: Embed the module (see guide).
Round the corners of the container by 10px.
Open the settings for the right column. Under Spacing, set the padding to 110px for both the top and bottom.

Create a section with 3 columns.
Change the section background to a gradient from white (#ffffff) to dark blue (#072130).
First column: Embed the module (see guide) and round the container corners to 30px.
Second column: Set a background color and round the corners with a 30px border. Add an image (drop), title, and text.
Third column: Set a background color, round the corners with a 30px border, and add a title, text, and button.

Create a section with two columns.
Yellow Circle:
- Click the grey + in the right column and add a Divider.
- Set the background color to #f6c85d.
- In Design > Sizing, set the width and height to 380px.
- Set the Border to 400px to create a rounded circle.
Field with dots:
- Add a transparent image with dots.
- Set Alignment to the left and Width to 34% in Sizing.
- In Spacing, set the right margin to 20%.
Circle Made of Dots:
- Click the grey + in the right column and add a Divider.
- In Sizing, set the width and height to 220px.
- Set the Border to 400px to round the corners.
- Adjust the border width to 6px, choose a color, and set the border style to Dotted.
Left column: Add text and a button.
Right column: Embed the module (see guide).
Round the container corners by 10px.

Whether your brand leans toward minimalism, bold designs, or custom flair, Roccai has a swipe module template to suit your needs.

Newsletter Segmentation: The Key to Unlocking Effective Email Marketing

by Kira Maté | Oct 2, 2024 | Blogpost

Did you know that segmented email campaigns can drive a 760% increase in revenue? That’s because segmentation allows marketers to deliver hyper-targeted content that resonates with specific audience groups. But what exactly is newsletter segmentation, and how can it transform your email marketing strategy?

What is Newsletter Segmentation?

Newsletter segmentation is the process of dividing your email subscribers into specific groups to provide them with tailored and relevant content. By segmenting your audience, businesses can move away from sending the same generic email to everyone and instead send personalized newsletters based on subscriber behavior, preferences, or data collected during signup. This approach increases engagement and boosts open rates, click-through rates, and conversions, leading to more successful email marketing campaigns.

Benefits of Newsletter Segmentation

Segmenting your newsletters offers a range of benefits, including:

Increased Sales: Personalized content encourages recipients to take action, whether it’s making a purchase or signing up for an event.

Higher Engagement: Sending content relevant to each segment increases the likelihood of your audience opening and interacting with your emails.

Lower Unsubscribe Rates: Delivering targeted messages reduces the likelihood of subscribers opting out.

How Roccai Enhances Newsletter Segmentation

At Roccai, we’ve created an innovative swipe tool that takes your newsletter strategy to the next level. Here’s how it works:

At Roccai, we’ve developed an interactive solution that allows your subscribers to swipe through images and questions, making it easy to capture precise preferences directly from each user.

Fully Customizable to Your Brand
The visuals and questions can be completely customized to match your brand’s look and feel, ensuring a seamless experience that resonates with your target audience. Implementing the swipe journey is straightforward—simply add it as a link or button in your newsletters, no coding required. Your team can integrate this feature effortlessly into existing campaigns.
Interactive Segmentation for Better Engagement
Several of our clients are already leveraging this solution to enhance their newsletter segmentation. By enabling subscribers to indicate their preferences through a simple YES or NO swipe on various topics, users are automatically grouped into the right email lists based on their interests. This means each segment receives content tailored to their unique preferences.
Boosting Completion Rates
Traditional questionnaires often struggle with drop-offs, but our swipe tool is designed to maintain engagement from start to finish. In fact, we’ve observed over 66% of users completing the swipe journey, even with up to 22 questions—significantly outperforming standard surveys.
Leveraging Zero-Party Data for Personalization
The insights gathered through Roccai’s platform are what’s known as zero-party data—information that your users willingly share with you. This gives you a direct understanding of what your audience wants, enabling you to create hyper-targeted, relevant content that strengthens customer relationships and drives higher engagement.

Exporting Data for Improved Segmentation

Access to the correct data is essential to continuously improving your segmentation efforts. This is where integrating Roccai’s tools with platforms like Zapier comes in handy. Using our Zapier integration guide, you can easily export data and automate workflows that enhance your segmentation strategy. This allows for more efficient data management and helps refine your newsletter targeting.

Key Takeaways of Newsletter Segmentation

Segmentation is Crucial for Effective Email Marketing
Personalized newsletters drive higher engagement, reduce unsubscribe rates, and lead to increased sales by delivering content that speaks directly to each subscriber’s preferences.
Roccai’s Swipe Tool Creates Engaging Experiences
Our swipe tool enhances your segmentation strategy by allowing subscribers to interact with your brand through visually engaging swipes. This keeps users engaged throughout the journey and captures zero-party data seamlessly—without interrupting the user experience.
Zero-Party Data for Smarter Targeting
With data that users actively choose to share, you gain deeper insights into their true interests, making your email campaigns more relevant and impactful.
Streamlined Integration and Automation
Tools like our Zapier integration simplify exporting data and automating segmentation processes, ensuring that you’re always optimizing your targeting and campaign performance.

Ready to elevate your newsletter strategy? Contact us today to learn how Roccai’s swipe tool can help you create highly personalized, high-converting email campaigns that keep your audience coming back for more!

How to introduce the swipe journey and collect data for Lead Gen

by admin | May 27, 2024 | onboarding

This is a guide on adding additional cards, such as start, info, and final cards, to your swipe journey. The purpose is to introduce the swipe journey but also to be able to collect user data for surveys, Lead Gen etc.

The Start Card

Step 1

You can add a start card once you have created your swipe journey (see onboarding guide). To do this, click Start Card in the menu to the left.

Step 2

You can introduce the swipe journey and describe the purpose and what happens next by adding a title, subtitle, image, and button text and press UPDATE. (Logo can be changed under Settings).

The Info Card

Step 1

You can find the Info Card under the Start Card in the menu on the left.

Step 2

You can find the Info Card under the Start Card in the menu on the left. Use this card to collect information on the user before swiping. This could be name, age, preferences, etc.

Remember to add your privacy policy.

The Final Card

Step 1

The Final Card is found in the menu on the left and is similar to the Info Card.

Step 2

The Final Card is used to collect information about the customer for Lead Gen after swiping. This can be name, email, mobile number, etc. It can also be a “well done,” “thanks for your help,” or “sign up for our newsletter.” Remember to add a privacy policy.

The button can lead to products, a website, or a popup.

It is also possible to go directly to the products if the customer does not want to fill out the contact form.

Find the styling of the secondary button under Settings.

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

How to create and add a product feed

by Jane | May 27, 2024 | onboarding

This guide is designed to help you create a product feed sourced from your website and add it to the Roccai platform.

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. And it should be a live link.

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

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.)

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

Shopify

If you use Shopify you can use this plugin (up to 100 products for free):
https://apps.shopify.com/product-feeds-generator-by-amasty?locale=da

Or checkout this guide on how to get a product feed from Shopify using the FeedFusion plugin

WooCommerce

Checkout this guide on how to generate a product feed in Wocommerce.

Step 2

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

Here, you can see how we map the fields on the platform.

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