Why send A/B tests?

A/B testing replaces estimates and guesswork with real data. It lets you test different versions of an email on a small sample of recipients, then send the best-performing version to the remaining majority of your database.

What you can test

• Email subject and preheader: These directly affect how many people open your email in the first place.
• Sender name: Test whether your company name or a person’s name works better, for example, John from Company.
• Content and design: Different copy, images, offers, or the placement and colour of the call-to-action (CTA) button can affect click-through rates.

How to set up A/B testing

The original screenshots show the Czech interface. The instructions below include the corresponding Czech labels so you can follow each step.

1. Create a new campaign

In the Campaigns menu (Kampaně), click New campaigns (Nové kampaně), then New campaign (Nová kampaň).

2. Choose an empty SmartFlow and give it a name

Select Empty SmartFlow (Prázdné SmartFlow) and give it a name.

Click the pencil icon next to the SmartFlow name to edit it. For example, enter A/B test.

3. Set the scheduled start

Choose a trigger and select Scheduled start (Naplánovaný start).

In Scheduled start, set the date when the campaign should start.

4. Select your contacts

A contact selection block is added automatically.

In Contact selection (Výběr kontaktů), choose the audience you want to reach.

5. Add the A/B Test with Email block

Finally, add the A/B Test with Email block (A/B test s e-mailem). You will find it under Actions (Akce).

6. Configure the test group, templates and winning criterion

• Test group (Testovací skupina): Choose the percentage of your audience to include in the test, with a minimum of 10%.
• Templates A and B (Šablony): Add the templates for the two email variants here.
• Winning criterion (Kritérium vítězství): Choose the criterion used to evaluate the A/B test and how long to wait before sending the winning variant to the rest of your audience.

7. Confirm and schedule the campaign

Once these settings are complete, all that remains is to confirm and schedule the campaign.

Proč posílat A/B testy?

A/B testování nahrazuje odhady a dohady reálnými daty. Umožňuje otestovat různé verze e-mailu na malém vzorku příjemců a zbylé většině databáze poslat až tu variantu, která má nejlepší výsledky.

Co můžete testovat

• Předmět e-mailu a preheader: Mají přímý vliv na to, kolik lidí e-mail vůbec otevře.
• Jméno odesílatele: Můžete testovat, zda lépe funguje název firmy nebo konkrétní jméno (např. Jan z Firmy).
• Obsah a grafika: Různé texty, obrázky, nabídky nebo umístění a barva tlačítka (CTA), které ovlivňují míru prokliků.

Jak nastavit A/B testování

1. Vytvořte novou kampaň

V nabídce Kampaně klikněte na Nové kampaně a poté na Nová kampaň.

2. Zvolte prázdné SmartFlow a pojmenujte ho

Vyberte Prázdné SmartFlow a pojmenujte si ho.

Název upravíte kliknutím na ikonu tužky u názvu SmartFlow. Můžete zadat například A/B test.

3. Nastavte naplánovaný start

Vyberte spouštěč a zvolte Naplánovaný start.

U Naplánovaného startu nastavte datum, kdy se má kampaň spustit.

4. Vyberte kontakty

Automaticky se vám doplní blok pro výběr kontaktů.

V bloku Výběr kontaktů vyberte publikum, které chcete oslovit.

5. Přidejte blok A/B test s e-mailem

Jako poslední vložte blok A/B test s e-mailem. Najdete ho mezi Akcemi.

6. Nastavte testovací skupinu, šablony a kritérium vítězství

• Testovací skupina: Zvolte, jaké procento publika chcete testovat, nejméně však 10 %.
• Šablony A a B: Zde vložte šablony pro obě varianty e-mailu.
• Kritérium vítězství: Nastavte, podle jaké podmínky se má A/B test vyhodnotit a po jaké době se má vítězná varianta odeslat zbytku publika.

7. Potvrďte a naplánujte kampaň

Po tomto nastavení již stačí kampaň potvrdit a naplánovat.

Set up pop-ups to collect contacts for your email database.

Pop-up window

Select this scenario:

This will create the following smartflow:

Website viewed:

Audience: Here you can choose whether the pop-up should be displayed to known or unknown contacts.

A known contact is someone who meets at least one of the following conditions:

registers in the e-shop

subscribes via the pop-up

clicks a link in a newsletter

If one of these events occurs, we match the customer with their browser and start collecting data about them. Otherwise, the contact remains unknown to us.

Conditions: Here you can set whether the pop-up or teaser should be displayed after a certain amount of time spent on the page, after a certain percentage of the page has been viewed, or when leaving the page. If you set multiple conditions, it will be displayed once all selected conditions are met at the same time.

Target: Here you can set it to display only on specific pages, only in a specific category, or on a specific product.

Pop-up:

Create your pop-up with the help of our templates, where you can choose a style and then edit the text.

Email address validation when filling out the pop-up

Do you want to prevent people from repeatedly subscribing through the pop-up if they have already subscribed once? Set up pop-up validation for the confirmation button. Click the row with the confirmation button and an editing window will appear, where you can check the "Validation on submit" option.

Double opt-in

It may seem that confirming an email in the user's inbox only slows them down, but in practice this setting protects you from typos and invalid addresses and helps protect you from spammers.

Add email button for double opt-in redirects you to the Templates section, where you can choose a suitable template from the system or your own templates and edit it.

An important part of the confirmation email is the Email Verification button.

Add contacts to list: Here you select which of your lists the contact will be added to once they confirm their email.

Send Email

The final step is to add the email template that will be sent to the customer after they confirm the double opt-in.

Once the customer confirms their subscription, the system automatically sends them a welcome email. In it, you can welcome the new subscriber to your e-shop and include the promised discount coupon.

Your campaign is now ready and you can launch it.

Nastavte si vyskakovací okna neboli pop-upy pro sběr kontaktů do vaší e-mailové databáze. 

Pop-up okno

Vyberete tento scénář:

Vytvoří to toto smartflow:

Web byl zobrazen:

Publikum: Zde si můžete zvolit, zda se má pop-up zobrazovat známým nebo neznámým kontaktům. 

Známý kontakt je pro nás ten, kdo splní alespoň jednu tuto podmínku:

zaregistruje se do e-shopu

přihlásí se k odběru přes pop-up

klikne na nějaký odkaz v newsletteru

Pokud nastane jedna z těchto událostí, zákazníka si spárujeme s jeho prohlížečem a my k němu začneme sbírat data. V ostatním případě je pro nás kontakt neznámý.

Podmínky: Zde si můžete nastavit, zda se má pop-up nebo teaser zobrazit po určitém čase stráveném na stránce, po určitém procentu zhlédnutí stránky nebo při opuštění stránky. Pokud nastavíte více podmínek, zobrazí se při splnění všech vybraných podmínek zároveň.

Cíl: zde si můžete nastavit, aby se zobrazovali jen na určitých stránkách, jen na některé kategorii nebo produkt

Pop-up:

Vytvoříte si pop-up, pomůžou vám s tím naše šablony ze kterých si můžete vybrat styl a a pak upravíte text

Validace e-mailových adres při vyplňování pop-upu

Chcete zamezit tomu, aby se vám lidé opakovaně přihlašovali přes pop-up, když už se jednou přihlásili? Nastavte si u potvrzovacího tlačítka validaci pop-upu. Klikněte na řádek s potvrzovacím tlačítkem a objeví se vám editační okénko, kde si zaškrtnete pole "Validace při odeslání".

Double opt-in

Může se zdát, že potvrzení e-mailu v doručené poště uživatele jen zdržuje, ale v praxi vám toto nastavení zachrání od překlepů a nefunkčních adres, ochrání vás před spammery.

Tlačítko Přidat e-mail pro double opt-in vás přesměruje do sekce Šablony, ve kterých si ze systémových nebo vlastních vyberete vhodnou šablonu a tu upravíte. 

Důležitou součástí potvrzovacího mailu je tlačítko Ověření mailu.

Přidat kontakty do seznamu: zde si vyberete do jakého z vašich seznamů se kontakt přiřadí, jakmile potvrdí mail.

Odeslat E-mail

Poslední krok je přidání šablony mailu, která se zákazníkovi pošle po potvrzení double opt-inu.

Jakmile zákazník odběr potvrdí, systém mu automaticky odešle uvítací e-mail. V něm nového odběratele přivítáte v e-shopu a součástí je i slíbený slevový kupón.

Kampaň máte hotovou a můžete spustit.

Informational Teaser with Pop-up

An informational pop-up combined with a teaser is used to quickly communicate an important message to website visitors. Unlike standard pop-ups, it is not used to collect email addresses, but purely to provide practical information (e.g. Christmas delivery deadlines, changes to opening hours, maintenance notices, or promotional announcements).

Select this scenario:

This will create the following smartflow:

Website viewed:

Audience: Here you can choose whether the pop-up should be displayed to known or unknown contacts.

A known contact is someone who meets at least one of the following conditions:

registers in the e-shop

subscribes via a pop-up

clicks a link in a newsletter

If one of these events occurs, we match the customer with their browser and start collecting data about them. Otherwise, the contact is considered unknown.

Conditions: Here you can set whether the pop-up or teaser should be displayed after a certain amount of time spent on the page, after a certain percentage of the page has been viewed, or when the visitor is about to leave the page. If you set multiple conditions, it will be displayed when all selected conditions are met at the same time.

Target: Here you can set them to be displayed only on specific pages, only within a certain category, or for a specific product.

Teaser:

Allow teaser to be closed: You can choose whether users are allowed to close the teaser.

Design: Here you can configure the text design and the position where the teaser will be displayed.

Preview: Here you can see the changes you have made.

Pop-up:

Create your informational pop-up. Our templates will help you with this – you can choose a style and then edit the text.

Your campaign is ready and you can launch it.

Informační Teaser s Pop-upem

Informační pop-up spojený s teaserem slouží k rychlému předání důležité zprávy návštěvníkům webu. Na rozdíl od klasických pop-upů neslouží ke sběru e-mailů, ale předává čistě praktické informace (např. termíny doručení do Vánoc, změna otevírací doby, upozornění na odstávku nebo akční oznámení).

Vyberete tento scénář:

Vytvoří to toto smartflow:

Web byl zobrazen:

Publikum: Zde si můžete zvolit, zda se má pop-up zobrazovat známým nebo neznámým kontaktům. 

Známý kontakt je pro nás ten, kdo splní alespoň jednu tuto podmínku:

zaregistruje se do e-shopu

přihlásí se k odběru přes pop-up

klikne na nějaký odkaz v newsletteru

Pokud nastane jedna z těchto událostí, zákazníka si spárujeme s jeho prohlížečem a my k němu začneme sbírat data. V ostatním případě je pro nás kontakt neznámý.

Podmínky: Zde si můžete nastavit, zda se má pop-up nebo teaser zobrazit po určitém čase stráveném na stránce, po určitém procentu zhlédnutí stránky nebo při opuštění stránky. Pokud nastavíte více podmínek, zobrazí se při splnění všech vybraných podmínek zároveň.

Cíl: zde si můžete nastavit, aby se zobrazovali jen na určitých stránkách, jen na některé kategorii nebo produktu.

Teaser:

Povolit zavření teaseru: můžete nastavit, aby bylo možné teaser zavřít.

Design: zde si nastavíte grafiku textu a pozici kde se teaser zobrazí.

Náhled: vidíte zde vaše provedené úpravy.

Pop-up:

Vytvoříte si informační pop-up, pomůžou vám s tím naše šablony ze kterých si můžete vybrat styl a a pak upravíte text

Kampaň máte hotovou a můžete spustit.

This guide explains how to format custom HTML for the Custom HTML Teaser node in SmartFlow in Incomaker Next.

HTML Teaser Formatting Guide

You can create a custom HTML teaser using any AI chatbot. Simply copy the instructions below, provide them to your chatbot, and describe how you want your teaser to look.

Required HTML classes:

• .inco_teaser_container – The main wrapper <div> containing the entire teaser.
• .inco_teaser – The clickable teaser area. Clicking it automatically opens the popup.
• .inco_teaser_x – The close button. Clicking this element automatically closes the teaser.

Important rules:

• All three classes are required for the teaser to work correctly.
• You can fully customize the HTML structure, CSS, colors, fonts, animations, and positioning.
• Keep all CSS inside a <style> tag within the main container.
• Do not rename or remove the required classes.
• No additional JavaScript is needed for opening or closing the teaser.

Example HTML Teaser

<div class="inco_teaser_container">
  <style>
    .inco_teaser_container {
      position: fixed;
      bottom: 0;
      right: 10px;
      z-index: 90;
    }

    .inco_teaser {
      display: flex;
      align-items: center;
      gap: 15px;
      padding: 12px 20px;
      background: #1c1c1c;
      color: white;
      border-radius: 8px 8px 0 0;
      cursor: pointer;
      font-family: Arial, sans-serif;
    }

    .inco_teaser_x {
      color: #aaa;
      font-weight: bold;
      cursor: pointer;
    }

    .inco_teaser_x:hover {
      color: red;
    }
  </style>

  <div class="inco_teaser">
    <span>Get $10 off your first order!</span>
    <span class="inco_teaser_x">&times;</span>
  </div>
</div>

Create Your Own with AI

Copy this prompt into ChatGPT or any other AI chatbot:

Create a custom HTML teaser for my website.

The teaser must use these three required CSS classes:

• .inco_teaser_container – Main wrapper.
• .inco_teaser – Clickable area that opens a popup.
• .inco_teaser_x – Close button.

Include all CSS inside a <style> tag within the main container. Do not include JavaScript, as click and close functionality is handled automatically.

My teaser idea: [Describe your desired design, text, colors, position, and animations here.]

Return the complete, ready-to-use HTML code.

Tento návod popisuje formátování vlastního HTML pro uzel Custom HTML Teaser ve SmartFlow v Incomaker Next.

Průvodce formátováním HTML teaseru

Vlastní HTML teaser můžete vytvořit pomocí libovolného AI chatbota. Stačí zkopírovat pokyny níže, předat je chatbotovi a popsat, jak má váš teaser vypadat.

Povinné HTML třídy:

• .inco_teaser_container – Hlavní obalový prvek <div>, který obsahuje celý teaser.
• .inco_teaser – Klikatelná plocha teaseru. Kliknutím na ni se automaticky otevře vyskakovací okno.
• .inco_teaser_x – Zavírací tlačítko. Kliknutím na tento prvek se teaser automaticky zavře.

Důležitá pravidla:

• Aby teaser správně fungoval, musí obsahovat všechny tři třídy.
• Strukturu HTML, CSS, barvy, písma, animace i umístění můžete libovolně upravit.
• Veškeré CSS ponechte uvnitř značky <style> v hlavním kontejneru.
• Povinné třídy nepřejmenovávejte ani neodstraňujte.
• Pro otevření ani zavření teaseru není potřeba přidávat JavaScript.

Ukázka HTML teaseru

<div class="inco_teaser_container">
  <style>
    .inco_teaser_container {
      position: fixed;
      bottom: 0;
      right: 10px;
      z-index: 90;
    }

    .inco_teaser {
      display: flex;
      align-items: center;
      gap: 15px;
      padding: 12px 20px;
      background: #1c1c1c;
      color: white;
      border-radius: 8px 8px 0 0;
      cursor: pointer;
      font-family: Arial, sans-serif;
    }

    .inco_teaser_x {
      color: #aaa;
      font-weight: bold;
      cursor: pointer;
    }

    .inco_teaser_x:hover {
      color: red;
    }
  </style>

  <div class="inco_teaser">
    <span>Získejte slevu 10 $ na první objednávku!</span>
    <span class="inco_teaser_x">&times;</span>
  </div>
</div>

Vytvořte si vlastní teaser pomocí AI

Zkopírujte následující zadání do ChatGPT nebo jiného AI chatbota:

Vytvoř vlastní HTML teaser pro můj web.

Teaser musí používat tyto tři povinné CSS třídy:

• .inco_teaser_container – Hlavní obalový prvek.
• .inco_teaser – Klikatelná plocha, která otevře vyskakovací okno.
• .inco_teaser_x – Zavírací tlačítko.

Veškeré CSS vlož do značky <style> uvnitř hlavního kontejneru. Nepřidávej JavaScript, protože kliknutí a zavírání jsou obsluhovány automaticky.

Moje představa teaseru: [Zde popište požadovaný design, text, barvy, umístění a animace.]

Vrať kompletní HTML kód připravený k použití.

Set up pop-ups to collect contacts for your email database.

What is a teaser?

A teaser is a small element that gently reminds visitors about your offer – for example, with text such as “Get 10% off 🎁”.

Pop-up and teaser (displaying the teaser and pop-up)

Select this scenario:

This will create the following SmartFlow:

Audience: Here you can choose whether the pop-up should be displayed to known or unknown contacts.

We consider a contact to be known if they meet at least one of the following conditions:

• they register in the online store

• they subscribe via a pop-up

• they click a link in a newsletter

If any of these events occur, we match the customer with their browser and start collecting data about them. Otherwise, the contact remains unknown to us.

Conditions: Here you can specify whether the pop-up or teaser should appear after a certain amount of time spent on the page, after the visitor has viewed a certain percentage of the page, or when they are about to leave the page. If you set multiple conditions, the pop-up will be displayed once all selected conditions are met.

Targeting: Here you can set the pop-up or teaser to appear only on specific pages, categories, or products.

Teaser

Allow teaser to be closed: You can choose whether visitors are allowed to close the teaser.

Design: Here you can customize the text appearance and choose where the teaser will be displayed.

Preview: Here you can see a preview of your changes.

Pop-up:

Create your pop-up using one of our templates. Choose the style you prefer and then customize the text.

Email address validation when submitting the pop-up

Do you want to prevent users from repeatedly subscribing through the pop-up after they have already subscribed once? Enable pop-up validation for the confirmation button.

Click the row containing the confirmation button. An editing window will appear where you can select “Validation on submission”.

Double opt-in

Confirming an email address from the user’s inbox may seem like an unnecessary extra step, but in practice, this setting helps protect you from typos, invalid email addresses, and spam submissions.

The Add email button for double opt-in will redirect you to the Templates section, where you can choose a suitable system or custom template and edit it.

An important part of the confirmation email is the Verify email button.

Add contacts to a list: Here you can choose which of your lists the contact will be added to after they confirm their email address.

Send Email

The final step is to add the email template that will be sent to the customer after they complete the double opt-in confirmation.

Once the customer confirms their subscription, the system automatically sends them a welcome email. In this email, you can welcome the new subscriber to your online store and include the promised discount coupon.

Your campaign is now ready and can be launched.

Why use a pop-up to gain new contacts

Setting up a pop-up window is one of the fastest ways to turn your website visitors into real customers and contacts.

Immediately grab attention: They reach visitors exactly at the moment when they are most engaged with your website.

Significantly speed up email collection: Pop-up windows have a significantly higher conversion rate than a standard form in the website footer.

Recover leaving customers: With the exit pop-up feature, you can display an offer at the moment when a user is about to leave the website and bring them back into the game.

Increase sales: An ideal place for limited-time promotions, discount codes, or free shipping offers.

What is a teaser:

A teaser is a small element that gently reminds visitors about your offer – for example, with text such as “Get 10% off 🎁”

Pop-up window with a teaser (clicking the teaser triggers the pop-up)

After clicking, a scenario will be generated:

1. Web was displayed block settings:

Audience: Here you can choose whether the pop-up should be displayed to known or unknown contacts. A known contact is someone who meets at least one of the following conditions:

registers in the e-shop

subscribes via the pop-up

clicks a link in a newsletter

If one of these events occurs, we match the customer with their browser and start collecting data about them. Otherwise, the contact is considered unknown.

Conditions: Here you can set whether the teaser should be displayed after a certain amount of time spent on the page, after a certain percentage of the page has been viewed, or when the visitor is about to leave the page. If you set multiple conditions, the teaser will be displayed when all selected conditions are met at the same time.

Target: Here you can set the teaser to be displayed only on specific pages, only within a certain category, or for a specific product.

2. Teaser:

Allow teaser to be closed: You can choose whether users are allowed to close the teaser.

Design: Here you can configure the text design and the position where the teaser will be displayed.

Preview: Here you can see the changes you have made.

3. Pop-up:

Create your pop-up. Our templates will help you with this – you can choose a style and then edit the text.

Email address validation when filling in the pop-up

Do you want to prevent people from repeatedly signing up through the pop-up after they have already subscribed once? Set up pop-up validation for the confirmation button. Click the row containing the confirmation button and an editing window will appear, where you can select the "Validate on submit" option.

4. Double opt-in

It may seem that confirming an email address in the user's inbox only slows them down, but in practice this setting protects you from typos and invalid addresses and helps protect you against spammers.

The Add email button for double opt-in redirects you to the Templates section, where you can choose a suitable system or custom template and edit it.

An important part of the confirmation email is the Email verification button.

¨

Add contacts to a list: Here you can select which of your lists the contact will be added to once they confirm their email address.

The final step is to add the email template that will be sent to the customer after they confirm the double opt-in.

Once the customer confirms their subscription, the system automatically sends them a welcome email. In it, you can welcome the new subscriber to your e-shop and include the promised discount coupon.

Your campaign is ready and you can launch it.