Instalacja widżetu na stronie internetowej

Skrypt, token i domena tworzą wspólną kontrolę

Kod dostarczony przez Wavize ładuje widżet z podpisanym tokenem publicznym. „Publiczny” oznacza, że może być widoczny w przeglądarce; nie oznacza on możliwości ponownego wykorzystania na dowolnej stronie. Token jest powiązany z zarejestrowaną domeną.

Zainstaluj blok bez zmiany jego identyfikatora, a następnie przetestuj stronę faktycznie dostarczaną odwiedzającemu. Edytor może wyświetlać kod bez publikacji, a cache może nadal dostarczać starą wersję.

Nie udostępniaj błędnych danych
Token widżetu można zobaczyć po stronie przeglądarki. Natomiast klucz WooCommerce, PrestaShop, Shopify, Wix, Klaviyo lub Mailchimp jest tajny i nigdy nie powinien być wklejany do HTML.

Przygotuj właściwą domenę

Domena wpisana podczas onboardingu musi odpowiadać adresowi publicznemu testowanej strony.

1. HTTPS i wariant www

   Sprawdź ostateczne przekierowanie w przeglądarce. Jeśli witryna kończy się na www.przyklad.com, nie testuj tylko przyklad.com bez potwierdzenia, że autoryzowana domena obejmuje końcową wersję.

2. Jeden token na autoryzowaną domenę

   Nie kopiuj kodu z jednego środowiska do innej domeny produkcyjnej lub testowej. Utwórz lub wybierz odpowiedni token w Asystencie > Instalacja.

3. Subskrypcja aktywna

   Publiczne ładowanie zależy też od dostępu do planu. Poprawny skrypt może pozostać niewidoczny, jeśli subskrypcja wygasła.

Umieszczanie kodu zgodnie z platformą

Metoda zależy od CMS, ale oczekiwany efekt jest zawsze ten sam: skrypt pojawia się tylko raz na wszystkich zamierzonych podstronach.

1. Strona HTML lub menedżer tagów

   Wklej blok przed zamknięciem body lub w globalnej lokalizacji wywoływanej po wymaganej zgodzie. Unikaj ładowania jednocześnie w motywie i menedżerze tagów.

2. WordPress / WooCommerce

   Użyj modułu pobranego podczas onboardingu, aktywuj go, a następnie wklej token w jego konfiguracji. Optymalizacja JavaScript nie może powodować opóźnień czy łączyć skryptu do niepoprawnej wersji.

3. PrestaShop

   Zainstaluj moduł z menedżera, otwórz konfigurację i wprowadź token. Następnie wyczyść cache Smarty/PrestaShop i, jeśli jest, cache CDN.

4. Shopify i Wix

   Shopify App Store zwykle zarządza App Embed i autoryzacją. W Wix używaj globalnego kodu niestandardowego tylko, jeśli Twoja oferta Wix to pozwala i umieść go na wszystkich stronach.

Publikacja i inspekcja w przeglądarce

Testuj w trybie prywatnym, aby odróżnić problem od cache’u, zgody czy sesji administratora.

1. Wyszukiwanie załadowanego skryptu

   Otwórz źródło strony lub zakładkę Sieć i wyszukaj Wavize. Jeśli brak, problem występuje przed wywołaniem Wavize: publikacja, motyw, tag lub cache.

2. Analiza konsoli i sieci

   Błąd CSP oznacza, że polityka bezpieczeństwa blokuje domenę skryptu lub połączenia. 401 / 403 wskazuje na token, domenę lub dostęp; blokada przez rozszerzenie często znika po wyłączeniu blokerów reklam.

3. Kontrola cookies i nakładki

   Akceptuj kategorię zgody zgodnie z polityką. Jeśli przycisk istnieje, ale jest niewidoczny, sprawdź jego pozycję, z-index i nakładanie z koszykiem, menu lub paskiem cookie.

Minimalny test po publikacji

Wykonaj test na komputerze i na prawdziwym telefonie.

• Otwarcie — Przycisk pojawia się, otwiera widżet i nie deformuje strony.
• Rozmowa — Wiadomość od odwiedzającego otrzymuje odpowiedź i pojawia się w skrzynce odbiorczej.
• Proaktywne powitanie — Kampania wyświetla się zgodnie z opóźnieniem i limitem, nie za każdym przeładowaniem.
• Druga strona — Druga strona potwierdza globalną instalację.