Jak dodać formularz lub wyskakujące okienko na blogu systeme.io
Ten artykuł pokaże Ci, jak skonfigurować formularz osadzony lub formularz wyskakujący na blogu systeme.io.
Krok 1: Utwórz formularz osadzony
Najpierw musisz utworzyć formularz kontaktowy w swoim lejku sprzedażowym.
Aby to zrobić, przejdź do Lejka sprzedażowego, kliknij Utwórz krok (1), aby utworzyć nowy krok, a następnie wybierz Formularz osadzony (2).
Wybierz szablon według własnego uznania, klikając Wybierz (3).
Przejdź do edytora strony formularza, klikając Edytuj stronę, aby dostosować swój formularz (4).
Formularz kontaktowy musi zawierać co najmniej jedno pole formularza, ale możesz dodać dowolną liczbę pól formularza.
Wybierz element pole formularza. Następnie kliknij ikonę Ustawienia (koło zębate), aby skonfigurować pole. Z listy rozwijanej wybierz typ pola, z którego chcesz zbierać dane.
Musisz również skonfigurować działanie przycisku. Wybierz przycisk i określ, co ma się wydarzyć po przesłaniu formularza przez użytkownika.
Nie zapomnij kliknąć Zapisz zmiany przed opuszczeniem edytora lub formularza inline.
Krok 2: Utwórz formularz wyskakujący
Przejdź do lejka sprzedażowego, kliknij Dodaj krok (5), aby utworzyć nowy krok, a następnie wybierz Formularz wyskakujący (6).
Wybierz wybrany szablon, klikając Wybierz (7).
Przejdź do edytora strony formularza, klikając Edytuj stronę (8), aby dostosować formularz wyskakujący.
Formularz kontaktowy musi mieć co najmniej jedno pole formularza, więc możesz dodać dowolną liczbę pól formularza.
Wybierz element Pole formularza. Następnie kliknij ikonę Ustawienia (koło zębate), aby skonfigurować pole. Wybierz Typ pola, który chcesz zebrać, z listy rozwijanej.
Konieczne będzie również skonfigurowanie przycisku, który zapisze akcję do wykonania na zebranym elemencie.
Możesz wybrać czas, po którym formularz kontaktowy pojawi się na stronie Twojego bloga; czas ten można dostosować za pomocą Edytora (czas należy podać w sekundach).
Nie zapomnij kliknąć Zapisz zmiany przed opuszczeniem edytora lub formularza popup.
Krok 3: skonfiguruj formularz inline na swoim blogu
Aby dodać formularz kontaktowy do swojego bloga, musisz skopiować jego skrypt i wkleić go na stronie bloga.
Pierwszym krokiem jest powrót do Konfiguracji kroku formularza inline, a następnie kliknięcie Skrypt.
Zostanie wyświetlone okno wyskakujące zawierające link do strony formularza inline. Kliknij Kopiuj link do schowka.
Następnie musisz przejść do edytora strony bloga, klikając Edytuj w menu lub bezpośrednio klikając nazwę strony, na której chcesz dodać formularz inline.
Następnie przeciągnij i upuść element Surowy HTML na stronę swojego bloga.
Na koniec musisz przejść do ustawień elementu Surowy HTML.
Kliknij Edytuj kod i wklej do niego skrypt linku pobrany ze strony formularza inline.
Pamiętaj, aby kliknąć Zapisz, aby zapisać kod HTML, kliknąć Zapisz zmiany w edytorze oraz zapisać stronę przed opuszczeniem strony bloga.
Jeśli następnie wyświetlimy podgląd strony bloga, zauważymy wyświetlenie formularza, jak pokazano poniżej:
Krok 4: Konfiguracja formularza wyskakującego na blogu:
Podczas konfigurowania formularza kontaktowego jako formularza wyskakującego istnieją dwa możliwe sposoby jego wyświetlenia na stronie bloga:
- Automatycznie: formularz wyskakujący pojawia się po określonym czasie.
- Po kliknięciu: formularz wyskakujący pojawia się, gdy użytkownik kliknie określony link lub tekst.
Uwaga: W przypadku pierwszej opcji metoda jest taka sama jak przy dodawaniu formularza inline na blogu, dlatego szczegółowo wyjaśnimy drugą metodę.
Aby wyświetlić formularz wyskakujący po kliknięciu tekstu, musisz najpierw wrócić do kroku Konfiguracja formularza wyskakującego, a następnie kliknąć Utwórz link.
Pojawi się okno wyskakujące, które umożliwi kliknięcie odnośnika otwierającego formularz wyskakujący z tekstu:
- Musisz wybrać treść tekstu, który będzie klikalny.
- Musisz kliknąć Kopiuj link do schowka.
Otwórz edytor strony bloga, na której chcesz dodać odnośnik.
Następnie musisz skonfigurować element Surowy HTML na stronie swojego bloga.
Na koniec musisz przejść do ustawień elementu Surowy HTML.
Kliknij Edytuj kod i wklej do niego skrypt odnośnika, który otwiera stronę formularza wyskakującego, a następnie kliknij Zapisz.
Pamiętaj, aby kliknąć Zapisz zmiany w edytorze, aby zapisać stronę przed opuszczeniem strony bloga.
Jeśli następnie wyświetlimy podgląd strony bloga, zauważymy wyświetlenie formularza wyskakującego po kliknięciu tekstu Kliknij tutaj, aby otworzyć formularz wyskakujący, jak pokazano poniżej:
