Social Media Links Section
Customize and copy this social media links section for your website.
It lists your profiles as cards, with one link to each that opens in a new window.
Customize it to your liking, copy the instructions, and let your AI build it inside your project.
What it does
This social media links section helps visitors find you on every platform you use.
They can click on each link to find you on their favorite social media.
This way they can easily follow you on Instagram, subscribe on YouTube or join your Discord.
Works very well for creators, bands, podcasts and local shops.
Each row is one card and one link:
- the platform's icon and name
- your handle (your @name there)
- a second line that can list your follower count, what you post on that account, or both
- an arrow that slides on hover (mouse over the card)
Real follower counts work as social proof (proof that lots of people already follow you).
To add it to your website all you have to do is customize the options, then copy the prompt (your AI's instructions) with the button above and paste it in your AI (Claude, Copilot, Cursor, whatever you use). It builds the section in your site's colors and fonts with the customization options you selected here.
How it works
The visitor reaches your social section and sees one card per platform you use, so their favorite app jumps out.
The handle next to each platform name shows it's really you, not a fan page or a copy account.
They move the mouse over a card and the arrow slides right, a quick sign that the whole card is clickable.
One click opens your profile in a new tab, so your site stays open for when they come back.
On a phone, the cards stack in one column, each one big enough to tap with a thumb.
What you can customize
- Which platforms? Tick any of the 10 platforms. By default we tick Instagram, TikTok, YouTube, X and Facebook, and your AI only shows the ones where you have an account.
- Second line on each row: you can pick the follower count, what the account posts, both, or nothing. We show real follower counts by default, never made-up ones.
- Icon style: choose each platform's own color, one color from your site on every icon, or the official full-color logos. On this template we put the platform colors by default.
- Layout: you can have one column of cards, or two side by side. We set two by default, and on narrow phones the cards always stack in one column.
Once you ask your AI to build this section with our prompt, it will check your project for existing social media accounts, then ask you before adding more.
To catch visitors while they enjoy the page, pair it with a popup that asks visitors to follow you.
For small social icons at the bottom of every page, use the social row of our website footer design.
If you want readers to share a page rather than follow you, use our share buttons for your articles.
You'll also like
Cart Saver Popup
An exit-intent popup that reminds shoppers what is sitting in their cart before they leave. Optional code, zero fake urgency.
Testimonial Wall
A social proof section built from your real customer quotes. Grid, carousel, or one big spotlight.
Sticky Table of Contents
A table of contents that follows the reader and highlights the section they are in.