How to add Elfsight widget to Joomla website

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

This article is about older versions of Joomla. If you need help installing widgets to Joomla 4, please read this article - How to add Elfsight widget to Joomla 4 website.

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 Joomla website editor and open Templates
Log in to your Joomla website's admin panel. Go to ExtensionsTemplatesTemplates and choose the template your website uses.
2
Paste first line of your installation code
Open index.php file, find Body tag and paste first line of your installation code right after <div class>. Click Save to apply changes.
3
Choose the page for your widget
Go back to your Control Panel. Click Articles in the left-hand menu and choose the page in Articles section where you'd like to display your widget.
4
Paste second line of your installation code
Click on HTML Code icon, paste second line of your installation code, click Ok and then Save.

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

Adding your widget to all pages

1
Go to Joomla website editor and open Templates
Log in to your Joomla website's admin panel. Go to Extensions Templates →  Templates and choose the template your website uses.

2
Paste your installation code
Open index.php file, find Body tag and paste your installation code right after <div class>. Click Save to apply changes.

You have successfully added the widget to all pages of your Joomla website!

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