WAButton

HTML Content module

Tombol WhatsApp untuk OpenCart

Tambahkan widget chat WhatsApp ke OpenCart dalam hitungan menit. Kualifikasi pengunjung, arahkan percakapan, dan jaga tema tetap cepat.

Buat Tombol Saya Gratis

Pemasangan 4 mnt Target: HTML Content module → Content Bottom on every layout

Pemasangan langkah demi langkah untuk OpenCart

Ikuti langkah ini untuk menyematkan WAButton di situs OpenCart Anda. Tanpa pengembangan rumit atau biaya aplikasi.

  1. 1

    Install an HTML Content module

    In OpenCart admin go to Extensions → Extensions, set the type to Modules, find HTML Content, click Install, then click the plus icon to add a new instance.

    Tips: HTML Content is a multi-instance module. Name this instance WAButton so you can find it later in layouts.

  2. 2

    Paste in source view, then save

    Open the module. Leave the heading empty. Click the source / HTML button (</>) in Description, paste the snippet, click </> again so the editor keeps the script tags, set Status to Enabled, and Save.

    Tips: If you paste in the visual editor, OpenCart's CKEditor strips <script>. Always toggle source view before and after pasting. 

    <script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script>
  3. 3

    Assign it to every layout you use

    Go to Design → Layouts. Edit Home, Default, Product, Category, and any other layout your store uses. Add the WAButton HTML Content module to Content Bottom on each, then Save.

    Tips: Assigning only to Home hides the button on product and category pages. Content Bottom is the core position that every default layout prints.

Mengapa pemilik toko dan agensi memilih WAButton untuk OpenCart

No marketplace extension

OpenCart's HTML Content module is built in. You do not need a paid 'add JS to pages' extension.

Theme updates do not wipe it

A module assigned in Design → Layouts survives theme switches. Editing footer.twig does not.

Every storefront route

Assign the same module to Home, Default, Product, and Category so the button is not Home-only.

Pertanyaan yang sering diajukan

The script disappeared after I saved the module. Why?

The visual editor strips <script>. Edit the module again, click the source / HTML (</>) button, paste, click </> a second time, then Save.

Can I paste into footer.twig instead?

Yes, via Design → Theme Editor → your theme → common → footer.twig, just before the closing markup. Theme updates and theme switches will wipe that edit. The HTML Content module is the safer path.

Panduan instalasi lainnya

Percakapan besok sudah mengunjungi website Anda hari ini.

Peluangnya bukan hanya soal mendapatkan lebih banyak pengunjung. Tapi soal terhubung dengan mereka yang sudah Anda miliki, sebelum minat mereka memudar.

Buat Tombol Saya Gratis Lihat Ulang Demo

Satu baris kode. Tanpa kartu kredit. Tanpa menunggu.