Smartarget Contact Us

Webflow does not include a built-in multi-channel messaging widget. If you want visitors to reach you on WhatsApp, Telegram, Viber, or Line, you need to add separate links or buttons for each platform, which scatters contact options across the page and forces visitors to hunt for their preferred channel.

Smartarget Contact Us consolidates those channels into one floating button. Visitors click it, see a list of available platforms, and start a conversation on whichever app they already use. Channel selection, colors, button position, and agent profiles are all configured in the Smartarget dashboard and deployed to Webflow via the marketplace app or a single script tag.

This integration is most useful for freelancers, agencies, and small business owners who manage their own Webflow sites and want to reduce contact friction, particularly teams serving international audiences where regional platforms like WeChat, Line, or Viber are the default.

How to integrate Smartarget Contact Us with Webflow

What is Smartarget Contact Us? Smartarget Contact Us is a communication widget that aggregates multiple messaging channels into a single floating contact button on websites. It supports WhatsApp, Facebook Messenger, Telegram, Instagram, Viber, Line, WeChat, SMS, iMessage, Weibo, email, and phone calls. Channel selection, colors, agent profiles, and button position are configured in the Smartarget dashboard before deployment.

Freelancers, agencies, and service-based businesses use Smartarget Contact Us and Webflow together when they want a persistent, mobile-friendly contact point on their site without building custom components or managing separate embeds for each platform.

The Smartarget Contact Us–Webflow integration supports two approaches:

• The Smartarget Contact Us app installs from the Webflow Apps Marketplace and handles code injection automatically across your entire site without manual pasting.  
• Direct script embedding places the Smartarget JavaScript snippet into your site using custom code in head and body tags or a Code Embed element for page-level control.

Most implementations use one method based on whether you want a site-wide install or placement on specific pages.

Install the Smartarget Contact Us app

The Smartarget Contact Us app in the Webflow Apps Marketplace carries Webflow's "Approved by Webflow" badge and connects your Smartarget account to your site without working in custom code fields. It requests read/write access to custom code and site data, then handles script injection automatically. This is the recommended starting point for non-technical users.

To set up the integration:

1. Install the app from the Webflow Apps Marketplace and follow the on-screen authorization prompts  
2. Connect your Smartarget account when prompted  
3. Configure your widget — channels, colors, button position, and agent profiles — in the Smartarget dashboard  
4. Publish your site and verify the widget on the live URL

The widget does not appear in the Webflow canvas or preview mode. Publish first, then check the live URL on both desktop and mobile to confirm it loaded correctly.

Supported channels include WhatsApp, Telegram, Facebook Messenger, Viber, Line, WeChat, SMS, iMessage, Instagram, Weibo, email, and phone calls. After the first 14 days, the free Smartarget plan restricts the widget to your homepage and adds "Powered by Smartarget" branding. Sites that need the widget on additional pages require a Smartarget PRO plan.

Add Smartarget Contact Us with custom code or Code Embed elements

Direct script embedding gives you control over where the widget appears — site-wide or on specific pages — without using the marketplace app. You need a Smartarget account and a Webflow site on a paid plan, since custom code requires a Core, Growth, Agency, or Freelancer Workspace plan, or an active paid Site plan.

To get your script, sign up at smartarget.online, configure your widget in the dashboard, and copy the JavaScript snippet from the Integrations section. The snippet follows this pattern:

<script type="text/javascript" src="https://smartarget.online/loader.js?u=YOUR_USER_ID&source=webflow"></script>



Do not include <html>, <body>, or <head> tags — paste only the <script> tag itself.

Install site-wide via site settings

This method makes the widget appear on every page of your Webflow site.

1. In Webflow, go to Site Settings > Custom Code  
2. Scroll to the Footer code section  
3. Paste your Smartarget script and save  
4. Publish your site and verify on the live URL

Placing the script before </body> follows Webflow's recommendation for better page load performance. The widget loads after page content, so it will not block rendering.

Install on specific pages with a Code Embed element

Use this when the widget should appear only on certain pages, such as a contact page, pricing page, or product detail page.

1. Open your target page in Webflow  
2. Drag a Code Embed element onto the canvas from the Add panel  
3. Double-click the element to open the code editor, paste your Smartarget script, and click Save & Close  
4. Publish your site and verify on the live URL

Alternatively, open Page Settings > Custom Code > Before \ tag and paste your snippet there. This achieves page-level placement without placing a canvas element. Page-level custom code loads after site-wide custom code, so be aware of execution order if you run multiple third-party scripts.

What you can build with Smartarget Contact Us Webflow integration

Integrating Smartarget Contact Us with Webflow lets you add persistent multi-channel contact points to any page without building custom components or managing separate embed codes for each platform.

• Multi-channel contact hub: Add a floating widget to a services page with WhatsApp, Skype, and email enabled, so visitors pick their preferred channel — mobile users tap WhatsApp, desktop users start a call — without leaving the page.  
• Regional messaging for international audiences: Configure the widget with WeChat, Line, and Viber alongside Telegram and email to give each regional audience a familiar platform, rather than routing everyone through a single contact form.  
• Team-routed contact for agencies: Set up multiple agent profiles with names and photos so potential clients reaching out on Messenger or Telegram connect directly with the right department — sales, project management, or support — instead of a shared inbox.  
• Mobile-first lead capture on a portfolio site: Place the widget on portfolio and booking pages so visitors tap the floating button on their phone, pick iMessage or WhatsApp, and start a conversation without filling out a form or switching apps.

For sites that need structured data in a CMS or external tools, combine the Smartarget widget with Webflow's native forms and form submission webhooks. Smartarget Contact Us connects visitors to messaging apps. It does not expose structured submission data for automation.