Adding Elfsight widget to WordPress website

To add an Elfsight widget to your WordPress site, you need the installation code. Here’s how to get it: Find the installation code.

You need the Business or Commerce plan on WordPress to install the widget, as it requires JavaScript to work. Free, Personal, and Premium plans don’t allow JavaScript, so you will see the code as plain text. For more details, check the WordPress guide here.

Choose how to install widget

This guide covers the basic installation steps for WordPress. Since WordPress supports different themes and builders, steps may vary depending on your setup. If these steps don’t work, or you can’t find your theme or builder in this collection, feel free to ask for help and we’ll assist you!

Install on a specific page

WordPress has different ways to add widgets to a specific page, like your home, contact, or about page. We’ll show you the two easiest ones below.

  1. Install via Themes
  2. Install via Pages

Install 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:

All done! You have successfully added the widget to your WordPress webpage!

Need help with installation? 🙌 Send a request, and we’ll set it up for you. If anything’s unclear or missing, share your feedback in our forum! Your input helps us improve.

Install 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!

Need help with installation? 🙌 Send a request, and we’ll set it up for you. If anything’s unclear or missing, share your feedback in our forum! Your input helps us improve.

Install on all pages

Depending on your WordPress theme, there may be different ways to add floating and popup widgets to all pages. In this section, we’ll show you three options for doing this.

  1. Install via Theme Editor
  2. Install via Widgets option
  3. Install via Customize option

Install 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!

Need help with installation? 🙌 Send a request, and we’ll set it up for you. If anything’s unclear or missing, share your feedback in our forum! Your input helps us improve.

Install 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!

Need help with installation? 🙌 Send a request, and we’ll set it up for you. If anything’s unclear or missing, share your feedback in our forum! Your input helps us improve.

Install 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!

Need help with installation? 🙌 Send a request, and we’ll set it up for you. If anything’s unclear or missing, share your feedback in our forum! Your input helps us improve.

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