Moduł HTML Content
Przycisk WhatsApp dla OpenCart
Dodaj pływający przycisk WhatsApp do swojej strony OpenCart. Wybierz powitanie i pozwól odwiedzającym pisać na numer twojej firmy.
Konfiguracja: 4 min Cel: HTML Content module → Content Bottom on every layout
Instalacja w OpenCart krok po kroku
Wykonaj te kroki, aby dodać kod instalacyjny WAButton do swojej strony OpenCart.
- 1
Zainstaluj moduł HTML Content
W panelu administracyjnym OpenCart przejdź do Extensions → Extensions, ustaw typ na Modules, znajdź HTML Content, kliknij Install, a potem ikonę plusa, aby dodać nową instancję.
Wskazówka: HTML Content to moduł z wieloma instancjami. Nazwij tę instancję WAButton, aby łatwo znaleźć ją później w układach.
- 2
Wklej w widoku źródła i zapisz
Otwórz moduł. Zostaw nagłówek pusty. Kliknij przycisk źródła / HTML (</>) w polu Description, wklej fragment kodu, kliknij </> ponownie, aby edytor zachował tagi script, ustaw Status na Enabled i kliknij Save.
Wskazówka: Jeśli wkleisz kod w edytorze wizualnym, CKEditor w OpenCart usunie <script>. Zawsze przełączaj widok źródła przed wklejeniem i po nim.
<script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script> - 3
Przypisz go do każdego używanego układu
Przejdź do Design → Layouts. Edytuj Home, Default, Product, Category i każdy inny układ, którego używa twój sklep. Dodaj moduł WAButton HTML Content do Content Bottom w każdym z nich i kliknij Save.
Wskazówka: Przypisanie tylko do Home ukrywa przycisk na stronach produktów i kategorii. Content Bottom to podstawowa pozycja, którą wyświetla każdy domyślny układ.
Dlaczego właściciele sklepów i agencje wybierają WAButton dla OpenCart
Bez rozszerzenia z marketplace
Moduł HTML Content jest wbudowany w OpenCart. Nie potrzebujesz płatnego rozszerzenia do „dodawania JS do stron”.
Aktualizacje motywu go nie usuną
Moduł przypisany w Design → Layouts przetrwa zmianę motywu. Edycja footer.twig jej nie przetrwa.
Każda ścieżka sklepu
Przypisz ten sam moduł do Home, Default, Product i Category, aby przycisk nie był widoczny tylko na stronie głównej.
Najczęściej zadawane pytania
Skrypt zniknął po zapisaniu modułu. Dlaczego?
- Edytor wizualny usuwa <script>. Otwórz moduł ponownie, kliknij przycisk źródła / HTML (</>), wklej kod, kliknij </> drugi raz i kliknij Save.
Czy mogę zamiast tego wkleić kod do footer.twig?
- Tak, przez Design → Theme Editor → twój motyw → common → footer.twig, tuż przed zamykającym kodem. Aktualizacje i zmiany motywu usuną tę zmianę. Moduł HTML Content jest bezpieczniejszą drogą.
Powiązane darmowe narzędzia
Twórz linki WhatsApp, kody QR i wiadomości dla swojej firmy.
Więcej instrukcji instalacji
- Zobacz instrukcję2 min
Shopify
Shopify 2.0 i starsze motywy
Dodaj przycisk WhatsApp do swojej strony Shopify.
- Zobacz instrukcję3 min
WooCommerce & WordPress
WooCommerce i WordPress 6+
Dodaj przycisk WhatsApp do swojej strony WooCommerce & WordPress.
- Zobacz instrukcję2 min
Magento & Adobe Commerce
Magento Open Source i Adobe Commerce
Dodaj przycisk WhatsApp do swojej strony Magento & Adobe Commerce.
Dodaj WhatsApp do swojej strony.
Daj odwiedzającym sposób, by zapytali o produkty, ceny lub dostępność. Odpowiadaj z WhatsApp, którego już używasz.
Dostępny plan darmowy. Bez karty kredytowej.