Elfsight Webflow Plugins
Connect your Webflow site with over 100 customizable, no-code widgets from Elfsight to add social feeds, forms, reviews, chat, and more—without writing a single line of code.
How to integrate Elfsight with Webflow
Elfsight offers over 100 widgets that you can add to your Webflow site through simple embed codes. Elfsight widgets give you complete control over customization and placement while maintaining the no-code simplicity that makes them accessible to everyone.
Add Elfsight widgets to your Webflow site by embedding HTML/JavaScript code snippets. This method works for all 100+ Elfsight widgets and requires no technical knowledge.
Key capabilities:
- Add to specific pages using Webflow's Embed element
- Deploy site-wide through Webflow's Custom Code settings
- Embed in CMS templates to display widgets dynamically across collection items
- Preview before publishing to test appearance and functionality
Setup process:
- Choose and customize your widget in the Elfsight dashboard
- Copy the generated embed code
- Paste into Webflow using either method:
- For specific pages: Add an Embed element and paste the code
- For all pages: Go to Site Settings > Custom Code and paste in Head or Footer
All widgets are fully responsive and update automatically when you make changes in the Elfsight dashboard—no need to re-embed the code.
Some popular implementations include:
- Social media feeds: Display Instagram, Facebook, TikTok, or YouTube content that updates automatically. Configure display options like grid layouts, filtering, and popup galleries through the Elfsight editor.
- Reviews and testimonials: Aggregate reviews from Google, Facebook, Yelp, and other platforms. The All-in-One Reviews widget lets you filter, moderate, and display ratings to build trust.
- Contact and lead forms: Create multi-step forms, calculators, or surveys with conditional logic. Form submissions can be sent to your email or integrated with third-party services.
- Live chat and messaging: Add WhatsApp, Facebook Messenger, or Telegram chat buttons that float on your site. Configure greeting messages and availability hours in the widget settings.
What you can build
Integrating Elfsight with Webflow enables you to create feature-rich websites without custom development.
- Ecommerce stores with social proof: Build product pages featuring Instagram shopping feeds, customer review sections, countdown timers for sales, and popup notifications for recent purchases
- Professional service websites: Create sites for agencies or consultants with booking calendars synced to Google Calendar, client testimonial carousels, FAQ accordions, and WhatsApp chat for instant communication
- Content-rich portfolios: Design photographer or designer portfolios with responsive image galleries, Instagram feeds showing recent work, contact forms with file uploads, and client review widgets
- Event and community sites: Build event websites featuring countdown timers, RSVP forms, social media walls aggregating hashtag content, and interactive event calendars with registration options
Frequently asked questions
You can test Elfsight widgets in Webflow's preview mode on any plan, but publishing custom code to a live site requires a paid Webflow plan. Check Webflow's custom code documentation for details on plan requirements and how to add embed code to your site.
You can test Elfsight widgets in Webflow's preview mode on any plan, but publishing custom code to a live site requires a paid Webflow plan. Check Webflow's custom code documentation for details on plan requirements and how to add embed code to your site.
Yes, you can add as many widgets as your Elfsight plan allows across different pages or even on the same page. Each widget has its own embed code that you can place independently using Webflow's Embed elements or through site-wide custom code.
Yes, you can add as many widgets as your Elfsight plan allows across different pages or even on the same page. Each widget has its own embed code that you can place independently using Webflow's Embed elements or through site-wide custom code.
Elfsight widgets integrate seamlessly with Webflow CMS templates. Add the embed code to a CMS template page to automatically display the widget across all collection items. The integration guide provides specific instructions for CMS implementation.
Elfsight widgets integrate seamlessly with Webflow CMS templates. Add the embed code to a CMS template page to automatically display the widget across all collection items. The integration guide provides specific instructions for CMS implementation.
Description
Elfsight provides a comprehensive suite of no-code, embeddable widgets designed to enhance Webflow websites with interactive features like social media feeds, customer reviews, contact forms, live chat, and ecommerce tools—all customizable through a visual editor and installable via simple HTML embed codes.
This integration page is provided for informational and convenience purposes only.
CMS Library: Nest
Simulate multiple nested Collections on a single page, with Finsweet's CMS Library!
CMS Library: Slider
Create CMS slider with dynamic number of slides, with Finsweet's CMS Library!
CMS Library: Anchor
Create CMS anchor links and sections, with Finsweet's CMS Library!
CMS Library: Combine
Combine multiple CMS Dynamic Lists into one single Collection List, with Finsweet's CMS Library!
CMS Library: Add Classes
Give unique add-on classes to elements inside your Collection List, with Finsweet's CMS Library!
Class Adder for Webflow Interactions
Class Adder is a tool to add/remove a class from an element. You can trigger the add/remove on click, hover, scroll in/out of view, or page load. This is an add-on to Webflow Interactions.
Related integrations
Get started for free
Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.
Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.
