Ako pridať formulár alebo popup na váš systeme.io blog
Tento článok vás naučí, ako nastaviť inline formulár alebo popup formulár na vašom systeme.io blogu.
Krok 1: Vytvorte inline formulár
Najprv musíte vytvoriť kontaktný formulár z vášho predajného lieviaka.
Prejdite do Predajného lieviaka, kliknite na Vytvoriť krok (1) a vytvorte nový krok, potom vyberte Inline formulár(2).
Vyberte si šablónu kliknutím na Vybrať (3).
Prejdite do editora stránky formulára kliknutím na Upraviť stránku a prispôsobte si formulár (4).
Kontaktný formulár musí mať aspoň jedno pole formulára, ale môžete pridať toľko polí, koľko chcete.
Vyberte element Pole formulára. Potom kliknite na ikonu Nastavenia (ozubené koliesko) a nakonfigurujte pole. Z rozbaľovacieho zoznamu vyberte Typ vstupu, ktorý chcete zbierať.
Takisto musíte nakonfigurovať akciu tlačidla. Vyberte tlačidlo a zvoľte, co sa stane po odoslaní formulára používateľom.
Nezabudnite kliknúť na Uložiť zmeny pred opustením editora alebo vášho Inline formulára.
Krok 2: Vytvorte popup formulár
Prejdite do Predajného lieviaka, kliknite na Pridať krok (5) a vytvorte nový krok, potom vyberte Popup formulár (6).
Vyberte si šablónu kliknutím na Vybrať (7).
Prejdite do editora stránky formulára kliknutím na Upraviť stránku (8) a prispôsobte si popup formulár.
Kontaktný formulár musí mať aspoň jedno pole formulára, takže môžete pridať toľko polí, koľko chcete.
Vyberte element Pole formulára. Potom kliknite na ikonu Nastavenia (ozubené koliesko) a nakonfigurujte pole. Z rozbaľovacieho zoznamu vyberte Typ vstupu, ktorý chcete zbierať.
Takisto bude potrebné nastaviť tlačidlo, ktoré zaznamená akciu, ktorá sa má vykonať so zozbieranými údajmi.
Môžete zvoliť čas, kedy sa kontaktný formulár zobrazí na vašej blogovej stránke; tento čas sa dá upraviť v Editore (čas sa uvádza v sekundách).
Nezabudnite kliknúť na Uložiť zmeny pred opustením editora alebo vášho popup formulára.
Krok 3: Nastavte Inline formulár na vašom blogu
Aby ste pridali kontaktný formulár na váš blog, musíte skopírovať jeho skript a vložiť ho na vašu blogovú stránku.
Prvým krokom je vrátiť sa do Konfigurácie kroku vášho Inline formulára a potom musíte kliknúť na Skript.
Zobrazí sa popup obsahujúci odkaz na vašu stránku Inline formulára. Kliknite na Kopírovať odkaz do schránky.
Potom budete musieť prejsť do editora blogovej stránky kliknutím na Upraviť z ponuky alebo priamym kliknutím na názov stránky, na ktorú chcete pridať Inline formulár.
Ďalej presuňte a pustite element Raw HTML na vašu blogovú stránku.
Nakoniec budete musieť prejsť do nastavení vášho elementu Raw HTML.
Kliknite na Upraviť kód a vložte skript odkazu získaného z vašej stránky Inline formulára.
Nezabudnite kliknúť na Uložiť pre uloženie HTML kódu, kliknite na Uložiť zmeny v editore a uložte pred opustením vašej blogovej stránky.
Ak si neskôr zobrazíte náhľad blogovej stránky, všimnete si zobrazenie formulára ako na obrázku nižšie:
Krok 4: Nastavenie popup formulára na vašom blogu:
Pri nastavovaní kontaktného formulára ako popup existujú dva možné spôsoby jeho zobrazenia na vašej blogovej stránke:
- Automaticky: Popup sa zobrazí po uplynutí určitého času.
- Po kliknutí: Popup sa zobrazí, keď používateľ klikne na konkrétny odkaz alebo text.
Poznámka: Pri prvej možnosti je postup rovnaký ako pri pridávaní inline formulára na blog, preto podrobne popíšeme druhú metódu.
Ak chcete zobraziť popup formulár po kliknutí na text, najprv sa musíte vrátiť do Konfigurácie kroku vášho popup formulára a potom musíte kliknúť na Vytvoriť odkaz.
Zobrazí sa popup, ktorý vám umožní kliknúť na odkaz, ktorý otvorí popup z textu:
- Musíte zvoliť obsah textu, na ktorý sa bude dať kliknúť.
- Musíte kliknúť na Kopírovať odkaz do schránky.
Otvorte editor blogovej stránky, na ktorú chcete pridať odkaz.
Potom musíte nastaviť element Raw HTML na vašej blogovej stránke.
Nakoniec budete musieť prejsť do nastavení vášho elementu Raw HTML.
Kliknite na Upraviť kód a vložte skript odkazu, ktorý otvorí stránku popup formulára, potom kliknite na Uložiť.
Nezabudnite kliknúť na Uložiť zmeny v editore, aby ste uložili svoju stránku pred opustením blogovej stránky.
Ak si neskôr zobrazíte náhľad blogovej stránky, všimnete si zobrazenie popup formulára po kliknutí na text Kliknite sem pre otvorenie popupu ako na obrázku nižšie:
