How to add Elfsight widget to Webflow website

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

Webflow Video Tutorials by widgets

Adding your widget to a specific page

1
Go to Webflow website editor
Log in to your Webflow account and choose the website where you'd like to add the widget.
2
Add code element to a page
Click on Plus icon, then drag and drop the Embed element from the left-hand menu to the place where you'd like the widget to be displayed.
3
Paste the installation code
Paste your installation code into HTML Embed Code Editor window that appears and click Save & Close. Adjust needed settings in the right-hand menu, then click Publish and press Publish to Selected Domains.

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

Adding your widget to all pages

1
Go to the settings of your Webflow website editor
Log in to your Webflow account and go to the settings of the needed website.
2
Paste the installation code
Click Custom Code, paste the widget's installation code to Head Code and click Save Changes. Click Publish and then press Publish to Selected Domains.

You have successfully added the widget to all pages of your Webflow 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