How to add Elfsight widget to your Opencart website

To add Elfsight widget to your Opencart website, you need the installation code. Here is an article that explains where to get it - Where to get Elfsight widget installation code.

If you are a New Dashboard user, you can find the installation code of your widget following the steps described in this article - Where to get Elfsight widget installation code (new dashboard).

Choose where to add the widget

  1. Specific page (home page, contact, etc.)
  2. All pages

Adding your widget to a specific page

1
Go to your Opencart website dashboard.

Log in to your Opencart website's backend → choose Extensions section → Extensions → Choose Modules as a filter.

2
In Modules list find HTML Content element and add a new one.
3
Fill in the information and add the installation code.
  • Module Name: elfsight
  • Description: click Code view icon and add the installation code
  • Status: Enabled

Please make sure that before pressing the Save button, you've quit the HTML editor and the widget has already been initialized on the page.

The HTML Content module has been modified.

4
Go to Design section → Layouts → choose the needed page and click Edit icon.
5
Choose the position of the modules and click Add Module button.
In the dropdown menu choose elfsight module and click Add module button.

You have successfully added the widget to a specific page of your Opencart website!

Adding your widget to all pages

1
Go to your Opencart website dashboard.

Log in to your Opencart website's backend → choose Extensions section → Extensions → Choose Modules as a filter.

2
In Modules list find HTML Content element and add a new one.

3
Fill in the information and add the installation code.
  • Module Name: elfsight
  • Description: click Code view icon and add the installation code
  • Status: Enabled

Please make sure that before pressing the Save button, you've quit the HTML editor and the widget has already been initialized on the page.

The HTML Content module has been modified.

4
Go to Design section → Layouts and add the installation code to each Layout.
Choose the page and click Edit icon.
5
Choose the position of the modules and click Add Module button.
In the dropdown menu choose elfsight module.

Repeat the process for all the Layouts you have. Done!

Did this article answer your question? Share your feedback: Thanks for sharing your feedback. It helps us grow! There was a problem submitting your feedback. Please try again later.

Still looking for assistance? Contact Us Contact Us