Urgency Deal
Connect Urgency Deal with Webflow to encourage visitors to complete purchases before time runs out.
How to integrate Urgency Deal with Webflow
Countdown timers give visitors a clear deadline to act, helping reduce cart abandonment and encourage faster purchases. Urgency Deal adds these time-sensitive elements to your Webflow site.
There are two ways to integrate Urgency Deal with Webflow: use the Urgency Deal app from the Webflow Apps Marketplace for direct setup, or embed using custom code for more control over placement. Smartarget does not offer public APIs or developer documentation; all configuration is done through its dashboard.
Use the Urgency Deal app
The Urgency Deal app in Webflow's marketplace provides a straightforward way to add countdown widgets. After you install the app, configure your countdown timers, promotional messages, and display triggers through Smartarget's dashboard, then publish your Webflow site to see changes live.
The app supports the following features:
- Individual timers display personalized countdowns that start when each visitor arrives
- Global timers show the same deadline across all visitors for flash sales or event registrations
- Desktop and mobile support adjusts positioning automatically: corner notifications on desktop, top/bottom notifications for mobile
- Exit-intent triggers display offers when users attempt to leave your site
The app requires custom code to be added to your Webflow site. All widget customization (colors, text, countdown duration, and behavior) happens in the Smartarget dashboard rather than in Webflow. A paid Webflow plan is required to publish custom code.
Embed using custom code
Smartarget Urgency Deal widgets can be embedded into Webflow sites using custom code through three methods.
Method 1: Code Embed element (page-level placement)
The Code Embed element lets you add custom code directly into your page at a specific location.
- Open Webflow and navigate to the Add panel
- Locate the Embed element under Components
- Drag the element onto your canvas at the desired location
- Double-click to open the code editor
- Paste the Smartarget embed code into the editor
- Save and close
Keep these limitations in mind:
- Do not include
<html>, <head>, or<body>tags, as this causes layout issues - Maximum 50,000 characters per embed element
<link>and<style>tags preview on the canvas;<script>tags only render on your published site
This method works best for Smartarget widgets that need specific positioning within your page layout.
Method 2: Site-wide custom code
To add code that applies across your entire Webflow site, follow these steps:
- Navigate to Site settings → Custom Code
- Choose between the Head Code section (loads before page content) or the Footer Code section (loads before the closing
</body>tag) - Paste the Smartarget embed code
- Save changes and publish your site
Place scripts in the Footer Code section for better page load performance. This allows page content to load before the script runs.
Method 3: Page-specific custom code
For widgets that should only appear on specific pages, add custom code to individual pages by implementing these steps:
- Open Webflow and select the specific page
- Access Page Settings → Custom Code
- Choose Head or Footer section placement
- Paste the Smartarget embed code
- Save and publish
This approach lets you place different widgets or configurations on different pages, such as adding urgency countdowns only on landing pages or product pages.
The embed code
The standard embed code for Smartarget widgets is:
<script type="text/javascript" src="https://app.smartarget.online/integration.js" data-widget-id="YOUR_WIDGET_ID"></script>
Replace YOUR_WIDGET_ID with your unique widget ID from your Smartarget dashboard.
Implementation workflow
- Sign up for a Smartarget account at smartarget.online (no credit card required)
- Configure your widget using the Smartarget dashboard
- Copy the JavaScript embed code containing your unique widget ID
- Choose your embedding method: Code Embed, site-wide, or page-specific
- Paste the code into the appropriate Webflow section
- Publish your Webflow site to activate the widget
Keep these considerations in mind:
- Each embed element supports up to 50,000 characters; for larger scripts, host externally via CDN
- Exclude
<html>,<head>,and<body> - Webflow includes jQuery v3.5.1 by default; widgets that import different versions may cause conflicts
- Webflow support does not troubleshoot custom code; contact Smartarget directly for widget issues
What you can build
Integrating Urgency Deal with Webflow lets you add time-sensitive promotions that encourage faster purchase decisions.
- Flash sale landing pages: Add countdown timers to flash sale pages to push visitors toward checkout before the offer expires
- Event registration pages with tiered pricing: Display pricing countdowns on webinar and conference sign-up pages to encourage early registration at lower price tiers
- Product launch countdowns: Combine countdown timers with quantity restrictions on limited product drops to create urgency around availability
- Cart abandonment recovery: Show time-pressure messages to visitors with abandoned carts to increase purchase completion rates
Frequently asked questions
Yes. Publishing sites with custom code requires a paid Webflow plan. Free plans cannot publish custom code, which includes the JavaScript embed required for Urgency Deal widgets.
All visual customization happens through the Smartarget dashboard rather than in Webflow. Log into your Smartarget account to modify colors, text, countdown duration, and trigger behavior. After you make changes, regenerate your embed code if using the manual installation method, then republish your Webflow site.
Yes. Smartarget Urgency Deal supports three deployment methods for page-specific widget placement:
- Page-level custom code: Add Smartarget embed code to individual page settings (Page Settings → Custom Code → Head or Footer sections) to display widgets only on specific pages
- Code Embed elements: Place widgets at precise locations within your design. Each embed element supports up to 50,000 characters.
- Site-wide installation: Add code to Site Settings → Custom Code for the widget to appear across all pages
Description
Urgency Deal is a Smartarget widget that displays countdown timers and scarcity messages on websites. It supports individual visitor timers, global campaign timers, and exit-intent triggers to help reduce cart abandonment.
This integration page is provided for informational and convenience purposes only.
ManyChat
Connect ManyChat with Webflow to get programmatic access to Instagram DM, Facebook Messenger, WhatsApp, and SMS automation through embedded widgets or API connections.
Zendesk Chat (Zopim)
Zendesk Chat (formerly Zopim) brings real-time customer support directly to your Webflow site. Add live chat, automated ticket creation, and help center search to engage visitors instantly and resolve issues faster.
Zendesk
Connect Zendesk's powerful customer support platform with Webflow to create seamless support experiences. Automate ticket creation from forms, embed live chat widgets, sync customer data, and build integrated help centers that enhance customer satisfaction while reducing manual work.
Website Toolbox Forum
Connect your Webflow site with Website Toolbox Forum to add robust community features, customer support forums, and engaging discussion spaces without complex coding. This integration enables you to embed a fully-featured forum that matches your brand while maintaining complete control over user experience and moderation.
UserVoice
Connect UserVoice's powerful feedback management platform with Webflow to collect user insights, prioritize feature requests, and build customer-driven websites. Transform visitor feedback into actionable improvements with voting systems, roadmap transparency, and seamless design integration.
Trustpilot
Build trust and credibility by showcasing authentic customer reviews on your Webflow site. Connect Trustpilot's review platform to display ratings, collect feedback automatically, and boost conversions with social proof that updates in real-time.
Slack
Connect Slack's powerful team collaboration tools with Webflow to automate notifications, streamline project workflows, and enhance team productivity. Get real-time alerts for form submissions, design comments, and site updates while keeping your entire team synchronized.
POWr chat
Add a Webflow Chat Plugin to your website without coding or headaches.
Pensil
Embed Pensil community forums, live sessions, and discussion boards directly in your Webflow site.
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.
