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.
Corner Ribbon
Connect Corner Ribbon with Webflow to add customizable promotional ribbons that highlight sales, announcements, and offers on your site.
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.
Brandzway Reviews Photos and More
Connect Brandzway with Webflow to collect and display customer reviews with photo submissions on your e-commerce site.
Boosters
Connect Boosters with Webflow to add interactive features like GSAP animations, carousels, and improved forms without writing custom JavaScript.
Flowstar Sales Notification
Connect Flowstar Sales Notification with Webflow to display real-time purchase notifications on eCommerce sites.
Chat Everywhere
Connect Chat Everywhere to Webflow to help visitors connect to messaging platforms through a customizable floating button widget.
Chat Whisperer
Connect Chat Whisperer with Webflow to deploy automated chatbot responses using ChatGPT and Claude models.
Flowstar Click to Call
Connect Flowstar Click to Call with Webflow to add mobile-optimized phone buttons that convert visitors into callers with a single tap.
Social Intents
Connect Social Intents with Webflow to chat with website visitors directly from Microsoft Teams, Slack, or Google Chat without separate agent software.
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.
