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.
How to integrate Common Ninja with Webflow
The easiest way to connect Common Ninja with Webflow is by installing the Common Ninja app to your Webflow site. You can also use Webflow's Code Embed element or build custom features using both platforms' APIs.
Each approach serves different needs — the marketplace app provides the quickest setup, embeds offer maximum flexibility, and the API enables advanced automation and data synchronization.
Use the Common Ninja App
The Common Ninja All-in-One Widget Suite provides instant access to over 100 widgets directly within Webflow's designer. Install the app to add countdown timers, review displays, pricing tables, and more through a visual interface — no coding required.
Key capabilities:
- Centralized widget management through a single dashboard
- Real-time updates that sync automatically to your live site
- Deep Webflow integration with access to CMS collections and eCommerce data
- Mobile-responsive widgets that adapt to all screen sizes
The app simplifies widget deployment by handling all technical aspects, letting you focus on design and content while Common Ninja manages the code and hosting.
Use Webflow's eustom Code Embed
Common Ninja widgets work through simple HTML or iframe embeds, making them accessible to users without coding experience. Create and customize your widget in the Common Ninja dashboard, copy the provided embed code, and paste it into Webflow's Embed element.
Popular embed widgets:
- Google Reviews widget for displaying verified customer feedback
- Countdown bars to create urgency for sales and events
- Skills lists for showcasing expertise and capabilities
- Product comparison tables with filtering and sorting features
Widgets update automatically when you make changes in Common Ninja's dashboard, eliminating the need to re-embed code after customization.
Build with Webflow and Common Ninja APIs
The API integration method provides programmatic control over widget creation, updates, and data synchronization. This approach suits developers building custom workflows, automating content updates, or creating multi-site management systems. Access the Common Ninja API documentation and Webflow's API reference to build advanced integrations.
Core API capabilities:
- Create and manage widgets with
POST /widgets - Retrieve embed codes via
GET /widgets/:id/embed-code - Update widget content using
PUT /widgets/:id - Organize with projects through
GET /projects
Accepting dynamic content from Webflow CMS
Connect Webflow CMS data to Common Ninja widgets for dynamic content display. Use Webflow's CMS API endpoints to fetch collection items, then pass this data to Common Ninja widgets configured to accept external data sources.
Implementation steps:
- Authenticate with both platforms using OAuth 2.0
- Fetch CMS data from Webflow collections
- Transform data to match Common Ninja widget schema
- Update widgets via
PUTrequests or configure data source URLs
Automating widget deployment across multiple sites
Build systems that deploy Common Ninja widgets to multiple Webflow sites automatically. Use the Webflow custom code endpoints to inject widget embed codes programmatically.
Key endpoints for automation:
- Register custom scripts with
POST /sites/{siteid}/registeredscripts/inline - Add site-wide widgets using
PUT /sites/{siteid}/customcode - Deploy page-specific widgets via
PUT /pages/{pageid}/customcode
This approach enables agencies to manage hundreds of client sites from a central system, updating widgets across all properties simultaneously.
What you can build
Integrating Common Ninja with Webflow enables you to create dynamic, conversion-optimized websites with advanced functionality. Here are proven implementations:
- E-commerce stores with social proof: Build product pages featuring live Google reviews, customer testimonials, and comparison tables that update automatically, like fashion retailers showing real-time customer feedback alongside product galleries
- Lead generation landing pages: Create high-converting pages with countdown timers for limited offers, interactive forms with conditional logic, and exit-intent popups that capture emails before visitors leave
- Service business websites: Design professional sites with booking calendars, FAQ accordions, skills showcases, and pricing tables that help consultants and agencies present their offerings clearly
- Event and community platforms: Develop sites with event calendars, registration forms, live social media feeds, and member directories that keep communities engaged and informed
Frequently asked questions
Adding Common Ninja widgets to Webflow involves copying embed code from your Common Ninja dashboard and pasting it into a Webflow Embed element. The Common Ninja platform documentation provides detailed setup instructions for each widget type. No coding knowledge is required — configure your widget visually in Common Ninja, copy the provided HTML or iframe code, then paste it into your Webflow page where you want the widget to appear.
Adding Common Ninja widgets to Webflow involves copying embed code from your Common Ninja dashboard and pasting it into a Webflow Embed element. The Common Ninja platform documentation provides detailed setup instructions for each widget type. No coding knowledge is required — configure your widget visually in Common Ninja, copy the provided HTML or iframe code, then paste it into your Webflow page where you want the widget to appear.
Yes, Common Ninja widgets offer extensive customization options through their visual editor. You can modify colors, fonts, spacing, animations, and layouts to match your brand. The widget customization guide shows how to adjust design parameters and even add custom CSS for advanced styling. All changes sync automatically to your Webflow site without re-embedding.
Yes, Common Ninja widgets offer extensive customization options through their visual editor. You can modify colors, fonts, spacing, animations, and layouts to match your brand. The widget customization guide shows how to adjust design parameters and even add custom CSS for advanced styling. All changes sync automatically to your Webflow site without re-embedding.
All Common Ninja widgets are built to be fully responsive and mobile-optimized by default. The Common Ninja platform page confirms that widgets automatically adapt to different screen sizes, ensuring consistent functionality across desktop, tablet, and mobile devices without additional configuration.
All Common Ninja widgets are built to be fully responsive and mobile-optimized by default. The Common Ninja platform page confirms that widgets automatically adapt to different screen sizes, ensuring consistent functionality across desktop, tablet, and mobile devices without additional configuration.
Common Ninja widgets are designed to be lightweight with minimal impact on page load times. The widgets use optimized scripts and lazy loading techniques to maintain performance. The integration guide recommends best practices like using asynchronous loading and placing non-critical widgets below the fold to optimize site speed.
Common Ninja widgets are designed to be lightweight with minimal impact on page load times. The widgets use optimized scripts and lazy loading techniques to maintain performance. The integration guide recommends best practices like using asynchronous loading and placing non-critical widgets below the fold to optimize site speed.
Content updates happen through the Common Ninja dashboard and reflect instantly on your Webflow site. According to the widget documentation, any changes you make to widget settings, content, or design automatically propagate through the embed code, eliminating the need to manually update code in Webflow.
Content updates happen through the Common Ninja dashboard and reflect instantly on your Webflow site. According to the widget documentation, any changes you make to widget settings, content, or design automatically propagate through the embed code, eliminating the need to manually update code in Webflow.
Description
Common Ninja is a no-code platform providing over 200 customizable website widgets including forms, sliders, popups, reviews, galleries, and comparison tables. The platform empowers creators, businesses, and agencies to enhance website functionality without coding, offering AI-powered customization, white-label solutions, and universal compatibility across major website builders.
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.
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.
CMS Library: Load More
Load items from your Collection List on the same page, with Finsweet's CMS Library!
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.
