Dodawanie rezerwacji online do CMS WIX

Bezpłatny plan WIX

W bezpłatnym planie kreator WIX ma ograniczenia i nie można osadzić widżetu Altegio w standardowej postaci. Jednym z najlepszych rozwiązań jest zainstalowanie widżetu przez element <iframe>.

Instrukcja krok po kroku

1. Otwórz edytor WIX i przejdź do sekcji Sklep. Kliknij Osadź witrynę.
2. Otworzy się obszar osadzonej witryny.
3. Aby dodać link do widżetu w tym bloku, kliknij go, a pojawi się przycisk Wprowadź adres witryny. Kliknij ten przycisk.
4. Wklej link do widżetu Altegio i kliknij Aktualizuj.
5. Zapisz witrynę w kreatorze i opublikuj ją.

Płatny plan WIX

Aby dodać przycisk Altegio lub podpiąć rezerwację online do własnego przycisku w WIX, do witryny musi być podłączona własna domena.

Dodawanie rezerwacji online do WIX (przycisk Altegio)

1. Otwórz tryb edycji witryny (Zarządzaj i edytuj). Przejdź do Ustawienia > Kod niestandardowy.
2. Kliknij + Dodaj kod.

3. W polu fragmentu kodu wklej standardowy kod przycisku skopiowany z sekcji Rezerwacja online > Linki do rezerwacji online. Gdzie znaleźć kod przycisku rezerwacji online w Altegio, opisano w ostatniej części tego artykułu.
4. W polu Gdzie umieścić kod? wybierz Body – koniec. Kliknij Dodaj.

5. Zapisz i opublikuj witrynę.

Dodawanie rezerwacji online do własnego przycisku w WIX

1. Dodaj przycisk w kreatorze witryny. To będzie Twój przycisk rezerwacji online.
2. W ustawieniach linku ustaw Dokąd prowadzi ten element → Adres internetowy i wpisz link do formularza rezerwacji online w formacie https://nXXXXXX.alteg.io.

Link znajdziesz w sekcji Rezerwacja online > Linki do rezerwacji online, po prawej stronie nazwy formularza rezerwacji online.

3. Zapisz i opublikuj witrynę.
4. Otwórz tryb edycji witryny. W górnym menu wybierz Ustawienia > Kody analityczne. Kliknij + Nowe narzędzie, a w menu rozwijanym wybierz Nowy kod.
5. W polu fragmentu kodu wklej następujący kod:

<script async src="https://wXXXXXX.alteg.io/widgetJS"></script>
<script>
let elem = document.querySelectorAll('[href^="https://nXXXXXX.alteg.io"]');
for (i = 0; i < elem.length; i++) {
elem[i].classList.add('ms_booking');    
}
</script>

Na przykład w linku https://n193246.alteg.io/ identyfikatorem są cyfry 193246. Przykład gotowego kodu:

<script async src="https://w193246.alteg.io/widgetJS"></script>
<script>
let elem = document.querySelectorAll('[href^="https://n193246.alteg.io"]');
for (i = 0; i < elem.length; i++) {
elem[i].classList.add('ms_booking');    
}
</script>

6. W polu Gdzie umieścić kod? wybierz Body – koniec. Kliknij Dodaj.
7. Zapisz i opublikuj witrynę.

Gdzie znaleźć kod przycisku w Altegio

1. W trybie Administracja przejdź do Rezerwacja online > Linki do rezerwacji online.

2. Wybierz odpowiedni formularz i kliknij jego nazwę lub Skonfiguruj.

3. Przewiń w dół do sekcji Jeśli masz własną stronę internetową i kliknij Dodaj przycisk do strony. Włącz opcję Wyświetlaj przycisk na stronie.

4. Skopiuj kod przycisku.