How to add WEBSET Popup to OpenCart website

Introduction

The WEBSET popup widget is a universal solution for OpenCart online stores that allows you to easily and quickly set up a pop-up window for collecting applications, displaying promotions, applying discounts, and other marketing tasks. The main advantage is the absence of the need to write code or make complex changes to templates.

The tool easily adapts to the store structure and can appear on the necessary pages: product card, cart, checkout, or when closing the tab. The widget is suitable for all versions of OpenCart and does not require uploading third-party modules. Creation and connection are performed in a few steps, even if you are not a developer.

Ways to add pop up in OpenCart

You can add a popup to the OpenCart site either through an HTML block or using a convenient no-code platform. Both methods take no more than 10 minutes.

Adding a pop-up through an HTML block

This method is suitable for those who want to manually implement the widget in the theme.

Step 1. Create a popup

  • Go to WEBSET and create a new popup.
  • Select an option — for example, a window with an offer of a discount, feedback form, or "Take your gift!" banner.
  • Customize the appearance, behavior, buttons, texts, and display conditions.
popup widget for opencart popup form widget for opencart

Step 2. Get the widget code

Go to the "Installation" section and copy the HTML code generated by the system. This is a universal connection script.

Step 3. Embed the code on the site

  • Go to the admin panel.
  • Open the section: Design → Layouts → General (or the required page)
  • Paste the code into the "Content at the bottom" block or in the footer.tpl part (depending on the CMS version)
  • Save changes and refresh the page.
  • ✅ Advantages: full control over the insertion location; no need to install third-party modules; works on any page: cart, product, checkout, homepage.
  • ❌ Disadvantages: requires a basic understanding of the theme structure; less convenient if you need to change the pop-up often — you will have to update the code manually.

Adding through the WEBSET no-code platform

If you do not want to edit templates manually, use the no-code integration. This is especially convenient when using ready-made themes or external developers.

Step 1. Create an account and a popup

  • Register on WEBSET.TOOLS
  • Create a pop-up window by selecting a suitable template (discount, notification, form)
  • Set up display: upon entry, when adding to the cart, on certain pages.

Step 2. Get the connection script

Go to project settings → Connection to the site tab, copy the universal JavaScript code.

Step 3. Install the script in the template

  • In the admin panel, open the file catalog/view/theme/YOUR_THEME/template/common/header.twig (or header.tpl in older versions)
  • Paste the script before the closing </head> tag
  • Save and refresh the cache
  • ✅ Advantages: complete control over widgets through the web interface; ability to change content and display conditions without going into code; support for analytics, events, and custom display scenarios.
  • ❌ Disadvantages: access via FTP or admin panel is required; some features are only available on paid plans.
Now you can add WEBSET popups to your site. Create a widget in your personal account → click "Publish" → the widget will appear on your site 💫

Summary

You can quickly add WEBSET popups to OpenCart without programming skills. Choose the right method — through HTML or no-code integration — and get a pop-up window that will increase sales, help collect contacts, or suggest the right action to the buyer.

WEBSET is suitable for all popular pages: product card, cart, checkout, and homepage. Popup widgets are fully responsive and work on any device.

Frequently Asked Questions (FAQ)

  • What is a pop-up window?
    It is an interactive element that appears on the site to attract attention: for example, a popup with a promotion or form.
  • How to add a pop up?
    You can insert the HTML code manually into the design or use our no-code platform.
  • Is WEBSET suitable for all versions of OpenCart?
    Yes, the solution works with any version of OpenCart, including 2.x and 3.x.
  • How can I get the installation code?
    After creating the widget in your personal account, the system will automatically generate the HTML code. It needs to be inserted or added through the no-code connection method.
  • Do I need to install a module?
    No, WEBSET does not require module installation. Everything is connected through code in the template or header.
← Back to all articles