Saturday, October 31, 2026

Share This Page

Want your visitors to spread the word about your website? A share banner is a small row of clickable icons that lets a visitor post the page they are reading to their favorite site, such as X or Facebook, in one click. Try the icons below to share this page.

Share this page
FacebookXPinterestCopy link

Open the Share Banner Builder »

What is a share banner?

Most of our banners link out to a site, like your own social profile. A share banner works the other way. When a visitor clicks an icon, that site opens with the page they are on already filled in, including its title and link. They only have to press post. You choose the icons, the style, the size, and an optional title such as "Share this page."

How it works for your visitors

  • They click an icon. A small window opens at that site, such as x.com, with the page title and link ready to post.
  • They post it. If they are not logged in, the site asks them to log in first, then shows the post.
  • Their friends see a preview. The post shows your page's title and, on most sites, a picture, with a link back to your website.

How to add one to your website

  • Pick 1 to 6 icons in the builder and put them in the order you like.
  • Choose a title, size, and style. The small size fits a standard 180 pixel sidebar, and a vertical layout works well in narrow columns.
  • Press Copy Code. You can also download it as a small HTML file.
  • Paste it into your page. Use the HTML view of a blog post, a page, or a sidebar gadget. The banner works on every page where you place it and always shares the page the visitor is on.

Which sites can you share to?

  • Share to a post: Facebook, X, Pinterest, Reddit, Bluesky, Threads, Telegram, and WhatsApp each open with the page ready to post.
  • Email: opens the visitor's email program with the page title and link filled in.
  • Copy link: copies the page address, so a visitor can paste it anywhere, including sites that do not accept shared links.
  • More: on phones and tablets, opens the device's own share menu with the apps they already use.

Why isn't Instagram on the list?

Instagram, TikTok, Snapchat, and a few other sites do not offer a way for a website to send them a page to post. No banner can do it for them. Instead, the Copy link and More icons give those visitors an easy path: they copy the link and paste it into their own post.

Get a good preview picture

The preview that appears with a shared post comes from the page being shared, not from the banner. To make it look good:

  • Add a picture to the post or page. Blogger uses it for the social preview.
  • Write a short description in the page settings so there is something to show under the title.
  • Keep the title clear. The visitor's post starts with your page title.
  • Test it once. Share your own page and see what it looks like. Some sites remember an old preview for a while after you change a picture.

If something does not work

  • Nothing opens. Allow pop-up windows for your site in the browser, since the share window is a small pop-up.
  • The icons show but do nothing. Some website builders remove scripts from pasted code. Use their custom HTML block, or paste the code in the HTML view instead of the visual editor.
  • Pinterest asks for a picture or a login. Pinterest needs an image and a logged-in visitor. Make sure the page has a picture.
  • The preview shows the wrong picture or text. Check the page's picture and description, then try again after a little while.

Try it now

Build a share banner in a minute and add it to your site:

Go to the Share Banner Builder »

Brand names and logos belong to their owners and are used only to link to their official sites. Icons are loaded from free open-source icon libraries.

Social Media, AI or Build Your Own: Free Site Banners

Add a clean row of clickable icons to your blog or website in a minute. Pick a ready-made banner or build your own, copy the code, and paste it into your page. Each icon links to its own site, and no image files or special tools are needed. It is plain HTML that works almost anywhere.

1. Social Media Banners

FacebookXInstagramEmailYouTubeTikTokSnapchat

Six ready-to-use styles with Facebook, X, Instagram, email, YouTube, TikTok, and Snapchat. Choose colorful circles, soft dark circles, rounded squares, or simple black, gray, and white looks. Type in your own profile links and every banner updates.

Open the Social Media Banners »

2. AI Banners

ClaudeChatGPTGeminiGrokPerplexityDeepSeekCopilot

Six styles for sharing the AI tools you use or recommend: Claude, ChatGPT, Gemini, Grok, Perplexity, DeepSeek, and Copilot. A fresh look that few sites have yet.

Open the AI Banners »

3. Build Your Own Banner

ClaudeChatGPTFacebookX

Pick 1 to 6 sites from a list of 30 popular AI and social sites, put them in your own order, and mix them in any style. Choose a row or a vertical column, and a small size that fits a sidebar.

Open the Banner Builder »

How it works

  • Choose a style. Every page shows live previews of each design.
  • Add your links. Type your own profile or page addresses, or leave them blank to use each site's home page.
  • Copy the code. Press Copy Code, or download it as a small HTML file.
  • Paste it into your page. Use the HTML view of your blog post, page, or sidebar gadget. The banner appears right away.
  • Pick a size. The small size fits a standard blog sidebar, and larger sizes work well in headers and footers.

Brand names and logos belong to their owners and are used only to link to their official sites. Icons are loaded from free open-source icon libraries.

Share this page
FacebookXPinterestCopy linkMore...