Buttons and links

Social Links and Author Social Links

Social Links shows a link to each social account of your site, with the network's icon. Author Social Links does the same for one author: their website and their social accounts. Both blocks read the links from Ghost Admin, so a link you add or remove there shows up on your site without a new theme. Show your logo and social links says where each one is set in Ghost.

A Social Links block set to Filled under the heading Connect with us, with pills in each network's color for X, Facebook and Mastodon

Each block shows only the accounts that are set in Ghost. When none is set, the block takes no space on the page. The canvas fills them from your preview data: demo accounts with Demo data, your own with Connected site.

Block Reads Where it works
Social Links Your site's social accounts. Every page. Add it to a Section, a Post Content section or a Dialog section, or inside a Collection, a Group, a No Results block or a Paywall.
Author Social Links The author's website and social accounts, from their profile. The Author template, for the author the page is about, and inside a Collection of authors, for each author. The block picker offers it only there.

The networks are X, Facebook, LinkedIn, Bluesky, Threads, Mastodon, TikTok, YouTube and Instagram, plus Website for an author. Every link opens in a new tab.

Settings

Both blocks have the same settings, each with its own list of variants. Click it on the canvas to select it. Its settings open in the right sidebar, where "the + menu" in the tables below is the + beside the name of a group of settings, such as General.

Setting What it does
Variant The look of every link in the block. For Social Links: Plain (the default), Filled, Outline, Icons or Plain Icons. For Author Social Links: Labels (the default), Icons, Dark, Large, Plain or Large Plain.
Layout Under Layout. Row (the default) puts the links side by side and wraps them onto more lines when needed. Stack puts them one under another.
Justification Under Layout. Where the links sit: Left, Center or Right. Empty, they follow the alignment of the section or Group around them.
Gap Under Spacing. The space between the links, Tiny (8 px) by default.
Margin Under Spacing, from the + menu. Space outside the block.
Variant Look
Plain The network's icon in a circle of its brand color, and its name beside it. Author Social Links has a Plain too, which looks different, as the last rows say.
Filled A pill in the network's brand color, with the icon and the name inside.
Outline A pill with a border in the network's brand color.
Icons The icon in a circle of its brand color, without the name.
Plain Icons The icon alone in your primary color, without a circle or a name.
Labels (authors) A small icon in a grey circle, and the network's name.
Icons (authors) The icon alone in a pale circle.
Dark (authors) The icon alone in a dark circle, for links over a photo.
Large (authors) A larger icon in a pale circle.
Plain and Large Plain (authors) The icon alone without a circle, at the normal or the larger size.

Each link inside the blocks is a Social Link, or an Author Social Link. They show as one row under the block in the left sidebar. Select it, and the panel says it is edited on its own page, for every block that draws it. Click Edit block to open its entry in the Blocks panel, where you change what each variant looks like, such as the icon size or the padding of every Filled link. How block variants and formats work explains it.

Both blocks also have Width from Layout settings, and the Display settings and Advanced settings of every block. To link to an account Ghost has no field for, use an Icon Link. To let readers share a page, use Share Button and Share Link.

Was this article helpful?