The wizard is the fastest way to get a finished card, and for most people it is the only part of this plugin they ever need. It asks five questions and builds the card for you. Nothing is saved until you press the last button, and everything it decides stays editable afterwards.
Starting the wizard #
Go to Profile Cards → All Cards and click Generate My Card. It is the button on the left of the two in the top right corner. A dialog opens over the card list.
The dialog has a progress bar along the top, the current step in the middle, and Back and Next along the bottom. You can also press Enter to move on, and Escape to close it.
NoteGoing backwards never loses what you typed. The wizard holds your answers as you go, so you can go back three steps, change the first answer, and come forward again without retyping anything.
Step 1 — What are you making? #
The wizard’s first question is the one that matters most, because it decides what the card is for and which options appear later.
| Option | What it means | You also get |
|---|---|---|
| A profile card | You place it yourself with a shortcode, in a post, a page, a widget or a footer. | A shortcode you can put anywhere. |
| A link in bio page | The card gets an address on your site and is shown on its own page, with nothing else on it. | A page address box, and on the last screen a share button. |
Everything else in the walk applies to both. If you are not sure, pick A profile card — you can change the display type later from the Display tab without rebuilding anything.
The page address box #
If you chose A link in bio page, a Page address box appears underneath. This is what comes after your site address in the browser.
- A single word, such as
jordan-reyes, gives youexample.com/jordan-reyes. - A slash makes a folder, so
bio/jordan-doelgivesexample.com/bio/john-doe. Up to four levels deep. - Leave it empty and the wizard uses the name from step 2 instead, tidied up into a slug.
The box shows a live preview of the address as you type, built from the name you are about to enter on the next step.
CarefulTwo cards cannot share an address. If you choose a slug another card is already using, the card editor will tell you so and ask for a different one. Pick something distinctive now and it will never come up.
Step 2 — Who is the card for? #
This step is the person the card belongs to. Only the name is required; everything else can be left empty and filled in later.
The fields #
| Field | What it does | Required |
|---|---|---|
| Name | The name on the card, and the card’s own title. Also the source of the address on step 1 if you left that empty, and the initials shown when there is no picture. | Yes |
| Role or tagline | A line under the name — your job, or what you do. | No |
| Bio | A sentence or two under the tagline. | No |
| Profile image | A picture from your media library. | No |
If you do not choose a picture, the card draws the initials of the name in a coloured circle instead, and the wizard says so: “No image chosen. The card will show the initials of the name instead.” That is a perfectly good result — it is what most cards look like until a picture is added.
TipSquare images work best. The card crops to a circle or a rounded square, so a portrait that is much taller than it is wide will lose its top and bottom. A 600 by 600 image is plenty — the card is never shown bigger than that on screen.
How the card’s name is worked out #
The card’s title in the admin list is built from what you type here: the name on its own, or the name and the tagline together, or the tagline on its own if there is no name. This is only the label you see in the admin — it is not published anywhere.
Step 3 — Add your social links #
The wizard offers eight networks. Fill in the ones you have and leave the rest alone.
How should they be shown? #
The first choice on this step sets the shape of the whole social area, and you can change it later:
- As buttons — a full-width button for each network, with the icon and the name on it. This is the default, and it reads best on a phone.
- As icons — just the icons, laid out in a row. More compact, and it suits a card that is mostly links of its own below.
The eight networks #
Each one is a row that opens itself the moment you start typing into it, so you can see at a glance which networks are on the card. The rows are:
| Network | Placeholder |
|---|---|
https://facebook.com/yourname | |
| X (Twitter) | https://x.com/yourname |
| YouTube | https://youtube.com/@yourname |
| TikTok | https://tiktok.com/@yourname |
https://instagram.com/yourname | |
| GitHub | https://github.com/yourname |
https://pinterest.com/yourname | |
https://linkedin.com/in/yourname |
Each row asks for two things: the link, and the Button text. Leave the button text empty and the network’s own name is used.
- A row with an empty link is not put on the card. A button that goes nowhere is not what was meant.
- The wizard puts the links in the order you filled them in, and you can reorder them afterwards by dragging.
NoteThese eight are a starting point, not a limit. About forty more networks are in the icon picker, plus around a hundred general-purpose icons, and you can upload your own SVG PRO. Open Social links to see what you can add in the editor afterwards.
Step 4 — Add some buttons #
Social links take you to other people’s pages. Buttons are for the things that are yours: your shop, your booking link, a video, an email address. They appear below the social links.
The wizard offers four kinds, and each one asks only for what it actually needs:
| Button | What it asks for | What it becomes |
|---|---|---|
| Add link button | Button text, and a link. | A button to anywhere. Defaults to My website. |
| Add YouTube button | Video title, the video address, and one switch: Show the player on the card. | The player embedded on the card, or a plain button that opens the video on YouTube. |
| Add email button | Button text, and an email address. | A button that opens the visitor’s email app with your address in it. Defaults to Email me. |
| Add divider | The text in the divider. | A heading with a line each side, for splitting a long card into sections. |
The empty state says it plainly: “No buttons yet. A card with only social links is a perfectly good card.” You are not expected to use this step at all.
TipSwitching between A profile card and A link in bio page on step 1 redraws that step so the address box is there or gone as needed. Anything you already typed on it is kept.
Step 5 — Create my style #
The last step is the style walk: the same five questions the Create my style button asks inside the editor. It decides the colours. The progress label reads Style while you are answering, and Your style once the palette exists.
Question 1 — What do you do? #
“This leans the colours towards your field.”
| Design | Development | Photography |
| Content & social | Coaching & consulting | Business & sales |
| Writing & publishing | Something else | |
This nudges the hue and the saturation of what comes next. It does not lock you in: change it and the palette is rebuilt.
Question 2 — What is the card for? #
“What it is for decides how much the buttons stand out.”
| Show my work | Be contacted | All my links in one place |
| Sell a service | An event | A community or group |
This is the answer that decides how loudly the buttons speak. Be contacted and Sell a service get the strongest contrast between the card and the buttons, because the button is the point. Show my work and An event are quieter, so the card does not shout over the thing it is advertising.
Question 3 — Which colours do you like? #
“This is the answer that decides most of it.” Every option carries a small colour orb showing what it means.
Fourteen to choose from: Dark, Light, Corporate, Feminine, Earthy, Bold and vivid, Minimal, Playful, Monochrome, Pastel, Neon, Warm, Navy, Forest.
Question 4 — Solid colour or gradient? #
“A gradient is painted on the card itself.”
- Solid — one flat colour behind the card.
- Soft gradient — a gentle blend between two colours. This is the default.
- Bold gradient — a much stronger blend, closer to two colours meeting.
Question 5 — Add a background image? #
- No image — the card keeps its colours. This is the default.
- Use an image — pick one from your media library and it sits behind the card.
A card background image is PRO. The question is asked either way, so you can see the choice exists, and choosing No image on the free version is completely normal.
The palette, and then the card #
Press See my card and the wizard builds your palette. You see it before the card exists.
What you are shown #
- Two overlapping circles — the card colour and the button colour, exactly as they will be painted.
- A row of swatches with names and hex values: Card, Buttons, Page around it, and Gradient end when the card has a gradient.
- Made from your answers: and the list of what you chose, so you can see what produced what.
- A Try another button. It keeps all five of your answers and rolls a different set — there are eight readings, and the eighth returns to the first so it cycles rather than runs out.
There is no Start over on this screen, and that is deliberate: four screens of somebody’s name, role and bio sit behind it, and wiping them to change a colour would be the wrong trade.
Pressing Create my card #
Only now is anything written. The wizard creates the card, saves it, and drops you into the editor with everything filled in. A green notice confirms it:
Your card is ready. Everything the wizard asked for is filled in below, and nothing is published until you save it.
From there you can change anything at all. Look round the three tabs, then press Save Profile Card.
TipThe wizard is not the only way to use it. The same five questions are in the editor under Customize → Presets → Create my style, so you can build a palette for a card you already have. That walk is explained in the Customize tab.