Widżet WhatsAppa

Możesz włączyć pomoc kontaktową WhatsApp na swojej stronie internetowej za pomocą widżetu WhatsApp ElementsKit. Po prostu przeciągnij i upuść widżet do edytora projektów Elementora i pobierz przycisk WhatsApp na stronie internetowej bezproblemowo.

WhatsApp to obecnie jedna z najpopularniejszych opcji bezpiecznego przesyłania wiadomości. Ludzie wolą go jako komunikator internetowy. Dlatego ten widżet jest pomocny w rozpoznawaniu natychmiastowych zapytań, zainteresowań i próśb klientów.

Przeczytaj tę dokumentację, aby dowiedzieć się, jak używać widżetu przycisku Elementor WhatsApp w ElementsKit.

Krok 1: Pobierz przycisk Elementor WhatsApp na stronie internetowej – ElementsKit #

Aby umieścić przycisk WhatsApp na swojej stronie, najpierw włącz widżet WhatsApp ElementsKit, następnie otwórz edytor Elementor i przeciągnij i upuść widżet do obszaru projektu.

Włącz widżet WhatsApp: #

Aby włączyć widget:

  1. Nawigować do ElementsKit > Widżety.
  2. Znajdź kod kuponu i włącz widget.
  3. Kliknij ZAPISZ ZMIANY.

Przeciągnij i upuść widżet: #

Następnie przeciągnij i upuść widżet Ticker treści ElementsKit do obszaru projektu edytora Elementor.

Krok 2: Skonfiguruj widżet WhatsApp #

Możesz skonfigurować nagłówek, treść, stopkę, przycisk i ustawienia widżetu WhatsApp ElementsKit.

nagłówek #

  1. Wybierz zdjęcie profilowe: Możesz dodać zdjęcie profilowe na czacie WhatsApp. Prześlij zdjęcie lub wybierz jedno z biblioteki multimediów WordPress.
  2. Nazwa użytkownika: Wpisz swoje imię i nazwisko w polu nazwy użytkownika.
  3. Tekst użytkownika: Możesz wpisać krótki tekst, który pojawi się pod nazwą użytkownika.
  4. Włącz aktywną kropkę: Pokaż swój aktywny status, włączając aktywną kropkę.
  1. Włącz niestandardowy czas aktywności(Dostępne, gdy włączona jest aktywna kropka): Włączając tę funkcję, możesz pokazać status aktywności o określonej porze dnia. Po włączeniu dostępne będą następujące opcje:
    • Czas rozpoczęcia: Ustaw porę dnia, kiedy będziesz online.
    • Koniec czasu: Ustaw porę dnia, o której nie będziesz już dostępny online.
    • Wybierz Święta: Wybierz dni wolne.
    • Wpisz wiadomość urlopową: Możesz ustawić wiadomość dla klientów, gdy będziesz na wakacjach.

Ciało #

  1. Włącz moduł ładujący: Gdy ta opcja jest włączona, podczas pisania na ekranie użytkownika pojawi się animacja pisania.
  2. Pokaż nazwę użytkownika: Jeśli włączysz tę opcję, możesz wyświetlić nazwę użytkownika w komunikacie.
  3. Tekst pytania: Ten tekst pojawi się domyślnie, gdy użytkownik kliknie przycisk WhatsApp.

Stopka #

Widget ElementsKit WhatsApp zawiera trzy różne style sekcji stopki.

Styl: Wejście

Proste pole czatu, w którym użytkownicy mogą napisać wiadomość i ją wysłać.

  1. Wybierz styl: Wybierz styl „Wejście".
  2. Obiekt zastępczy danych wejściowych: Wprowadź tekst zastępczy.
  3. Opcja otwartego łącza: Gdy użytkownik kliknie przycisk wysyłania, wybierz, dokąd zostanie przekierowany. Dostępne są trzy opcje: 1. Ta sama strona, 2. Nowa karta i 3. Wyskakujące okienko.

Styl: guzik

W tym stylu pojawi się przycisk. Klikając przycisk, użytkownicy mogą wysyłać Ci wiadomości za pośrednictwem sieci WhatsApp.

  1. Wybierz styl: Wybierz styl „Przycisk".
  2. Ikona: Możesz dodać ikonę do przycisku wiadomości. Prześlij ikonę w formacie SVG lub wybierz ją z biblioteki ikon Elementor.
  3. Tekst: Wprowadź tekst przycisku.
  4. Opcja otwartego łącza: Gdy użytkownik kliknie przycisk wysyłania, może zostać przekierowany do jednej z następujących opcji: 1. Ta sama strona, 2. Nowa karta i 3. Wyskakujące okienko.

Styl: wejście wewnętrzne

Proste pole czatu, ale pole jest złożone w oknie WhatsApp.

  1. Wybierz styl: Wybierz styl „Wejście wewnętrzne“.
  2. Obiekt zastępczy danych wejściowych: Wprowadź tekst zastępczy.
  3. Opcja otwartego łącza: Gdy użytkownik kliknie przycisk wysyłania, wybierz, dokąd zostanie przekierowany. Dostępne są trzy opcje: 1. Ta sama strona, 2. Nowa karta i 3. Wyskakujące okienko.

Przycisk #

  1. Wybierz styl: Wybierz styl przycisku z podanych opcji.
  2. Ikona: Możesz dodać ikonę przycisku Elementor WhatsApp (jeśli wybrany styl ma dostępną opcję ikony).
  3. Tekst: Dodaj tekst na przycisku (jeśli wybrany styl ma dostępną opcję ikony).
  1. Wyłącz stałą pozycję: Gdy jest WYŁĄCZONY, pozycja przycisku będzie stała. W przeciwnym razie możesz zmienić położenie przycisku.
  2. Pozycja (niestandardowe): Możesz zmienić pozycję przycisku, jeśli stała pozycja jest wyłączona.

Ustawienia #

  1. Numer WhatsApp: Tutaj możesz umieścić swój numer kontaktowy do usługi WhatsApp. Jest to numer, dla którego ustawiłeś widget WhatsApp dla użytkowników.
  2. Pokaż od pierwszego: Jeśli ustawisz Pokazywać wtedy okno czatu będzie wyświetlane od początku wizyty gościa na Twojej stronie. A jeśli ustawisz Ukrywać wtedy zobaczą tylko ikonę i będą musieli ją kliknąć, aby rozpocząć czat.

Krok 3: Dostosuj przycisk Elementor WhatsApp #

Za pomocą ElementsKit możesz zmienić styl i wygląd przycisku WhatsApp i okna czatu.

Przyklejony przycisk #

  1. Szerokość przycisku: Możesz dostosować szerokość przycisku kontaktu WhatsApp.
  2. Wysokość przycisku: Możesz także dostosować wysokość przycisku kontaktu WhatsApp.
  3. Promień granicy: Zmień kształt przycisku za pomocą promienia obramowania.
  4. Tło przycisku: Wybierz kolor przycisku WhatsApp.
  5. Wyściółka: Dostosuj wypełnienie przycisku.
  1. Kolor ikony: Wybierz kolor ikony WhatsApp za pomocą przycisku.
  2. Tło ikony: Wybierz kolor tła ikony.
  3. Rozmiar ikony: Dostosuj rozmiar ikony.
  4. Wypełnienie ikon: Możesz dostosować dopełnienie ikony przycisku.
  1. Kolor tekstu: Wybierz kolor tekstu przycisku.
  2. Typografia: Ustaw typografię tekstu przycisku.
  3. Przestrzeń pomiędzy: Dostosuj odstęp między tekstem przycisku a ikoną.

nagłówek #

  1. Tło nagłówka: Wybierz kolor tła nagłówka okna czatu WhatsApp.
  2. Styl obrazu użytkownika — typ obramowania, szerokość i kolor: Możesz wybrać typ obramowania obrazu użytkownika, ustawić szerokość obramowania i wybrać kolor obramowania.
  1. Kolor nazwy użytkownika: Wybierz kolor nazwy użytkownika w nagłówku.
  2. Kolor tekstu użytkownika: Wybierz kolor tekstu pod nazwą użytkownika.
  3. Typografia użytkownika: Ustaw typografię nazwy użytkownika w nagłówku.
  4. Typografia tekstu użytkownika: Ustaw typografię tekstu pod nazwą użytkownika.
  1. Aktywna / Nieaktywna kropka – Rozmiar: Dostosuj rozmiar aktywnej/nieaktywnej kropki.
  2. Aktywna / nieaktywna kropka – kolor obramowania: Wybierz kolor obramowania aktywnej/nieaktywnej kropki.
  3. Ikona zamknięcia – kolor: Ustaw kolor ikony zamykania okna czatu.
  4. Ikona zamykania – kolor najechania: Wybierz kolor ikony zamykania okna czatu po najechaniu kursorem.

Ciało #

  1. Kolor motywu: Wybierz kolor części ciała.
  2. Kolor tekstu pytania: Wybierz kolor tekstu wiadomości.
  3. Typografia tekstu pytającego: Ustaw typografię tekstu wiadomości.

Stopka #

  1. Kolor elementu zastępczego wejściowego: Wybierz kolor tekstu zastępczego pola wejściowego.
  2. Typografia zastępcza danych wejściowych: Ustaw typografię tekstu zastępczego pola wejściowego.

Opakowanie treści #

W tej sekcji możesz dostosować szerokość okna czatu WhatsApp.

Podobnie jak widżet WhatsApp, ElementsKit zawiera setki zaawansowanych elementów dla Elementora. Pobierz ElementsKit i wykorzystaj te elementy do tworzenia witryn WordPress z pełnymi funkcjami.

Jakie są Twoje uczucia?
Zaktualizowano 28 stycznia 2024 r