Pływający przycisk kontaktu – instrukcja obsługi

1. Do czego służy moduł

Moduł dodaje okrągły przycisk w dolnym rogu każdej strony sklepu. Po kliknięciu otwiera się mały panel ze sposobami kontaktu: WhatsApp, telefon, e-mail i Messenger. Na karcie produktu wiadomość WhatsApp jest już napisana za klienta i zawiera nazwę oglądanego produktu oraz link do niego. Poza godzinami pracy przycisk może zniknąć albo podpowiedzieć klientom, kiedy odpowiecie.

Moduł jest bezpłatny. Działa z PrestaShop 1.7.8, 8.x i 9.x (PHP 7.2.5 lub nowszy), z szablonami Classic i Hummingbird oraz z trybem multistore.

2. Instalacja

1. Na stronie modułu w sklepie addonspresta.com kliknij Pobierz za darmo (konto nie jest potrzebne).
2. W panelu sklepu otwórz Moduły → Menedżer modułów i kliknij Załaduj moduł.
3. Upuść plik ap_contactbutton_v1.0.1.zip i poczekaj na potwierdzenie.
4. Kliknij Konfiguruj na karcie modułu.

Przy instalacji moduł przepisuje numer telefonu i adres e-mail sklepu (Preferencje → Kontakt → Sklepy), jeśli są poprawne (w multistore — dane sklepu domyślnego), więc przycisk pojawia się od razu. WhatsApp i Messenger dodasz w konfiguracji.

3. Jak to działa

Każdy kanał to zwykły link, który otwiera aplikację klienta: WhatsApp przez wa.me, połączenie telefoniczne, nową wiadomość e-mail albo rozmowę w Messengerze przez m.me. Moduł nie wczytuje zewnętrznych skryptów, czcionek ani obrazków, nie zapisuje plików cookie i niczego nie przechowuje w przeglądarce. WhatsApp czy Facebook dowiadują się o wizycie dopiero wtedy, gdy klient kliknie ich link. Moduł nie łączy się z addonspresta.com ani z żadnym innym serwerem i nie zmienia tabel PrestaShop.

Pusty kanał się nie wyświetla. Jeśli wszystkie kanały są puste, przycisku nie ma.

Na karcie produktu wiadomość WhatsApp zawiera nazwę produktu w języku klienta i link do produktu. Przy produktach z kombinacjami link prowadzi do karty produktu bez wybranej kombinacji.

Godziny pracy są sprawdzane przy każdym wyświetleniu strony, w strefie czasowej sklepu (Międzynarodowe → Lokalizacja → Konfiguracja → Strefa czasowa). Jeśli używasz pamięci podręcznej całych stron, przycisk wygląda tak jak w zapisanej kopii strony, dopóki ta się nie odświeży.

Przycisk pojawia się na każdej stronie korzystającej z głównego układu szablonu, także w zamówieniu. Bierze główny kolor przycisków i czcionki szablonu, chyba że wybierzesz własny kolor.

4. Funkcje i ustawienia

Otwórz Moduły → Menedżer modułów → Pływający przycisk kontaktu → Konfiguruj. Ramka Pomoc na górze prowadzi do tej instrukcji i do strony modułu w addonspresta.com, w języku Twojego panelu.

Kanały kontaktu

• Numer WhatsApp — Twój numer w formacie międzynarodowym z kierunkowym kraju, np. +48 600 123 456. Spacje, myślniki i znak + znikają przy zapisie; zostać musi od 8 do 15 cyfr.
• Numer telefonu — klienci widzą go dokładnie tak, jak go wpiszesz. Zacznij od + i kierunkowego kraju, żeby mogli dzwonić też klienci z zagranicy.
• Adres e-mail — otwiera nową wiadomość w programie pocztowym klienta.
• Nazwa użytkownika Messenger — nazwa Twojej strony na Facebooku, jak w m.me/twojastrona: od 3 do 50 liter, cyfr lub kropek. Możesz też wkleić cały link do strony; gdy strona nie ma nazwy użytkownika (link facebook.com/profile.php?id=…), moduł zapisze jej numer.

Teksty

Każdy tekst ustawiasz osobno dla każdego języka sklepu. Tekst pusty w którymś języku zastępuje tekst z języka domyślnego.

• Powitanie — linijka na górze panelu, np. „Dzień dobry! W czym możemy pomóc?”. Zostaw puste, żeby pokazać same kanały.
• Wiadomość WhatsApp — wpisuje się w WhatsApp z góry na każdej stronie oprócz kart produktów. Klient może ją zmienić przed wysłaniem.
• Wiadomość WhatsApp na karcie produktu — to samo na kartach produktów. {product_name} zamienia się na nazwę produktu, a {product_url} na link do niego. Zostaw puste, żeby używać wiadomości ogólnej.

Godziny pracy

Wpisz godziny każdego dnia, np. 09:00-17:00, albo kilka przedziałów rozdzielonych przecinkami, np. 09:00-13:00, 14:00-18:00. Przedział może się kończyć o 24:00. Pusty dzień oznacza, że jest nieczynne. Zostaw wszystkie dni puste, żeby przycisk był widoczny zawsze. Opis nad polami pokazuje strefę czasową sklepu i jego bieżącą godzinę.

• Poza godzinami pracy — Pokazuj przycisk z informacją albo Ukryj przycisk.
• Informacja poza godzinami pracy — wyświetla się na górze panelu, gdy jest nieczynne, np. „Odpowiemy jutro od 9:00”.

Wygląd

• Położenie — prawy albo lewy dolny róg.
• Kolor przycisku — kolor szesnastkowy, np. #25d366. Zostaw puste, żeby użyć głównego koloru przycisków szablonu. Kolor ikony (czarny lub biały) dobiera się sam, tak żeby była czytelna.
• Ukryj na telefonach — ukrywa przycisk na ekranach węższych niż 768 pikseli.
• Ukryj na komputerach — ukrywa przycisk na ekranach o szerokości od 768 pikseli, także na tabletach. Obu opcji nie można włączyć naraz; żeby usunąć przycisk, wyłącz moduł.

5. Multistore

Ustawienia zapisują się dla sklepu lub grupy sklepów wybranej w nagłówku panelu. Wybierz Wszystkie sklepy, żeby ustawić te same wartości wszędzie, albo jeden sklep, żeby dać mu własne numery, teksty i godziny pracy. W kontekście wszystkich sklepów albo grupy zapisać może tylko pracownik, który zarządza każdym jej sklepem. Jedna licencja obejmuje wszystkie sklepy instalacji.

6. Odinstalowanie

Menedżer modułów → Pływający przycisk kontaktu → Odinstaluj usuwa wszystkie ustawienia modułu. Żeby je zachować, użyj Wyłącz.

7. Najczęstsze pytania i problemy

Przycisk się nie pokazuje. Sprawdź, czy co najmniej jeden kanał jest uzupełniony, czy bieżąca godzina mieści się w godzinach pracy (albo czy moduł pokazuje wtedy przycisk z informacją) i czy przycisk nie jest ukryty na tym rodzaju ekranu. Potem wyczyść pamięć podręczną w Zaawansowane → Wydajność. Własny szablon musi zawierać hook displayBeforeBodyClosingTag.

Przycisk pokazuje informację o nieczynności, choć pracujemy. Sprawdź strefę czasową w Międzynarodowe → Lokalizacja → Konfiguracja. Sekcja godzin pracy w module pokazuje bieżącą godzinę sklepu.

WhatsApp otwiera się bez wiadomości. Sprawdź, czy wiadomość jest uzupełniona dla języka strony. Niektóre wersje WhatsApp pomijają gotowy tekst, gdy rozmowa ma już zapisany szkic.

Przycisk zasłania inny element, np. czat albo przycisk „do góry”. Wybierz drugi róg albo ustaw w szablonie zmienną CSS --ap-contactbutton-offset, żeby odsunąć przycisk od krawędzi.

Czy mogę zmienić wygląd przycisku? Tak. Skopiuj views/templates/hook/button.tpl do themes/<twój-szablon>/modules/ap_contactbutton/views/templates/hook/ i zmień kopię, a potem wyczyść pamięć podręczną w Zaawansowane → Wydajność, żeby PrestaShop zaczął jej używać. Możesz też dodać w szablonie CSS dla klas .ap-contactbutton.

Czy moduł wymaga baneru cookies? Nie. Moduł nie zapisuje plików cookie i niczego nie pobiera z innych serwerów, dopóki klient nie kliknie linku do WhatsApp lub Messengera.

8. Aktualizacje i wsparcie

Aktualizacje są bezpłatne: nowe wersje pobierzesz ze strony modułu w addonspresta.com i wgrasz jak nowy moduł. Ustawienia zostają. Każda wersja przed publikacją przechodzi nasz audyt bezpieczeństwa.

Ten bezpłatny moduł ma tę samą licencję co nasze moduły płatne (jeden sklep z dowolną liczbą sklepów multistore, kod możesz zmieniać, ale nie udostępniać) i jest bez wsparcia technicznego. Jeśli potrzebujesz pomocy przy instalacji lub konfiguracji, możemy ją zaproponować jako płatną usługę. Błędy bezpieczeństwa zgłaszaj na mail@addonspresta.com — naprawiamy je w pierwszej kolejności.

Wróć do: Instrukcje modułów