Introducing Flatsome Site Builder. A new beginning for Flatsome. Read more

Join early access
Documentation

Add social follow and share links

Two blocks cover social media. Follow Icons links to your profiles and belongs in the header, footer, or a contact page. Share Icons lets visitors share the page they are on and belongs on posts and products.

Follow icons

  1. Add the Follow Icons block. It starts with Facebook and Instagram buttons.
  2. Select a button and paste the profile URL. Each button is fixed to one network, so add more Follow Button blocks for other networks and remove the ones you do not use. A button without a URL does not render.
  3. Under Buttons, choose a Style (Fill uses each network’s brand color), a Radius, and colors. The block’s font size sets the icon size.
Follow Button settings for Instagram with the URL field highlighted, next to the footer follow icons
Follow Icons settings with the Buttons Style dropdown highlighted and set to Outline

Supported networks: Facebook, Instagram, TikTok, Snapchat, X, Threads, Pinterest, LinkedIn, YouTube, Flickr, 500px, VKontakte, Telegram, Twitch, Discord, plus RSS, Email, and Phone. Email and Phone take an address or number and open the mail or dialer app. Snapchat takes a QR code image and shows it in a popover.

Share icons

  1. Add the Share Icons block where you want it, typically in the Single template below the post content or in the Single Product template near the add-to-cart area.
  2. Add or remove Share Button blocks. Available: Facebook, LinkedIn, X, Threads, Pinterest, VKontakte, Tumblr, Telegram, WhatsApp, and Email.
  3. Style them the same way as follow icons.
Single Posts template in the Flatsome Builder previewing a blog post, with the Share Icons block highlighted in the block tree and selected below the post content

Each button shares the current page’s address and title. Pinterest also sends the featured image. WhatsApp only shows on phones and tablets, where the app is available.

Sharing previews

The image and text a network shows when a page is shared come from the SEO module. See Set up SEO for social titles, descriptions, and a default social image.