WAButton

HTML Content module

Add a WhatsApp Button to Your OpenCart Store

Use OpenCart's HTML Content module, paste in source view, then assign it to Home, Default, Product, and Category layouts. Theme files stay untouched.

Build My Button Free

4 min setup Target: HTML Content module → Content Bottom on every layout

Step-by-step installation for OpenCart

Follow these steps to embed WAButton on your OpenCart site. No complex development or app fees.

  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.

    Pro tip: 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.

    Pro tip: 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.

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

Why store owners and agencies choose WAButton for 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.

Frequently asked questions

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.

More installation guides

Tomorrow's conversations are already visiting your website today.

The opportunity isn't only getting more visitors. It's connecting with the ones you already have, before their interest fades.

Build My Button Free Preview Demo Again

One line of code. No credit card. No waiting.