How to add Elfsight widget to Yola website
To add Elfsight widget to your Yola 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
Unfortunately, due to the peculiarities of the Yola platform, users with a free Yola plan are not allowed to add HTML codes to their websites. This being said, only Gold and Silver plan users will be able to add the Elfsight widget to the Yola website.
Adding your inline widget to a specific page
- 1
-
Open your website's visual editor
Log in to your Yola admin panel, choose the website you want to edit and click Edit This Site:
- 2
-
Choose the page
Open the Pages dropdown and choose the page where you want to install the widget:
- 3
-
Add HTML Block
Find the area where you want to show the widget, click on the Add Block button and select the Html embed option in the Blocks Library sidebar:
After this, a new block will appear. Scroll down to
html-embed and click on it:
- 4
-
Paste the installation code
Click the </> icon:
Add the installation code to the Custom HTML field and click Submit:
- 5
-
Save changes
Once you add the code, find the Save icon and click it:
After this, a new block will appear. Scroll down to
html-embed and click on it:
Please note that the widget won't be displayed in editor mode. However, the widget will appear in the preview and on the live site.
Well done! You have successfully installed your inline widget to a specific page of your Yola website!
Adding your floating widget to a specific page
- 1
-
Open your website's visual editor
Log in to your Yola admin panel, choose the website you want to edit and click Edit This Site:
- 2
-
Choose the page
Open the Pages dropdown, choose the page where you want to install the widget and click the Gear icon:
- 3
-
Paste the installation code
Find Custom Code in the General tab, add your installation code to the Inside <head> tag field and click Submit:
- 4
-
Save changes
Once you add the code, find the Save icon and click it:
Voila! You have successfully added your floating widget to a specific page of your Yola website!
Adding your floating widget to all pages
- 1
-
Open your website's visual editor.
Log in to your Yola admin panel, choose the website you want to edit and click Edit This Site:
- 2
-
Go to website settings
Open the menu on the right and find Settings:
- 3
-
Paste the installation code
Find Custom Code in the General tab, add your installation code to the Inside <head> tag field and click Submit:
- 5
-
Save changes
Once you add the code, find the Save icon and click it:
Nice! You have successfully added your floating widget to all pages of your Yola website.