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.
Poper
Connect Poper with Webflow to deploy AI-powered popups that capture leads, reduce cart abandonment, and increase conversions through behavioral targeting.
ChatSale
Connect ChatSale with Webflow to add ChatGPT-driven chatbots to a site for automated lead capture and qualification.
Salespeak
Connect Salespeak with Webflow to deploy chat widgets with AI-powered lead qualification that engage visitors and sync conversation data to CRM systems.
Smartarget Countdown Popup
Connect Smartarget Countdown Popup with Webflow to display time-limited offers and event deadlines through JavaScript embed codes.
Announcement Bar
Connect Announcement Bar by Smartarget with Webflow to display promotional notifications, shipping thresholds, and time-sensitive offers across your site through JavaScript embedding.
Massively AI
Connect Massively AI, an AI-powered chatbot platform, with Webflow to automate customer support and qualify leads through conversational marketing on your site.
Flowstar Spin Wheel Gamification
Connect Flowstar Spin Wheel’s gamification widget platform with Webflow to add interactive pop-ups that capture leads in exchange for discount codes and rewards.
Tidio
Connect Tidio with Webflow to add live chat and AI chatbot functionality on websites for customer engagement.
Twilio
Connect Twilio to Webflow forms and automate customer communications. Send SMS notifications, appointment reminders, and authentication codes via middleware.
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.
