Social Icons - Follow Us

How to integrate Social Icons - Follow Us with Webflow

The easiest way to set up Social Icons - Follow Us is by configuring the widget in the Smartarget dashboard, then embedding the generated JavaScript code in Webflow. You can add the code site-wide through custom code settings, use the Scripts tool, or add a Code Embed** element** for page-specific placement.

Use the Social Icons - Follow Us app

Create a free Smartarget account (no credit card required), configure your widget settings (social profiles, styling, positioning for desktop and mobile), and generate the embed code. Then implement the code in Webflow using one of the methods below.

The app supports Facebook, Instagram, Twitter, LinkedIn, Pinterest, YouTube, TikTok, WeChat, Weibo, and Snapchat with visual styling controls for icon appearance, colors, hover animations, and positioning.

Important: All customization happens in the Smartarget dashboard before code generation. You cannot modify the widget after embedding. To make changes, update settings in the dashboard and replace the embed code.

Embed JavaScript code in Webflow

Site-wide custom code

Open your Webflow project settings, navigate to Custom Code, and paste the Smartarget JavaScript in the Footer Code section. The widget appears on every page after publishing.

Scripts tool

Access Site Settings → Scripts tool, add a new inline script with footer placement, and paste your code. The Scripts tool has a 2,000-character limit per inline script — most social widget codes fit within this limit. If your code exceeds 2,000 characters, host the script externally (on a CDN like jsDelivr) and reference it using <script src="url"></script> instead.

Code Embed element for page-specific placement

In the Webflow Designer, drag a Code Embed element to your desired location on specific pages and paste the JavaScript code. This gives precise control over widget placement on individual pages.

What you can build

Integrate Social Icons - Follow Us with Webflow to add follow buttons that link to your social profiles.

• Global social follow bar: Add a persistent follow widget across all site pages using site-wide custom code. Configure positioning for desktop and mobile views with styling that matches your brand colors.
• Landing page social connections: Embed social follow buttons on specific campaign pages using Code Embed elements. Place the widget strategically in headers, footers, or sidebars without affecting other pages.
• Blog engagement widget: Add social follow buttons to blog post templates where readers are most engaged. Position at the end of articles to convert readers into social followers.
• Multi-platform footer widget: Create a comprehensive footer displaying up to 10 social platform links with customizable icon styling and hover animations.