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.
Typed.js
Typed.js brings animated typing effects to your Webflow projects. Create engaging headlines that type, delete, and cycle through messages automatically — perfect for hero sections, testimonials, and dynamic call-to-actions that capture visitor attention without complex coding.
Typed.js
Enter in any text string, and watch it type at the speed you've set.
Sweet Text by Finsweet
Apply custom classes, styles, and Webflow Interactions to any text inside a Webflow Rich Text block. Works with static elements and CMS Rich Text fields. Do this from the Designer and the Editor. Sweet Text is a Finsweet add-on to Webflow's Rich Text.
Scrollbar Styler by Finsweet
Customize scrollbar width, color, border, radius and shadow, visually in a Webflow-like environment. Copy/paste the code in the project site settings to implement. Download the F'in sweet Google Chrome Extension!
React
Connect React (powerful component architecture) with Webflow to build dynamic, interactive web experiences with real-time data, complex state management, and reusable components—all while retaining full visual design control.
Fullpage.js
An easy to use, simple library to create fullscreen scrolling website.
F'in sweet Webflow Hacks
A custom code focused video series for Webflow websites. Learn how to use jQuery and javascript to extend the functionality of your Webflow project.
CMS Library: Load More
Load items from your Collection List on the same page, with Finsweet's CMS Library!
Common Ninja
Common Ninja brings over 100 customizable no-code widgets to Webflow, enabling businesses to add interactive elements like forms, reviews, countdown timers, and social proof without coding. This integration enhances user engagement, improves conversions, and extends Webflow's functionality through a simple embed process that keeps content automatically synchronized.
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.
