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.
LiveChat
Use LiveChat to talk to your customers in real-time.
LiveChat
Connect LiveChat with Webflow to provide real-time customer support, engage visitors instantly, and manage conversations across multiple channels—all with a customizable chat widget that matches your brand.
Joonbot
Connect Joonbot with Webflow to capture leads through conversational chatbots and qualify visitors automatically.
Intercom Acquire
Connect your Webflow site with Intercom's live chat and customer engagement tools to capture leads, provide instant support, and convert more visitors into customers—all without leaving your Webflow dashboard.
Ideta
Integrate Ideta's AI-powered chatbots and automation tools with your Webflow site to automate customer support, capture leads, and schedule appointments without writing code.
Hyvor Talk
Add privacy-focused commenting, reactions, and community features to your Webflow site with Hyvor Talk's flexible integration options. Enable real-time discussions, membership systems, and moderated conversations without sacrificing user privacy or design consistency.
Drift
Connect Drift's conversational marketing platform with Webflow to capture leads, qualify visitors, and book meetings directly from your website. Add live chat, AI-powered bots, and intelligent routing without complex coding.
Disqus
Connect Disqus with Webflow to add robust commenting to your site, enabling threaded discussions, social logins, and streamlined moderation for active community engagement.
Crisp
Connect Crisp (AI-powered live chat and omnichannel messaging) with Webflow to enable real-time conversations, automate support with intelligent chatbots, and manage every customer interaction from a single, unified inbox
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.
