Poradnik SitPup
Jak dodać widget rezerwacji pet care do Wix
Wix daje dwa naprawdę różne sposoby dodania kodu i każdy pasuje do czego innego. Poniżej: który wybrać, plus krok z układem mobilnym, który użytkownicy Wixa odkrywają zwykle za późno.
5 min czytania
Powiązana strona SitPup: Widget rezerwacji dla opieki nad zwierzętami
Najpierw dokończ konfigurację w SitPup
Część w Wixie zajmuje dwie minuty. To, czy rezerwacje będą się nadawać do czegokolwiek, decyduje się wcześniej, w SitPup.
Otwórz stronę Widget, dodaj usługi z cenami i limitami miejsc, włącz przyjmowane zwierzęta, ustaw dostępność na stronie Kalendarz, a potem opublikuj w sekcji Osadź widget. To publikacja generuje kod, więc wcześniej nie ma czego wklejać.
Opcja 1: „Embed a Widget”, na jednej podstronie
To właściwy wybór, gdy chcesz mieć przycisk w konkretnym miejscu konkretnej podstrony, ustawiony wizualnie jak każdy inny element.
- 1
Otwórz panel „Add”
W edytorze Wix kliknij ikonę plusa w lewym pasku bocznym.
- 2
Wybierz „Embed”, potem „Embed a Widget”
Zależnie od wersji Wixa może być podpisane jako „Embed Code” albo „Custom Embeds”. Prowadzą w to samo miejsce.
- 3
Wklej kod SitPup
Kliknij w element embed, wybierz opcję wpisania kodu i wklej obie linijki.
- 4
Ustaw rozmiar i pozycję elementu
Wix renderuje embed w ramce o stałym rozmiarze, którą przeciągasz i skalujesz. Daj jej pełną szerokość kolumny z treścią i taką wysokość, żeby przycisk nie był ucięty.
Wix uruchamia elementy embed we własnej ramce. Tutaj to nie przeszkadza: widget jest samowystarczalny i do działania nie potrzebuje dostępu do reszty strony.
Opcja 2: „Custom Code”, na całej stronie
Jeśli chcesz mieć przycisk na kilku podstronach, dodawanie elementu embed ręcznie na każdej z nich robi się męczące i niespójne. Wix ma na to osobne ustawienie.
Wejdź w „Settings”, potem „Custom Code”, i dodaj tam kod SitPup. Wybierasz, na których podstronach ma się ładować, wszystkich albo wybranych, i czy w sekcji head, czy na końcu body. Dla przycisku rezerwacji właściwy wybór to body.
„Custom Code” jest dostępne w płatnych planach Wixa z podpiętą domeną. Na darmowej stronie Wix zostaje droga przez „Embed a Widget”.
Gdzie umieścić go na stronie opieki nad zwierzętami
Przycisk konwertuje najlepiej tam, gdzie odwiedzający właśnie przeczytał coś, co go przekonało. Na stronach firm opieki nad zwierzętami to zwykle koniec opisu usługi, miejsce zaraz pod cennikiem albo pierwsza opcja na stronie kontaktowej, nad formularzem kontaktowym.
Dół długiej strony głównej to najsłabsze miejsce, bo zakłada, że ktoś przewinie tak daleko, a statystyki małych firmowych stron konsekwentnie pokazują, że większość tego nie robi. Jeśli wahasz się między dwoma miejscami, użyj obu; ten sam kod działa w dowolnej liczbie miejsc.
Sprawdź osobno układ mobilny
To krok specyficzny dla Wixa, który ludzie pomijają. Wix utrzymuje osobny układ mobilny od desktopowego, a elementy ustawione na desktopie nie zawsze trafiają sensownie na telefon.
Przełącz się na widok mobilny w edytorze i obejrzyj konkretnie ten element. Typowe problemy to całkiem ukryty element, przeskalowany tak, że przycisk jest nieczytelny, albo nachodzący na sekcję pod nim. Popraw to tam, bo większość odwiedzających zobaczy właśnie tę wersję, a nie desktopową.
Opublikuj, a potem wyślij prawdziwe testowe zapytanie
Zmiany w edytorze Wix nie są widoczne publicznie, dopóki nie opublikujesz strony. Krok oczywisty, ale w pośpiechu łatwo o nim zapomnieć.
Potem otwórz opublikowany adres w oknie prywatnym, kliknij przycisk i wyślij prawdziwe testowe zapytanie z wypełnionymi datami i danymi zwierzaka. Sprawdź, czy pojawiło się w Rezerwacjach w panelu SitPup ze wszystkim, czego oczekiwałeś. Powtórz kliknięcie na telefonie. Dopiero wtedy kieruj tam prawdziwy ruch.
Najważniejsze wnioski
- Skonfiguruj usługi, ceny i dostępność w SitPup i opublikuj, zanim otworzysz edytor Wix.
- „Embed a Widget” do jednej podstrony; „Settings”, potem „Custom Code”, do przycisku na całej stronie.
- „Custom Code” wymaga płatnego planu Wix z podpiętą domeną.
- Wix ma osobny układ mobilny: sprawdź i popraw element także tam.
- Opublikuj, a potem testuj z żywej strony na komputerze i telefonie, zanim skierujesz tam ruch.
Pobierz swój przycisk do Wix
Skonfiguruj formularz, opublikuj i wklej kod do elementu embed albo w Custom Code.