How to add Elfsight widget to Wordpress website

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

In this article

  1. Video tutorials
  2. Adding to a specific page (home page, contact, etc.)
  3. Adding to all pages

WordPress Video Tutorials by widgets

Adding your widget to a specific page

1
Go to Wordpress website's backend
Log in to your Wordpress website's backend and choose the page where you'd like to add the widget:
2
Add code element to a page
Hover the place where you'd like the widget to be displayed and click the Plus icon:
Find Code in Formatting section and click on it:
3
Paste the installation code
Paste your installation code in the window that comes up and click the Update button to save changes:

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

Adding your widget to all pages

Due to the peculiarities of different WordPress themes, there might be different ways of installing floating and popup widgets to all pages. In this part of the article, we present three options of how to do it.

  1. Adding widget via Theme Editor
  2. Adding widget via Widgets option
  3. Adding widget via Customize option

Adding widget via Theme Editor

The first way is the most universal one.

1
Go to Wordpress website's backend
Log in to your Wordpress website's backend. Go to the Appearance tab in the left-hand menu and click Theme Editor:
2
Add the installation code
Choose the footer.php file (1) in the right-hand menu of Theme Files, insert the code before the closing </body> tag (2) and press the Update File button (3):

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

Adding widget via Widgets option

1
Go to Wordpress website's backend
Log in to your Wordpress website's backend. Go to the Appearance tab in the left-hand menu and click Widgets:
2
Choose the placement for the code
Open Custom HTML (1) in the Available Widgets list, choose one of the Footers in the drop-down menu, for example, Footer One (2) and click the Add Widget button (3):
3
Paste the installation code
Paste your installation code to the Content field, click the Save button to apply changes:

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

Adding widget via Customize option

1
Go to Wordpress website's backend
Log in to your Wordpress website's backend. Go to the Appearance tab in the left-hand menu and click Customize:
2
Add Custom HTML elemet
Choose Widgets in the left-hand menu:
Click Add a Widget at the bottom of menu and select Custom HTML in the menu appeared:
3
Paste the installation code
Paste your installation code to the Content field (1), click Done (2) and press the Publish button (3) to apply changes:

Well done! You have successfully added the widget to all pages of your Wordpress website!


If you have any questions left, please feel free to contact our support team at https://help.elfsight.com/contact, we will be delighted to assist.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us