The Profile & Links tab: your picture, your name and your social buttons

6 min read

The second tab is everything about who the card belongs to and where they can be found. It holds four panels: Profile, Save contact, Social links and Custom blocks. This page covers the first three; Custom blocks has a page of its own.

The Profile panel #

The four fields at the top of the card.

FieldWhat it does
Display nameThe name on the card, and the largest text on it.
Role or taglineA line under the name. Your job, or what you do.
BioA sentence or two under the tagline. The editor field is four rows tall, which is about the length that reads well on a card.
Profile imageA picture from your media library. Square works best.

If the profile image is empty, the card draws the initials of the display name in a coloured circle instead. That is not a fallback to apologise for — a lot of cards look better that way.

Profile image shape #

Three options, each with a live preview: Circle, Rounded and Square. Circle is the default and the most common.

Profile image size #

Smaller, Default or Bigger. This is the one setting worth being careful with: a big picture on a card with a lot of buttons pushes everything down, and on a phone the buttons can end up below the fold.

The Save contact panel #

This panel is PRO. In the free version the whole panel is dimmed and badged rather than hidden, so you can see it exists and what it would do.

Switch on Offer a contact card and a round button with a person icon appears in the top left corner of the card, drawn on the card’s own background so it stays readable over a cover photograph. Pressing it hands the visitor a contact file that their phone offers to save to their contacts — their address book, not a download.

The fields #

FieldFalls back toNotes
Button nameSave contactThe button shows no text. This is its tooltip and what a screen reader reads out, so make it describe the action.
Full namethe card’s Display name
Phone—Include the country code if you want it to work from abroad.
Email—
Organisation—The company or publication.
Job titlethe card’s Role or tagline
Website—Must start with http:// or https://, and is written into the file exactly as typed.
Address—One line. The contact file has separate fields for city and postcode, but splitting a typed address across them is more often wrong than right.
Notethe card’s BioA line of text saved with the contact.

Every field is optional and falls back as shown, so in the simplest case you fill in a phone number and nothing else. You do need at least a phone number or an email address — with neither there is nothing to save, and the panel says so and shows no button.

The panel carries this note, and it is worth reading before you promise anyone this works everywhere:

The contact file is built by this plugin and handed straight to the visitor’s device. Most phones will offer to add the contact; some, notably iOS, may open it as a text file instead. That is the device’s own behaviour and cannot be changed from here.

There is also a contact card block you can place anywhere on the card instead of the corner button. It takes its own copy of these fields, and anything you leave empty in the block falls back to this panel. See the contact card block.

The buttons for the networks you are on. This panel has a style section at the top and then the list of links.

Button style #

Three choices, and this is the single most effective thing you can change about a card’s appearance.

ChoiceWhat it sets for you
ButtonVertical layout, left aligned, icon and text, filled, theme colours, rounded. The safest choice and the default for a card with a name and a bio.
IconHorizontal layout, centred, icons only, simple, theme colours, rounded. Compact, and good when the card is mostly its own links.
Advanced PRONothing. You set each option yourself.

NoteChoosing Button or Icon re-applies the six settings in the table above every time you save. So if you pick Advanced, change something, then switch back to Button to compare, your changes to those six are overwritten. Take a note of anything you liked before switching.

Advanced PRO #

Choosing Advanced reveals six groups you can combine freely. They are a PRO feature; on the free version Advanced itself is still selectable — you can see the promise — but everything it reveals is greyed out.

GroupOptionsWhat it changes
Button layoutVertical, HorizontalWhether the buttons run down the card or across it.
Button alignmentLeft, Center, RightWhere the row sits.
Button contentIcon + text, Icon only, Text onlyWhat is inside each button.
Button designFilled, Outline, Simple, ModernFilled is a solid shape. Outline is a border and nothing behind. Simple is text and an icon with no shape at all. Modern is a filled shape with more rounding.
Button colorsTheme, CustomTheme uses the button background and text colours from the Style panel. Custom uses each button’s own Primary color and Secondary color.
Button shapeRounded, Circle, SquareThe corners.

Choosing Custom for colours is what makes the per-button colours appear below.

Icon size #

Default, Medium, Large or Extra large. It applies to the icon of every social link in the list, which is why it lives above the list rather than inside each row.

One row per link. Each row is collapsed to a single line showing a drag handle, its position number and the network’s name; click it to open.

FieldWhat it does
IconOpens the icon picker. The button’s brand colour is used unless you change it.
Primary colorThe button’s background. Left empty, it is the network’s own brand colour.
Secondary colorThe text and icon colour on top. Empty is worked out from the primary colour so it is always readable.
The two URL and text boxesThe address, and the words on the button. Empty text falls back to the network’s name.

The drag handle on the left reorders. Keyboard users can focus it and hold Alt with the arrow keys.

The Add social link button below the list adds another row at the end.

NoteThe free version keeps 3 links on a card. Adding a fourth on the free version shows a notice and the fourth is not kept. A card that already had more than three — because Pro was on at some point — keeps every one of them, so downgrading never takes anything away.

What are your feelings