Smartarget Stories
Connect Smartarget Stories, a story-format content widget, with Webflow to display images and videos in a swipeable format for product announcements, promotions, and brand content.
How to integrate Smartarget Stories with Webflow
The easiest way to set up your Smartarget Stories Webflow integration is by installing the Smartarget Stories app from the Webflow Apps marketplace. You can also embed with custom code for more control over where stories appear on specific pages. Both methods use the same JavaScript snippet. The app simplifies installation, while custom code gives you precise placement options.
All story content — images, videos, scheduling, and appearance — is configured in the Smartarget dashboard. Changes made there reflect on your live site without needing to republish in Webflow.
Use the Smartarget Stories app
Install the Smartarget Stories app from the Webflow Apps marketplace. The app connects your Smartarget account and handles code injection for you.
Note: You need a paid Webflow site plan to publish with custom code.
Implementation steps:
- Install the Smartarget Stories app from the Webflow Apps marketplace
- Log in to connect your Smartarget account
- Configure your stories in the Smartarget dashboard with images, videos, titles, and scheduling options
- Copy the JavaScript integration code and paste it into Webflow's custom code section
- Publish your site to activate the widget
Smartarget Stories supports the following features:
- Story groups: Create multiple slides containing images or videos with optional background music
- Scheduling: Set start and end dates for time-sensitive campaigns
- Call-to-action buttons: Link to product pages, signup forms, or any URL
- Dashboard management: Update content through the Smartarget dashboard without republishing your Webflow site
Embed with custom code
For more control over widget placement, embed the Smartarget JavaScript snippet directly into Webflow's custom code areas. This method works well when you need stories on specific pages or in precise locations within your layout.
Site-wide implementation
- Create a free account at smartarget.online
- Configure your stories in the Smartarget dashboard
- Copy the JavaScript snippet from the Integrations section
- In Webflow, go to Site settings → Custom Code
- Paste the snippet in the Footer Code section
- Publish your site
Placing scripts in the footer improves page load performance by avoiding render-blocking during initial load.
Page-specific implementation
- Create a Smartarget account and configure your stories through the dashboard
- Copy your JavaScript snippet from the Integrations section
- Open your page in Webflow
- Drag a Code Embed element from the Add panel to your desired location
- Paste the Smartarget JavaScript snippet
- Publish your site
The Code Embed element has a 50,000-character limit per embed. Do not include <html>, <body>, or <head> tags within the element.
Page settings method
- Open Page Settings for your target page
- Add the Smartarget script in the Before </body> tag section
- Publish to activate stories on that page
What you can build
Integrating Smartarget Stories with Webflow lets you add story-format content widgets that display multimedia content in swipeable frames.
- Product launch showcases: Create story sequences that reveal new product features through scheduled image and video groups. Link call-to-action buttons to collection pages so visitors can browse directly from the story.
- Limited-time promotion campaigns: Display scheduled stories during specific sale periods. Use configurable start and end dates to automatically control when promotional content appears and disappears.
- Company and team content: Share company values and behind-the-scenes content through multimedia stories. Feature team introductions, project process videos, and client testimonials in story format.
- Event and webinar promotion: Promote upcoming events with speaker previews, agenda highlights, and registration CTAs. Group story collections by session type so visitors can explore previews before registering.
Frequently asked questions
Confirm your site is published — the widget only displays on the live site, not in the Webflow canvas. Clear your browser cache and test in incognito mode to rule out cached content. Check the browser developer console for JavaScript errors that might indicate script conflicts. Verify the snippet is correctly placed in your custom code section and matches the code in your Smartarget dashboard.
Yes. Use a Code Embed element to place the Smartarget JavaScript on individual pages for precise placement control. Alternatively, add the script through Page Settings → Custom Code → Before </body> tag to scope the widget to a single page. Some Smartarget apps also offer page-targeting rules in the dashboard. Check your Stories settings to see which options are available.
Third-party scripts add HTTP requests and JavaScript execution time. Place the Smartarget snippet in the footer to avoid blocking the initial page render. Story content size — particularly video files — affects loading time. Test your site using Google Lighthouse or WebPageTest before and after integration to measure impact, and limit active stories per page to maintain performance.
Yes. Custom code embedding — which is required for Smartarget Stories — is only available on paid Webflow site plans. The free plan does not support custom code injection through Code Embed elements or site settings.
Description
Smartarget Stories is a website widget that displays images and videos in a swipeable, story-style format. It supports story groups with multiple slides, scheduling through start and end dates, optional background music, and call-to-action buttons. All content is configured through the Smartarget dashboard.
This integration page is provided for informational and convenience purposes only.
Chatbot
Connect ChatBot with Webflow to add automated chat support, capture leads, and automate customer interactions.
HelpDesk
Connect HelpDesk with Webflow to automatically convert form submissions into support tickets and manage customer communications from a single system.
Gift Up
Connect Gift Up with Webflow to sell digital and physical gift cards through HTML embeds.
Google Reviews
Connect Google Reviews to Webflow using simple iframe embeds from Google Maps, third-party widgets like Elfsight, automation tools like Zapier, or direct API integration.
ClickFunnels
Connect ClickFunnels' sales funnel builder and email automation with Webflow's design capabilities through third-party automation platforms.
Pensil
Embed Pensil community forums, live sessions, and discussion boards directly in your Webflow site.
Twilio Segment
Integrate Segment with Webflow to track visitor behavior, collect customer data, and send analytics events to hundreds of marketing and analytics tools through a single implementation.
Webflow's static hosting architecture doesn't support server-side webhook processing or secure token storage that WhatsApp's real-time messaging requires. You'll need external infrastructure or services to bridge this gap.
FullContext
FullContext provides an embeddable JavaScript solution that handles conversational interfaces through a single code snippet, eliminating the need to build chat infrastructure or maintain form validation logic.
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.
