The Social media icons section shows links to your social profiles. It can sit inside the page or stay fixed on the side of the screen while shoppers scroll.
Add it
In the builder, open the Sections tab, click Add new section, and pick Social media icons in the Marketing group. One per page, on any page. The footer has a Social media icons block with the same accounts and icon settings, see How do I set up my store footer (about us, menu, social icons, payment icons, policy links, copyright)?.
Social accounts
Fill in only the platforms you use. Empty ones are not shown, and with no account filled in, the section does not show at all.
- For Facebook, Instagram, Threads, X, TikTok, Snapchat, YouTube, LinkedIn, Pinterest, Tumblr, and Telegram, type your username only, not the full link. For example
mystore. Some platforms, like Instagram, TikTok, and X, also accept@mystore. - For a LinkedIn company page, type
company/and then the page name, for examplecompany/mystore. - For WhatsApp, type your phone number in international format, digits only, for example
212600000000.
On the product and landing pages, the WhatsApp link opens a chat with a ready message that names the product, so you know what the shopper is asking about. This also works for the footer block.
Layout
- Mode: Inline shows the icons as a row in the page. Fixed sticks them in a column on the side of the screen.
- Position (Fixed only): the Left or Right edge.
- Inline on mobile (Fixed only): on small screens the icons go back into the page, so they do not cover your content.
- Section width and Alignment (Inline only): Page or Full width, and icons on the left, center, or right.
Appearance
- Look: Icons gives you all the style controls below. App shows each platform as a round button in its own brand color, like app icons. In App look the shape, style, palette, hover effect, and color scheme controls are hidden because they do not apply.
- Icon size: from 12 to 64 pixels.
- Shape: None (just the icon), Circle, Rounded, or Square. With a shape you also get Style (Flat filled, or Outline) and Shape size. The shape always stays at least as big as the icon.
- Color palette: Brand (each platform's own color), Mono (your scheme's text color), or Custom with a Custom color.
- Hover effect: None, Brand (turns to the brand color), Scale, Lift, or Opacity.
- Color scheme: the section background and the Mono color.
- Gap between icons, Padding, and the Custom CSS tab.
Recipes
- Icons that follow the shopper: set Mode to Fixed and Position to Right, and turn on Inline on mobile. The icons stay on the side of the screen while shoppers scroll on computers.
- Colorful app buttons: set Look to App. Each platform keeps its own brand color, whatever your store colors are.
- Quiet icons that match your store: Look Icons, Shape None, Color palette Mono, and Hover effect Brand, so the brand color only shows on hover.
Good to know
- A link opens the wrong page: check that you typed only the username. A full address or extra characters are not accepted.
- Fixed icons cover a button on phones: turn on Inline on mobile.