Jak přidat formulář nebo vyskakovací okno na váš blog v systeme.io

Tento článek vás naučí, jak nastavit inline formulář nebo popup formulář na vašem blogu v systeme.io.

Krok 1: Vytvoření inline formuláře

Nejprve je potřeba vytvořit kontaktní formulář z vašeho prodejního trychtýře.

Postupujte takto: přejděte do svého prodejního trychtýře, klikněte na Vytvořit krok (1) pro přidání nového kroku a poté vyberte Inline formulář (2).

Vyberte si šablonu dle vašeho výběru kliknutím na ni. vybrat (3).

Přejděte do editoru stránky formuláře kliknutím na Upravit stránku pro přizpůsobení vašeho formuláře (4).

Kontaktní formulář musí obsahovat alespoň jedno pole formuláře, ale můžete přidat libovolný počet polí.

Vyberte prvek Pole formuláře. Poté klikněte na ikonu Nastavení (ozubené kolečko) pro konfiguraci pole. Z rozbalovacího seznamu vyberte typ vstupu, který chcete sbírat..

Musíte také nastavit akci tlačítka. Vyberte tlačítko a zvolte, co se má stát poté, co uživatel odešle formulář.

Nezapomeňte kliknout na Uložit změny před opuštěním editoru vašeho inline formuláře.

Krok 2: Vytvoření popup formuláře

Přejděte do svého prodejního trychtýře, klikněte na Přidat krok (5) pro vytvoření nového kroku a poté vyberte Popup formulář (6).

Vyberte si šablonu dle vašeho výběru kliknutím na Vybrat (7).

Přejděte do editoru stránky formuláře kliknutím na Upravit stránku (8) pro přizpůsobení vašeho popup formuláře.

Kontaktní formulář musí obsahovat alespoň jedno pole formuláře, ale můžete přidat libovolný počet polí.

Vyberte prvek Pole formuláře. Poté klikněte na ikonu Nastavení (ozubené kolečko) pro konfiguraci pole. Z rozbalovacího seznamu vyberte typ vstupu, který chcete sbírat.

Bude také nutné nastavit tlačítko, které určí, jaká akce se má provést se získanými údaji.

Můžete zvolit čas, kdy se má kontaktní formulář zobrazit na vaší stránce blogu; tento čas lze upravit pomocí editoru (čas se zadává v sekundách).

Nezapomeňte kliknout na Uložit změny před opuštěním editoru vašeho popup formuláře.

Krok 3: Nastavení inline formuláře na vašem blogu

Chcete-li přidat kontaktní formulář na svůj blog, musíte zkopírovat jeho skript a vložit ho na stránku blogu.

Prvním krokem je návrat do nastavení kroku vašeho inline formuláře, poté klikněte na Skript.

Zobrazí se popup, který obsahuje odkaz na stránku vašeho inline formuláře. Klikněte na Kopírovat odkaz do schránky.

Poté budete muset přejít do editoru stránky blogu, buď kliknutím na položku Upravit v nabídce, nebo přímým kliknutím na název stránky, na kterou chcete vložit formulář Inline.

Dále přetáhněte prvek Raw HTML na stránku vašeho blogu.

Nakonec budete muset přejít do nastavení vašeho prvku Raw HTML.

Klikněte na Upravit kód a vložte do něj skript odkazu získaného ze stránky vašeho inline formuláře.

Nezapomeňte kliknout na Uložit pro uložení HTML kódu, poté klikněte na Uložit změny v editoru a uložte před opuštěním stránky vašeho blogu.

Pokud si stránku blogu následně zobrazíte v náhledu, formulář se zobrazí takto:

Krok 4: Nastavení popup formuláře na vašem blogu

Při nastavování kontaktního formuláře jako popup existují dva způsoby, jak jej zobrazit na stránce blogu:

• Automaticky: Popup se zobrazí po určité časové prodlevě.
• Na kliknutí: Popup se zobrazí, když uživatel klikne na konkrétní odkaz nebo text.

Poznámka: U první možnosti je postup stejný jako při přidávání inline formuláře na blog, proto podrobně vysvětlíme druhou metodu.

Chcete‑li zobrazit popup formulář po kliknutí na text, nejprve se vraťte do nastavení kroku vašeho popup formuláře a poté klikněte na Vytvořit odkaz.

Zobrazí se popup, který vám umožní kliknout na odkaz otevírající popup z textu:

1. Musíte vybrat obsah textu, který bude klikací.
2. Klikněte na Kopírovat odkaz do schránky.

Otevřete editor stránky blogu, na kterou chcete odkaz přidat.

Poté musíte na stránce svého blogu nastavit prvek Raw HTML.

Nakonec budete muset přejít do nastavení vašeho prvku Raw HTML.

Klikněte na Upravit kód, vložte do něj skript odkazu, který otevírá stránku popup formuláře, a poté klikněte na Uložit.

Nezapomeňte kliknout na Uložit změny v editoru, abyste stránku uložili před opuštěním vašeho blogu.

Pokud si stránku blogu následně zobrazíte v náhledu, popup formulář se zobrazí po kliknutí na text Klikněte zde pro otevření popup takto: