Czat na stronie Squarespace dodasz, wklejając skrypt widżetu w panelu Code Injection, w polu stopki. Squarespace wstawi go wtedy na każdej stronie witryny, a widżet Meetlead załaduje się jako osobny skrypt w przeglądarce gościa. Zanim zaczniesz, sprawdź jedną rzecz: nie każdy plan Squarespace ma Code Injection. Ten poradnik pokazuje, jak to zweryfikować, gdzie wkleić kod i jak przetestować pierwszą rozmowę.
Tekst dotyczy techniki: planu, kodu, domen, wykluczeń i telefonu. Jeśli dopiero decydujesz, czy czat w ogóle jest ci potrzebny i kto ma odpowiadać, zacznij od poradnika o tym, jak wybrać i wdrożyć czat na stronie. Sklep na Shopify i stronę na WordPressie opisujemy w osobnych instrukcjach.
Gdzie w Squarespace wkleić kod czatu
Kod czatu wklejasz w panelu Code Injection, w polu Footer. Squarespace umieszcza zawartość tego pola przed zamknięciem znacznika body na każdej stronie, więc jeden wpis obejmuje całą witrynę. Pole Header też zadziała, bo skrypt Meetlead ma atrybut async i nie wstrzymuje wyświetlania treści. Stopka jest jednak naturalnym miejscem dla narzędzia, które nie musi startować przed resztą strony. Pomoc Squarespace nie podaje stałej ścieżki w menu, tylko odsyła wprost do panelu, dlatego szukaj go po nazwie Code Injection, a nie według zrzutu ekranu z cudzego poradnika.
Pomoc Squarespace opisuje pola Header i Footer, kod na poziomie pojedynczej strony oraz to, że strony kasy nie obsługują wstawiania kodu. Zaznacza też, że zespół wsparcia nie pomaga w instalacji ani diagnozie własnego kodu. Strona nie opisuje żadnego konkretnego narzędzia czatu. Squarespace Help: Using code injection.
Który plan Squarespace pozwala wstawić kod
To pierwsza rzecz do sprawdzenia, bo bez Code Injection nie wkleisz skryptu działającego na całej witrynie. Według pomocy Squarespace funkcja jest dostępna w planach Core, Plus i Advanced oraz w części starszych planów. Cennik Squarespace nie pokazuje jej w planie Basic. Nazwy i zestaw planów różnią się w zależności od regionu i daty zakupu, więc porównaj tabelę z tym, co widzisz w ustawieniach rozliczeń swojej witryny.
Przesuń tabelę w bok, aby zobaczyć wszystkie kolumny.
| Plan | Code Injection | Co zrobić |
|---|---|---|
| Basic | Brak w cenniku | Zmień plan przed wdrożeniem albo wybierz inny kanał kontaktu |
| Core, Plus, Advanced | Dostępne według pomocy | Wklej kod w polu Footer |
| Starszy plan | Tylko w części planów | Sprawdź, czy panel Code Injection jest aktywny |
Cennik Squarespace pokazuje Code Injection w planach Core i Advanced, nie w Basic, i jako przykład użycia podaje usługi czatu na żywo. Cennik nie mówi nic o starszych planach ani o okresie próbnym i nie wymienia planu Plus, który pojawia się w pomocy. Squarespace: Pricing.
Przed wklejeniem: domeny, dostęp i stary czat
- Masz dostęp administracyjny do witryny Squarespace albo osobę, która go ma.
- W Meetlead masz witrynę z własnym clientId i skopiowany z jej ustawień kod osadzenia.
- Na liście dozwolonych domen są wszystkie dokładne hosty: domena z www i bez www.
- Jeśli testujesz przed podłączeniem domeny, wbudowany adres Squarespace też jest na liście.
- Wiesz, czy na stronie działa już inny czat, i masz plan jego wyłączenia.
Lista domen najczęściej blokuje start. Meetlead nie obsługuje symboli wieloznacznych, więc każdy host wpisujesz osobno, bez ścieżek, a każdy wpis liczy się do limitu domen w twoim planie. Adres testowy dodaj na czas wdrożenia i usuń go, gdy witryna działa już pod właściwą domeną. Stary czat w Squarespace może pochodzić z pola Code Injection, z bloku kodu na jednej stronie albo z rozszerzenia; problem dwóch widżetów i ich szukanie opisujemy przy czacie na Shopify.
Instalacja krok po kroku
- Skopiuj kod z Meetlead.W ustawieniach witryny skopiuj skrypt z właściwym clientId. Identyfikator jest publiczny, ale musi należeć do tej witryny, inaczej rozmowy trafią w niewłaściwe miejsce.
- Otwórz Code Injection.W panelu Squarespace znajdź Code Injection. Jeśli menu wygląda inaczej niż w instrukcjach, skorzystaj z wyszukiwarki panelu.
- Wklej skrypt w polu Footer.Dodaj go w osobnej linii. Nad nim wpisz komentarz HTML z nazwą narzędzia i datą, żeby następna osoba wiedziała, skąd pochodzi.
- Zapisz zmiany.Kliknij Save. Kod w tym polu dotyczy całej witryny, więc nie musisz dodawać go osobno na kolejnych stronach.
- Otwórz stronę w oknie prywatnym.Sprawdź stronę główną, ofertę i stronę kontaktu. Launcher powinien się pojawić bez logowania do Squarespace.
- Wyślij wiadomość testową.Napisz z telefonu i odpowiedz z panelu Meetlead. Dopiero odpowiedź, która wróciła do gościa, potwierdza wdrożenie.
Okno prywatne nie jest tu formalnością. Pomoc Squarespace podaje, że własny kod można wyłączyć w podglądzie edytora, a działającą witrynę z kodem zaleca oglądać w oknie prywatnym. Jeśli w edytorze nie widzisz widżetu, nie zakładaj od razu błędu. Wygląd, języki i powitania zmieniasz potem w Widget Studio, a kod w stopce odpowiada tylko za załadowanie widżetu.
Strony, na których czat ma się nie pokazywać
Squarespace pozwala wstawić kod tylko na jednej stronie, w jej ustawieniach zaawansowanych. Kusi to, by tak sterować widocznością czatu, ale przy kilkunastu podstronach szybko tracisz kontrolę nad tym, gdzie kod jest. Prościej zostawić jeden skrypt w stopce, a widoczność ustawić w Meetlead. Reguły pozwalają pokazać widżet na wszystkich stronach, tylko na wskazanych prefiksach ścieżek albo na wszystkich poza wskazanymi, a do tego wybrać urządzenia.
Przykład fikcyjnego studia jogi: czat ma działać na stronach zajęć i cennika, ale nie w strefie dla członków ani na stronach z regulaminem. Wpisujesz te ścieżki jako wykluczenia i zapisujesz zmianę, bez ponownego otwierania Code Injection. Gdy zespół wyjeżdża na kilka dni, główny wyłącznik widżetu ukrywa okno na całej witrynie. Pamiętaj, że kasa Squarespace i tak nie przyjmuje własnego kodu, więc pytania o płatność obsłuż wcześniej, na stronie oferty.
Telefon: launcher a przyciski Squarespace
Na telefonie launcher czatu dzieli dolną część ekranu z elementami, które ustawiasz w samym Squarespace. Najczęściej to baner cookies, wyskakujące okno promocyjne albo przyklejony przycisk w szablonie. Otwórz każdą ważną stronę na prawdziwym urządzeniu, w pionie i w poziomie. Jeśli ikona zasłania przycisk zapisu lub zgody, zmień w Meetlead stronę ekranu albo odsunięcie launchera. Metodę szukania takich kolizji opisuje poradnik o przyklejonych elementach zasłaniających przyciski.
- Launcher nie przykrywa przycisku rezerwacji, zakupu ani formularza.
- Baner cookies i widżet nie nachodzą na siebie przy pierwszym wejściu.
- Okno czatu otwiera się na pełnym ekranie i daje się łatwo zamknąć.
- Klawiatura nie zasłania pola wiadomości ani przycisku wysyłania.
- Wiadomość z telefonu dociera do panelu, a odpowiedź wraca do gościa.
Czat: Meetlead, witryna [nazwa], clientId z panelu. Kod w Code Injection, pole Footer, dodany [data] przez [osoba]. Plan Squarespace: [nazwa]. Hosty na liście: [domena], [www.domena]. Wykluczone ścieżki: [lista]. Stary czat usunięty z: [miejsce].
Najczęstsze pytania
Czy mogę dodać czat na planie bez Code Injection? Skryptu działającego na całej witrynie w ten sposób nie dodasz. Możesz zmienić plan albo do czasu decyzji pokazać inny kanał kontaktu, na przykład formularz. Blok kodu nie jest obejściem: według pomocy Squarespace JavaScript w blokach kodu też działa dopiero od planu Core, więc na Basic skrypt czatu się nie uruchomi. Przed zakupem sprawdź w cenniku swojego regionu, który plan ma tę funkcję.
Czym to się różni od WordPressa? W WordPressie możesz połączyć witrynę oficjalną wtyczką Meetlead, bez wklejania skryptu, co opisuje poradnik o czacie na stronie WordPress. W Squarespace drogą jest Code Injection. Pozostałe kroki są wspólne: lista domen, jeden widżet, reguły widoczności, test na telefonie i rozmowa, na którą ktoś naprawdę odpowiada.
