Osadzanie widżetów
Aby integracja pojawiła się na twojej stronie internetowej, wklejasz jej kod na swoją stronę. Ta strona pokazuje, gdzie znajdziesz kod, jak jest zbudowany i co zrobić, gdy widżet się nie ładuje. Jak zbudować integrację, opisuje Tworzenie i edycja integracji.
Kopiowanie kodu integracji
- Otwórz Manager → Integracja ze stroną.
- Stuknij kartę integracji i wybierz Kopiuj kod. Na telefonie Kopiuj kod znajdziesz też w samej integracji, pod listą bloków.
- W oknie Kod embed stuknij Kopiuj. Pojawi się „Skopiowano kod embed do schowka”.
W tym samym oknie są Język widżetu (język twojej strony rezerwacji), Kolor główny oraz ustawienie Kliknięcie oferty otwiera, czyli dokąd prowadzi kliknięcie oferty (domyślnie: Okno informacyjne (domyślnie)).
Tak zbudowany jest kod
Kod wygląda tak, z identyfikatorem twojego studia i twojej integracji:
<!-- Bookicorn Widget -->
<script src="https://app.bookicorn.net/widget/loader.js" async defer></script>
<bookicorn-widget studio="dein-studio" integration="deine-integration"></bookicorn-widget>
<a class="bookicorn-credit" href="https://www.bookicorn.net" target="_blank" rel="noopener">Powered by Bookicorn</a>
<script>ładuje widżet. Nie czeka na resztę twojej strony.<bookicorn-widget>to miejsce, w którym pojawia się widżet.- Link „Powered by Bookicorn” jest częścią kodu. Jeśli go usuniesz, widżet sam wstawi go ponownie.
Widżet pojawia się bezpośrednio na twojej stronie, a nie w osobnej ramce. Twoje style i style widżetu nie wpływają na siebie nawzajem.
Wklejanie kodu w WordPress, Wix, Squarespace, Jimdo albo Webflow
Wklej cały kod w tym miejscu twojej strony, w którym ma się pojawić widżet. Twój kreator stron potrzebuje do tego elementu, który przyjmuje własny kod HTML z JavaScriptem. Zależnie od kreatora nazywa się on „HTML”, „Code”, „Embed” albo „Osadź”:
- WordPress: blok na własny HTML, w edytorze bloków „Własny HTML”.
- Wix: element do osadzania własnego kodu.
- Squarespace: blok kodu.
- Jimdo: element na widżety albo HTML.
- Webflow: element Embed.
- Własna strona: kod bezpośrednio w HTML strony.
Jeśli twój kreator pokazuje kod w polu o stałej wysokości, ustaw wysokość tak, aby widżet był w całości widoczny. Jeśli twój kreator nie pozwala na własny kod, po prostu umieść zamiast tego link do swojej strony rezerwacji.
Osadzanie kilku widżetów na jednej stronie
Na tej samej stronie możesz osadzić kilka integracji. Wstaw w tym celu dla każdej integracji jej element <bookicorn-widget>. <script> wystarczy raz na stronę.
Co odwiedzający mogą robić w osadzonym widżecie
- Przeglądać oferty, terminy, pakiety i trenerów, wszystko na żywo z Bookicorn.
- Kliknąć ofertę: otwiera się okno informacyjne z zakładkami Przegląd i Szczegóły i Trener.
- Zarezerwuj teraz, zakup pakietów, bony i logowanie: otwierają twoją stronę rezerwacji w nowej karcie. Przy rezerwacji wybrany termin jest już zaznaczony.
Sama rezerwacja i płatność odbywają się więc na twojej stronie rezerwacji, a nie na twojej stronie internetowej.
Dozwolone domeny: widżet tylko na twojej stronie
W Wymiary → Dozwolone domeny w integracji wpisujesz adresy, na których może działać twój widżet, na przykład www.moje-studio.pl, i stukasz Dodaj. Potem Zapisz. Wtedy widżet działa tylko w tych domenach i ich podadresach. Na innych stronach pokazuje „Domain nicht autorisiert” (tekst serwera, zawsze po niemiecku; znaczy: domena nieautoryzowana).
Jeśli nie wpiszesz żadnej domeny, Bookicorn nie sprawdza adresu, a widżet działa na każdej stronie. Informacja w Managerze („Bez wpisu widżet nigdzie nie działa.”) obecnie nie jest prawdziwa.
Jeśli usuniesz domenę, widżet przestanie tam działać. Dlatego Manager najpierw prosi o potwierdzenie.
Wymiary znajdziesz w integracji pod listą bloków. Tę listę Manager pokazuje na telefonie i w wąskich oknach przeglądarki.
Informacja o ochronie danych dla twojej strony
Pod kodem w oknie Kod embed jest Blok tekstu do polityki prywatności. Opisuje on, że twoja strona osadza widżet Bookicorn, jakie dane są przy tym przetwarzane i że rezerwacja odbywa się na platformie rezerwacyjnej. Stuknij Kopiuj blok tekstu i wklej go do swojej polityki prywatności.
Widżet się nie ładuje albo pokazuje komunikat o błędzie
Widżet zamiast treści pokazuje komunikat:
| Komunikat | Przyczyna | Rozwiązanie |
|---|---|---|
| Nie znaleziono widżetu | identyfikator w kodzie jest nieprawidłowy albo integracja jest dezaktywowana lub usunięta | skopiuj kod ponownie, włącz integrację przez Aktywuj teraz |
| Widżet niedostępny | dodatek Integracja ze stroną nie jest aktywny | aktywuj dodatek w Sklepie z dodatkami |
| Domain nicht autorisiert (tekst serwera po niemiecku) | twojej strony nie ma w Dozwolone domeny | wpisz domenę i Zapisz |
| Widżet „…” będzie wkrótce dostępny | blok nie jest jeszcze wdrożony w osadzonym widżecie (Abonamenty, Strona członka, Profil, Portfel) | usuń blok z integracji |
Jeśli nic się nie pojawia, sprawdź:
- Czy wklejony jest cały kod, także
<script>? - Czy twój kreator stron pozwala na JavaScript w tym elemencie?
- Czy integracja została zapisana po ostatniej zmianie?
Najczęstsze pytania
Gdzie znajdę kod dla mojej strony? W Integracja ze stroną: stuknij kartę integracji, Kopiuj kod.
Czy po każdej zmianie muszę ponownie wklejać kod? Nie. Po Zapisz widżet pokazuje nowy stan.
Czy mogę usunąć „Powered by Bookicorn”? Link jest częścią kodu. Jeśli go usuniesz, widżet wstawi go ponownie.
Mój widżet pokazuje „Domain nicht autorisiert”. Wpisz swoją stronę w Wymiary → Dozwolone domeny albo usuń tam wszystkie wpisy i stuknij Zapisz.
Czy mogę wkleić kod w Wix? Tak, przez element do osadzania własnego kodu. Ustaw odpowiednio dużą wysokość elementu.