Widgety zapisu i podziękowania

Widget pozwala zbierać zapisy (albo pokazać podziękowanie) na Twojej stronie — bez pełnej strony w Webivio.

Kreator → Rejestracja.
W Sposób zapisywania na webinar wybierz Widget.
Skonfiguruj wygląd (m.in. pasek, przycisk, dymek, osadzony formularz — według opcji w panelu).
W kroku Zakończenie skopiuj Kod widgetu zapisu i wklej na swojej stronie.

Teksty formularza widgetu

W ustawieniach szablonu formularza możesz m.in.:

zmienić tekst przycisku zapisu,
edytować nagłówek nad polami (domyślnie Twoje dane) — pozostaw pole puste, aby go ukryć,
dodać opis nad e-mailem / telefonem,
edytować informację o danych pod przyciskiem.

Przełącznik Ukryj nagłówek ukrywa tytuł webinaru, nie nagłówek „Twoje dane”. Szablon clean nie pokazuje nagłówka sekcji pól.

Kreator → Podziękowanie.
Sposób wyświetlania strony podziękowania → Własna strona.
Uzupełnij URL strony podziękowania.
Skonfiguruj Wygląd widgetu podziękowania (teksty + kolory).
Skopiuj Kod do wklejenia z Widget na własną stronę podziękowania (albo z Zakończenie → Kod widgetu - podziękowanie za zapis (własna strona)) i wklej na swojej stronie.

Widget podziękowania może prowadzić do pokoju, gdy sesja się zaczyna (odliczanie, przycisk wejścia).

Kilka widgetów tego samego webinaru na jednej stronie

Ten sam kod możesz wkleić na stronie więcej niż raz, np. przycisk na górze i drugi na dole. Każdy blok wyświetli się w swoim miejscu.

Domyślny kod korzysta z identyfikatora webinar-widget:

<div id="webinar-widget"></div>
<script src="https://app.webivio.com/api/widget/TWOJ_ID/embed?lang=pl" data-target-id="webinar-widget" crossorigin="anonymous"></script>

Jeśli chcesz mieć pełną kontrolę nad rozmieszczeniem (albo Twój edytor przenosi bloki kodu), nadaj drugiemu blokowi własny identyfikator — zmień go w dwóch miejscach: w id diva i w data-target-id:

<div id="webinar-widget-2"></div>
<script src="https://app.webivio.com/api/widget/TWOJ_ID/embed?lang=pl" data-target-id="webinar-widget-2" crossorigin="anonymous"></script>

Parametr lang=pl (albo lang=en) pinuje język formularza — panel dokłada go automatycznie przy kopiowaniu kodu. Bez niego przeglądarka z angielskim Accept-Language może pokazać domyślne teksty EN (np. „Sign up now”).

Możesz też całkowicie usunąć atrybut data-target-id i sam div — widget wstawi się dokładnie tam, gdzie stoi skrypt.

Prefill email i imienia

Gdy masz już dane uczestnika, możesz je przekazać na dwa sposoby — pola email i imię wypełnią się i zostaną ukryte; uczestnik wybiera głównie termin.

1. Query na stronie hosta

Dodaj parametry do URL strony, na której stoi widget:

https://twoja-strona.pl/landing?email=jan%40firma.pl&name=Jan&utm_source=crm

2. Atrybuty skryptu

<div id="webinar-widget"></div>
<script
  src="https://app.webivio.com/api/widget/TWOJ_ID/embed?lang=pl"
  data-target-id="webinar-widget"
  data-email="jan@firma.pl"
  data-name="Jan"
  crossorigin="anonymous"
></script>

Gdy podasz zarówno query, jak i data-email / data-name, wygrywają atrybuty skryptu. Aliasy imienia w query: first_name, firstName.

Test A/B widżetów

W kroku Rejestracja dostępny jest Test A/B widżetów (warianty A/B) — osobno od testów A/B całego pokoju webinarowego.

Skopiuj kod ponownie z kroku Zakończenie i wklej go bez zmian.
Sprawdź, czy domena strony znajduje się na liście dozwolonych domen widgetu.
Otwórz stronę bez cache / w trybie prywatnym i sprawdź, czy CMS nie usuwa skryptów.
Po zmianie konfiguracji webinaru wyczyść cache strony lub widgetu i ponów testowy zapis.

Widget zapisu