Adding Elfsight widget to WordPress website

To add Elfsight widget to your WordPress website, you need its installation code. This article explains where to find it - Where to get Elfsight widget installation code.

Adding your widget to a specific page

WordPress CMS provides various methods for embedding widgets, and we'll outline two main ones below.

1. Adding widget via Themes
2. Adding widget via Pages

Adding widget via Themes

1

Go to WordPress website's backend
Log in to your WordPress website's backend, click on Appearance and choose Themes: Find the theme you need to edit, click on the action button (...) and choose Edit:

2

Add code element to the page
Go to Pages tab and choose the page you want to add the widget to. Then click on the template on the right side: In the editor, find where you'd like to show the widget and click on Add Block: Then find and click Custom HTML:

3

Paste the installation code
Paste your installation code in the popup window and click Save to save changes:

Adding widget via Pages

1

Go to WordPress website's backend
Log in to your WordPress website's backend and click on Pages: Find the page you need to edit, click on the action button (...) and choose Edit:

2

Add code element to the page
In the editor, find where you'd like to show the widget and click on Add Block:
Then find and click Custom HTML:

3

Paste the installation code
Paste your installation code in the popup window and click Update to save changes:

You have successfully added your 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 will offer three options showing how to add your widget to all pages.

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

Adding widget via Theme Editor

This method 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 in the right-hand menu of Theme Files, insert the code before the closing </body> tag and press the Update File button:

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 in the Content field and click Save to apply the 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 element
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, click Done and press the Publish button to apply changes:

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