Click to Call
Add Smartarget Click to Call to your Webflow site to give visitors a floating phone button that connects them to your team from any page.
How to integrate Click to Call with Webflow
Click to Call integrates with Webflow through a JavaScript snippet that the Smartarget app injects automatically when you install it from the marketplace. You configure the widget in Smartarget's dashboard, and changes apply to your live site without republishing.
There are two ways to set up the integration. The simplest path is installing the Click to Call app from the Webflow Apps Marketplace, which handles script injection and works without writing any code. For more control over when and where the widget appears, you can extend behavior with the JavaScript API to show or hide the widget conditionally, route calls to different numbers by page, or trigger calls from custom Webflow buttons.
Smartarget does not provide public APIs or webhooks for server-side integration. Zapier, Make, n8n, IFTTT, and viaSocket do not currently support Click to Call.
Install the Click to Call app
Install Click to Call from the Webflow Apps Marketplace. The app injects the required scripts automatically, so you don't need to paste any code manually.
To set up the integration:
- Install Click to Call from the Webflow Apps Marketplace and authorize it for your site
- Open the Smartarget dashboard to configure your phone number, widget appearance, position, and call-to-action text
- Publish your Webflow site to see the widget live
The app requests read/write custom code and read site data permissions. Once installed, configuration changes you make in Smartarget's dashboard apply automatically without republishing your Webflow site.
Webflow supports custom code in preview mode, but third-party scripts that enforce domain validation may not load correctly on Webflow's preview domain. Publish your site to confirm the widget works as expected.
You can also control where the widget appears using these placement options:
- Site-wide installation is the default when using the app. The script loads on every page after you publish.
- Page-specific placement uses a Code Embed element dragged onto individual pages for targeted placement on pricing or contact pages.
- CMS template embedding adds a Code Embed element inside a collection template to place the widget on dynamic pages like service listings or product details.
When using Webflow's Code Embed element, paste only the <script> element from Smartarget. Do not include <html>, <body>, or <head> wrapper tags.
Extend behavior with the JavaScript API
Smartarget exposes a client-side JavaScript API through the window.hcWidget object. You can use it alongside Webflow's custom code in head and body tags to control widget visibility, reroute calls, or trigger calls from your own buttons. This approach requires writing custom JavaScript and is aimed at developers.
The documented methods include:
show()andhide()control when the call button appears. Use these to display the widget only during business hours by checkingDateagainst your schedule, hide it on checkout pages where the floating button may interfere, or restrict visibility to high-intent pages like pricing or service pages.setHref(href, openImmediately)points the call button to a different phone number based on which page a visitor is browsing. A service business with multiple departments can route visitors to the correct team without creating separate widget instances or changing dashboard settings.setHrefAndOpen(href)initiates a call from a custom Webflow button rather than the default floating widget. This lets you design a call-to-action button that matches your site's visual style and place it inline within your page layout.setCategory(categoryId)preloads a widget category.
If you need call interaction data in Webflow CMS or external systems, you would need to build custom JavaScript event handlers around the widget and route data through a server-side middleware layer to the Webflow API. Never expose Webflow API tokens in client-side code.
What you can build
Integrating Click to Call with Webflow adds a persistent call interface to your site without building a custom UI. The widget suits any business where a phone conversation shortens the path between browsing and buying.
Here are a few things you can build with this integration:
- Service business landing pages with instant booking: Add a floating call button site-wide so visitors on any service page can call to schedule an appointment. A plumbing or HVAC company removes the form-fill step entirely and connects with potential customers while they're actively comparing options.
- E-commerce product pages with pre-purchase support: Place the call widget inline on product detail pages using a Code Embed element, connecting shoppers to a sales specialist for questions about dimensions, materials, or delivery before they commit to a high-value order.
- Healthcare practice websites with urgent contact access: Give patients a visible call button to schedule appointments or ask about symptoms directly.
- Real estate listing pages with agent connections: Add a Code Embed element inside a collection template so each dynamic listing page gets its own call button. Interested buyers can call the listing agent directly while browsing property details without navigating away to a separate contact page.
Frequently asked questions
Yes. Click to Call requires custom code access, which is only available on paid Webflow site plans. Starter sites on free plans do not support custom code.
Yes. Instead of relying on the site-wide installation, add the Smartarget script through a Code Embed element on only the pages where you want the call button, such as pricing, contact, or service pages. For more granular control, use
window.hcWidget.show()andwindow.hcWidget.hide()in a custom script to toggle visibility based on URL path or other conditions.No. Smartarget Click to Call has no documented integrations on Zapier, Make, n8n, IFTTT, or viaSocket. The widget operates entirely through client-side JavaScript with no documented public API, webhooks, or server-side endpoints. If you need to connect call interactions to CRMs or marketing tools, you would need to build custom JavaScript to capture events and route them through a server-side middleware layer to external services.
It possibly can. Any third-party JavaScript widget adds network requests that may affect page load time. To reduce the impact, place the Smartarget snippet in the Footer Code section so it loads after main content, consider adding
asyncordeferattributes to the script tag, and limit installation to pages where the call button provides value. Test your site's Core Web Vitals before and after installation using PageSpeed Insights to measure the actual difference. Empirical testing is the best way to assess the impact on your specific site.
Description
Smartarget Click to Call is a widget that adds a floating phone button to your website. Visitors tap or click the button to call your business directly, without filling out a form. The widget works on both desktop and mobile, supports WhatsApp as an additional channel, and lets you customize the button's appearance, position, and call-to-action text from Smartarget's dashboard.
This integration page is provided for informational and convenience purposes only.
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.
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.
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.
