To add a WhatsApp button in Elementor, enable the WhatsApp widget W Widżety ElementsKit and then drag and drop the WhatsApp Button/Chat widget into your Elementor layout where you want it to appear. After placing it, enter your WhatsApp number and customize titles, styles, and behavior so visitors can easily message you.

Steps to Add a WhatsApp Button:

1. Enable the Widget: Iść do ElementsKit → Widgets i włącz WhatsApp widget, then save.
2. Add to Page: Edit your page/template with Elementor and drag the WhatsApp Button/Chat widget into the design area.
3. Enter Contact Info: In the widget settings, add your WhatsApp contact number so clicks open a chat.
4. Configure the Chatbox: Set header text, default messages, and footer style (input/button/inner input) as needed.
5. Style the Button: Use style options to adjust colors, size, position, icon, spacing, and typography.

Once published, your WhatsApp button will appear on the page and let visitors start chats directly with your chosen number.

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. Znaleźć WhatsApp and 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ę.

5. 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 #

• Włącz moduł ładujący: Gdy ta opcja jest włączona, podczas pisania na ekranie użytkownika pojawi się animacja pisania.

• Pokaż nazwę użytkownika: Jeśli włączysz tę opcję, możesz wyświetlić nazwę użytkownika w komunikacie.

• Asking Text: This text will appear by default when a user clicks the WhatsApp button.
  Notatka: If you’ve set a closing text, the asking text will not be displayed.

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ć.

• Wybierz styl: Wybierz styl „Wejście".
• Obiekt zastępczy danych wejściowych: Wprowadź tekst zastępczy.
• 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 #

• Wybierz styl: Wybierz styl przycisku z podanych opcji.
• Ikona: Możesz dodać ikonę przycisku Elementor WhatsApp (jeśli wybrany styl ma dostępną opcję ikony).
• Tekst: Dodaj tekst na przycisku (jeśli wybrany styl ma dostępną opcję ikony).
• Subtext: This is a short supporting line that appears below or alongside the main button text.

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. Cień pudełka: It adds a subtle shadow around the WhatsApp button to make it stand out from the background.

6. Kolor ikony: Wybierz kolor ikony WhatsApp za pomocą przycisku.
7. Tło ikony: Wybierz kolor tła ikony.
8. Rozmiar ikony: Dostosuj rozmiar ikony.
9. Wypełnienie ikon: Możesz dostosować dopełnienie ikony przycisku.

10. Kolor tekstu: Wybierz kolor tekstu przycisku.
11. Typografia: Ustaw typografię tekstu przycisku.
12. Przestrzeń pomiędzy: Dostosuj odstęp między tekstem przycisku a ikoną.

nagłówek #

• Tło nagłówka: Wybierz kolor tła nagłówka okna czatu WhatsApp.
• Styl obrazu użytkownika — typ obramowania, szerokość i kolor: Możesz wybrać typ obramowania obrazu użytkownika, ustawić szerokość obramowania i wybrać kolor obramowania.

• Kolor nazwy użytkownika: Wybierz kolor nazwy użytkownika w nagłówku.
• Kolor tekstu użytkownika: Wybierz kolor tekstu pod nazwą użytkownika.
• Typografia użytkownika: Ustaw typografię nazwy użytkownika w nagłówku.
• Typografia tekstu użytkownika: Ustaw typografię tekstu pod nazwą użytkownika.

• Aktywna / Nieaktywna kropka – Rozmiar: Dostosuj rozmiar aktywnej/nieaktywnej kropki.
• Aktywna / nieaktywna kropka – kolor obramowania: Wybierz kolor obramowania aktywnej/nieaktywnej kropki.
• Ikona zamknięcia – kolor: Ustaw kolor ikony zamykania okna czatu.
• Ikona zamykania – kolor najechania: Wybierz kolor ikony zamykania okna czatu po najechaniu kursorem.

Ciało #

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

Stopka #

• Kolor elementu zastępczego wejściowego: Wybierz kolor tekstu zastępczego pola wejściowego.
• 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.