Dodaj widget czatu WhatsApp do WordPressa za pomocą fragmentu kodu do skopiowania i wklejenia zamiast wtyczki: trzy metody umieszczenia oraz to, co tracisz, instalując kolejną wtyczkę.
Wyszukaj „widget czatu WhatsApp WordPress”, a większość wyników wskaże ci wtyczkę: zainstaluj ją, aktywuj, skonfiguruj na własnym ekranie ustawień, i oto masz na stronie kolejną rzecz, którą trzeba aktualizować za każdym razem, gdy zmienia się rdzeń WordPressa albo motyw. Jest szybsza droga, która całkowicie omija wtyczkę. Widget WhatsApp to pływający przycisk, a pływający przycisk to kilka linii kodu HTML plus tag skryptu, a WordPress ma już miejsce, w którym można je wkleić, bez dodawania niczego na stronę Wtyczki.
Poniżej pokazujemy, jak to zrobić na trzy różne sposoby, w zależności od tego, jak zbudowana jest twoja witryna, oraz kiedy dedykowana wtyczka rzeczywiście się opłaca.
Wtyczka WhatsApp do WordPressa nie jest fałszywa ani wadliwa, naprawdę dodaje pływający przycisk, tak samo jak podejście z gotowym fragmentem kodu. Różnica polega na tym, ile kosztuje jej utrzymanie. Każda wtyczka na stronie WordPress to kod, który uruchamia się przy każdym wczytaniu strony, wymaga własnych aktualizacji, gdy zmienia się wersja WordPressa lub PHP, i jest kolejnym wpisem, który skaner bezpieczeństwa oznaczy, jeśli przestanie być aktualizowana. Witryna z kreatorem stron, wtyczką SEO, wtyczką do cache’owania, wtyczką formularzy i teraz jeszcze wtyczką WhatsApp ma pięć osobnych elementów, które mogą ze sobą kolidować, a wtyczki widgetu WhatsApp w szczególności mają tendencję do ładowania własnego CSS i JavaScript na każdej stronie, niezależnie od tego, czy odwiedzający w ogóle kiedykolwiek kliknie przycisk.
Wklejony fragment kodu nie ma ekranu ustawień, listy zmian ani informacji o zgodności. To statyczny blok w stopce motywu albo blok Custom HTML na stronie, a WordPress traktuje go dokładnie tak samo jak każdą inną osadzoną treść. Nic do aktywowania, nic do łatania.
To powiedziawszy, wtyczka nie jest złym wyborem dla każdej witryny. Jeśli nie czujesz się komfortowo, wklejając kod gdziekolwiek, albo chcesz, żeby ustawienia widgetu mogła zmieniać z poziomu wp-admin osoba, która nie powinna dotykać Appearance → Theme File Editor, interfejs ustawień wtyczki to bezpieczniejszy wybór. Droga z fragmentem kodu zakłada, że nie masz nic przeciwko skopiowaniu i wklejeniu raz jednego bloku kodu, do którego wracasz tylko wtedy, gdy naprawdę chcesz coś zmienić.
Generator Widgetu Czatu WhatsApp zamienia twój numer, kolor przycisku, pozycję i wiadomość powitalną w jeden tag skryptu. Wypełnij formularz, numer WhatsApp w formacie międzynarodowym bez zera na początku i bez znaku plus, wybierz kolor, zdecyduj, w którym rogu ma znajdować się przycisk, a narzędzie wygeneruje coś takiego:
<script src="https://cdn.thechatquotient.com/widget/v1/widget.js"
data-widget-id="wgt_xxxxxxxx"
data-whatsapp-number="15551234567"
data-color="#25D366"
data-position-vertical="bottom"
data-position-horizontal="right"
data-offset-vertical="20"
data-offset-horizontal="20"
data-z-index="5000"
data-greeting="Hi! How can we help?"
async
defer
></script>To cały widget. Żadnego pliku ikony do przesłania, żadnego arkusza stylów do załadowania, żadnego PHP. Skopiuj go i wybierz jedną z trzech metod umieszczenia poniżej, w zależności od tego, jak zbudowana jest twoja witryna WordPress.
Jeśli twój motyw jest zbudowany na edytorze blokowym (Gutenberg), najszybszym miejscem na wklejenie fragmentu kodu jest bezpośrednio strona albo blok wielokrotnego użytku, ale wtedy widget pojawi się tylko na tej jednej stronie. Dla widgetu widocznego na całej witrynie edytor blokowy nie jest tak naprawdę pomyślany do wstrzykiwania kodu w stopce, chyba że twój motyw udostępnia do tego część szablonu.
Większość motywów obsługujących pełną edycję witryny (full site editing) pozwala dodać blok Custom HTML bezpośrednio do szablonu stopki:
Ponieważ znajduje się w części szablonu stopki, renderuje się teraz na każdej stronie, która korzysta z tej stopki, czyli w większości motywów na każdej stronie witryny.
Klasyczne motywy (bez obsługi bloków) nie mają części szablonu stopki do edycji wizualnej, więc fragment kodu trafia bezpośrednio do pliku PHP motywu:
</body>, zwykle blisko końca pliku.</body>.To jedyna metoda, która bezpośrednio dotyka kodu motywu, więc wiąże się z jedynym realnym zastrzeżeniem podejścia z fragmentem kodu: aktualizacja motywu może nadpisać footer.php i po cichu usunąć wklejony kod. Jeśli twój motyw obsługuje motyw potomny (child theme), wykonaj tę edycję w footer.php motywu potomnego, ponieważ pliki motywu potomnego przetrwają aktualizacje motywu nadrzędnego. Jeśli nie korzystasz z motywu potomnego i nie chcesz go konfigurować, wtyczka taka jak Insert Headers and Footers (prosta, niewymagająca utrzymania wtyczka do jednego zadania, a nie pełna wtyczka widgetu WhatsApp) daje ci dedykowane pole na kod w stopce, które w ogóle nie jest powiązane z plikami motywu i automatycznie przetrwa każdą aktualizację motywu.
Jeśli witryna jest zbudowana za pomocą kreatora stron, zwykle istnieje widget stworzony dokładnie do tego celu:
Oba kreatory renderują surowy kod HTML i tag skryptu bez zmian, żadna sanitacja nie usuwa tagu <script>, tak jak robią to niektóre obszary treści WYSIWYG, więc widget ładuje się i zachowuje identycznie jak przy wklejeniu bezpośrednio do footer.php.
Niezależnie od tego, gdzie wkleiłeś kod, otwórz witrynę w oknie incognito, żeby zbuforowana strona nie pokazała ci nieaktualnej wersji, i sprawdź każdy szablon, na którym widget powinien się pojawić: stronę główną, wpis na blogu i każdą stronę docelową zbudowaną na innym szablonie niż reszta witryny, ponieważ edycja stopki w jednym pliku motywu lub szablonie kreatora nie obejmuje automatycznie strony docelowej korzystającej z osobnego szablonu. Kliknij przycisk zarówno na komputerze, jak i na prawdziwym telefonie. Na telefonie z zainstalowanym WhatsApp powinien od razu otworzyć się aplikacja z wstępnie wypełnionym numerem i powitaniem; na komputerze otwiera się web.whatsapp.com na nowej karcie.
Jest kilka sytuacji, w których szala przechyla się z powrotem w stronę instalacji dedykowanej wtyczki:
Jeśli witryną zarządza kilka nietechnicznych osób i żadna z nich nie powinna zbliżać się do Theme File Editor, ekran ustawień wtyczki jest bezpieczniejszy niż liczenie na to, że wszyscy zostawią footer.php w spokoju. Jeśli chcesz, żeby widget pojawiał się lub znikał w zależności od strony czy typu wpisu poprzez zaznaczenie pola w panelu bocznym edytora, a nie edycję pliku szablonu, taka logika zależna od strony to dokładnie to, czym zajmuje się kod PHP wtyczki, a nie statyczny fragment kodu. A jeśli masz już pełną integrację z WhatsApp Business API przez wtyczkę, która obsługuje też widget jako jeden element większego zestawu funkcji, zastąpienie samej części z widgetem osobnym fragmentem kodu dodaje kolejną rzecz do utrzymania, zamiast usunąć jedną.
W typowym przypadku, jeden numer WhatsApp, jeden przycisk, takie samo zachowanie na każdej stronie, fragment kodu wykonuje to samo zadanie, nie zostawiając niczego do aktualizowania później.
Czy to spowolni moją witrynę WordPress?
Tag skryptu korzysta z atrybutów async i defer, więc ładuje się, nie blokując reszty strony, a to pojedyncze zewnętrzne zapytanie zamiast kilku osobnych plików stylów i skryptów, które mogłaby załadować pełna wtyczka.
Czy to działa z wtyczkami do cache’owania, takimi jak WP Rocket czy W3 Total Cache? Tak. Ponieważ to statyczny tag skryptu, a nie coś renderowanego przez PHP przy każdym zapytaniu, cache’owanie stron mu nie przeszkadza, w przeciwieństwie do niektórych widgetów opartych na wtyczkach, które czasem zostają usunięte przez agresywne ustawienia minifikacji HTML.
Czy mogę użyć tego z WooCommerce? Tak, sposób umieszczenia jest identyczny: footer.php, część szablonu stopki albo szablon stopki kreatora stron, żadnemu z nich nie przeszkadza, czy witryna korzysta też z WooCommerce.
Co, jeśli mój motyw nie ma dostępnego Theme File Editor? Niektórzy dostawcy hostingu wyłączają go ze względów bezpieczeństwa. W takim przypadku użyj bloku Custom HTML w części szablonu stopki, jeśli twój motyw obsługuje pełną edycję witryny, widgetu osadzania kodu twojego kreatora stron, jeśli go masz, albo małej wtyczki do jednego zadania, takiej jak Insert Headers and Footers, jako rozwiązania zastępczego, które w ogóle nie wymaga dotykania plików motywu.
Czy muszę ponownie zainstalować fragment kodu, jeśli zmienię motyw WordPressa?
Tak, ponieważ był wklejony do footer.php lub części szablonu starego motywu. Skopiuj ponownie ten sam fragment kodu z generatora (identyfikator widgetu pozostaje taki sam) i wklej go do nowego motywu, korzystając z jednej z trzech metod, która do niego pasuje.
Widget WhatsApp to jeden tag skryptu, a WordPress ma już trzy miejsca stworzone dokładnie po to, żeby go pomieścić: blok Custom HTML w szablonie stopki, footer.php przez Theme File Editor albo widget osadzania kodu twojego kreatora stron. Żadne z nich nie wymaga instalowania dedykowanej wtyczki. Weź fragment kodu z Generatora Widgetu Czatu WhatsApp, wklej go tam, gdzie pasuje do sposobu, w jaki zbudowana jest twoja witryna, i widget zacznie działać, bez niczego nowego do aktualizowania przy następnej wersji WordPressa.
Dodaj rozszerzenie Chrome i zmień sposób zarządzania rozmowami WhatsApp w swoim biznesie.