How to add Elfsight widget to Drupal website

To add Elfsight widget to your Drupal 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. Specific page (home page, contact, etc.)
  2. All pages

Adding your widget to a specific page

1
Go to your Drupal website's backend   
Log in to your Drupal website's backend, click on  Manage, then select Content.

Select the page you'd like to add your widget to and click Edit:
2
Paste your installation code
  • Convert the page into the Full HTML format
  • Submit content in the initial HTML view by clicking on the Source button
  • Paste your installation code into the required page area
  • Save the changes

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

Adding your widget to all pages

1
Go to your Drupal website's backend
Log in to your Drupal website's backend, go to the Structure tab and then click Block layout:

2
Add custom block
Scroll down, choose any Footer section, for example,  Footer first and click Place block:
Then press Add custom block:
3
Paste your installation code 
  • Enter the name of the block
  • Convert the page into the Full HTML format
  • Submit content in the initial HTML view by clicking on the Source button
  • Paste your installation code into the required page area
  • Save the changes

4
Set up the block
Uncheck Display title and check all the pages of your website within the Content types section:
Select the needed Region by clicking on the "Select" dropdown and click Save to apply the changes:
5
Save all of your changes
Scroll down to the bottom of the page and click Save blocks:
You have successfully added the widget to all pages of your Drupal 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