A step-by-step guide to adding the Overview block to your UniLink page so the first thing every visitor sees tells them exactly who you are, what you do, and what they should do next — in under ten seconds.
- The Overview block is a structured summary card with an icon, a title, and a description — designed to sit above the fold and answer "who is this person and why does it matter to me?" before a visitor scrolls an inch.
- Keep the description to two to four sentences; this block is a hook, not a bio — if you are writing a sixth sentence, you have moved from summarizing into explaining, and the block is not the right place for explanation.
- Add a CTA button when there is one clear next action you want every visitor to take — booking a call, joining a list, visiting a shop — and leave it off when your page itself is the destination and the action is to scroll down.
- Match your icon to your identity or subject matter, not to whatever looks cleanest in the color scheme — a mismatched icon makes the card feel generic rather than purposefully designed.
When someone lands on your UniLink page from a social bio, a QR code, or a shared link, they arrive with a simple question: "What is this and does it apply to me?" They do not start reading from the top of your link list or browsing your block layout. They look for a signal — a heading, an image, a sentence — that tells them whether to keep scrolling or hit the back button. The Overview block is the answer to that question. It puts a structured summary card at the top of your page: an icon that identifies the subject or person, a title that names who or what this page represents, and a short description that delivers the value proposition in two to four sentences. A fitness coach can write "I help busy parents lose 10kg in twelve weeks without eliminating the foods they love." A software creator can write "Tools for freelance developers — invoicing, contracts, and project tracking in one place." A musician can write "New album out now — three years in the making, ten tracks, zero filler." In each case, the visitor knows within seconds whether they belong on this page. That is what the Overview block does.
What the Overview block does
The Overview block renders a summary card containing three content elements: an icon, a title, and a description. The icon sits at the top of the card and is drawn from a built-in library of over two hundred icons, or replaced with a custom image you upload. The title is a short line of text — typically your name, your brand name, or a brief role description — that anchors the card. The description is a free-text field that accepts two to four sentences of prose, and it is the working heart of the block: this is where you say what you do, who you do it for, and why it matters, all in a single compact paragraph. The card also includes an optional CTA button that appears below the description — a labeled button that links to any URL or anchor on your page.
The block offers four background style options that control how the card looks against the rest of your page. Card style renders the block with a distinct elevated card container — a subtle shadow and background fill that makes it visually separate from whatever is below. Transparent style removes the card container entirely so the text and icon sit directly on the page background with no frame around them. Gradient style fills the card background with a gradient that you set using your brand colors, making the Overview block act as a visual anchor section at the top of the page. A fourth flat style gives you a solid color fill without the gradient variation. Icon size can be set to small, medium, or large depending on whether you want the icon to be a subtle marker or a prominent visual element. Text alignment (left or center) controls the layout of the icon, title, description, and button within the card.
What makes the Overview block distinct from a plain Text block is its structural intention. A Text block is a rich-text field for freeform content — you can write anything, in any length, with headings and lists and formatting. The Overview block is purpose-built for a specific content pattern: icon plus identity plus value proposition plus call to action. It is not more flexible than a Text block — it is less flexible, and deliberately so. That structural constraint is the feature, not a limitation. It forces the page builder to compress their identity and value proposition into a scannable card, which produces a better result than a freeform text field that invites over-writing.
Before you start
- Write your description before opening the editor: The most common reason people spend too long on the Overview block is that they try to write the description inside the editor while also making styling decisions. Write the description first, in a separate document, until it is exactly two to four sentences that answer: what do I do, who is it for, and what result or benefit does it produce? Then paste it into the block editor — do not compose it there.
- Decide whether you need a CTA button: Before adding the block, know whether you want a button. Ask yourself: is there one specific action that every visitor to this page should take? If yes — book a call, join a waitlist, visit the shop — add the button and set it to that action. If your page itself is the destination and the action is to scroll through your links and blocks, leave the button off. A button that links to a vague destination ("Learn more" linking to an anchor three blocks down) is worse than no button at all.
- Choose your icon in advance: Browse the icon library or identify a custom image you want to use. The icon should be semantically connected to your identity or subject — a dumbbell for a fitness coach, a camera for a photographer, a musical note for a musician, a chart for a financial advisor. If nothing in the library fits, use a custom upload (a headshot cropped to a square works well and is usually more distinctive than a generic library icon).
- Know your background style before you build: Look at your page's existing design — its background color, the visual weight of the blocks below the Overview position. If the page has a plain white or light background, a Card or Gradient style adds contrast and weight to the summary. If the page already has a rich background color or pattern, Transparent style lets the card text sit naturally without a competing container. Deciding this before opening the block editor prevents back-and-forth between styles.
How to add the Overview block to your page
- Open your page in the Dashboard: Log in to UniLink, go to My Pages, and click Edit on the page where you want the overview summary to appear.
- Add a new block: Click + Add Block. In the block picker, locate Overview — it is typically listed under Content or About — and select it. The block will be added at the bottom of your page; drag it to the top position directly below your page header or hero image.
- Select your icon: In the block settings panel, click the icon field. Browse or search the icon library and select the icon that best represents your identity or subject matter. To use a custom image instead, click Upload Custom and select your file — SVG or PNG at 2x display resolution are the best formats.
- Set icon size and color: Choose Small, Medium, or Large for icon size. Set the icon color — this should be your brand accent color or a color that coordinates with the rest of your page palette.
- Enter your title: In the title field, type your name, brand name, or a short role descriptor. This is the identifying label for the card — keep it to one line.
- Paste your description: Paste the two-to-four-sentence description you wrote before opening the editor. Read it once in the preview to confirm it reads naturally in the card format — sometimes text that reads well in isolation feels dense inside a card.
- Choose a background style: Select Card, Transparent, Gradient, or Flat. Check the live preview to see how it looks against your page background before committing.
- Set text alignment: Choose Left or Center. Center alignment is standard for overview cards where the content is short and the visual symmetry matters; Left alignment reads more naturally if your description runs to three or four sentences.
- Add a CTA button (optional): If you decided in your pre-work that a button is warranted, toggle it on. Enter a clear label ("Book a free call," "Shop now," "Join the list") and the destination URL or page anchor. If you are not adding a button, leave the toggle off.
- Save and publish: Click Save, then Publish Page. Check the live page to confirm the block appears correctly and that the CTA button (if added) navigates to the correct destination.
Key settings explained
| Setting | What it controls | Best practice |
|---|---|---|
| Icon source | The icon displayed at the top of the card — chosen from the built-in library (200+ icons) or uploaded as a custom file | Use the library when a standard icon genuinely matches your subject; use a custom upload (headshot, brand mark, or proprietary icon) when nothing in the library communicates your identity specifically enough — a real face is always more distinctive than a generic silhouette icon |
| Icon size | Small, Medium, or Large — controls how much vertical space the icon occupies at the top of the card | Large for pages where the icon is the primary visual identifier (a headshot replacing the standard profile image, a prominent brand mark); Small or Medium for pages where the icon is a supporting visual element and the title or description should dominate the card's visual hierarchy |
| Icon color | The color applied to the icon — only affects library icons; custom uploads render in their original colors | Match your brand accent color; the icon color should feel like part of the same palette as the rest of your page, not a separate design decision made in isolation |
| Background style | Card (elevated container with fill), Transparent (no container), Gradient (color gradient fill), Flat (solid color fill) | Card or Gradient for pages that need the Overview block to function as a visually distinct anchor section; Transparent for pages where the icon and text should integrate into the page background without a framing container competing with other visual elements |
| Text alignment | Left or Center alignment for all card content — icon, title, description, and CTA button | Center is the visual standard for summary cards with short descriptions; Left is more legible for descriptions approaching four sentences where multi-line text benefits from a natural reading axis |
| CTA button | An optional button below the description, linking to a URL or page anchor | Only add when there is one specific action every visitor should take — book, buy, subscribe, download; avoid vague labels like "Learn more" or "Click here" that give the visitor no information about what happens next; leave off entirely when your page is the destination and the action is to explore what is below |
How to write an Overview description that makes visitors stay
The Overview description is the single most high-value piece of writing on a UniLink page. It is the first paragraph-length content every visitor reads, it appears at the highest-attention point on the page, and it has to accomplish in two to four sentences what a full "About" page might spread across four paragraphs. The most reliable structure for a high-converting Overview description is: who you are or what the page is about (one sentence), what result or outcome you produce (one sentence), who it is specifically for (one sentence), and optionally what to do or expect next (one sentence). "I'm a business coach for first-time founders. I help early-stage startups move from idea to first ten customers in ninety days. My clients are non-technical founders who have a product but no sales system. Scroll down to see how to work with me." That is four sentences. Every visitor who fits the profile knows immediately they are in the right place.
The most common mistake is writing the Overview description as a credentials list: "I have ten years of experience in X, I am certified in Y, I have worked with Z Fortune 500 companies." Credentials tell the visitor about you — they do not tell the visitor what they get. Visitors are not evaluating whether you are impressive; they are evaluating whether you can solve their specific problem. Rewrite every credentials sentence as a benefit sentence. "Ten years of experience in digital marketing" becomes "I build ad strategies for brands that have tried everything and are still not seeing ROAS above 2x." The credentials are implicit in the specificity of the claim; the visitor gets the value signal without having to infer it.
Length discipline matters specifically because of where this block lives on the page. A block that sits above all your links, products, and other content has to earn a visitor's scroll. Two to four sentences of sharp, specific prose earns that scroll. Seven sentences of well-intentioned explanation does not — it reads as a wall and visitors skip to the links below it rather than reading the whole card. Write the description in full, read it, identify the one or two sentences that are doing the least work for a visitor who has never heard of you, and cut them. What remains is almost always stronger.
The CTA button label deserves the same precision as the description itself. A button labeled "Book a free strategy call" tells the visitor exactly what happens when they click: a booking page for a no-cost initial conversation. A button labeled "Get started" tells the visitor nothing — started with what, at what cost, after what happens? Specific labels perform better not because visitors are cautious but because specific labels communicate confidence. A creator who says exactly what they are offering with a single button label has thought about what they are offering. A creator who writes "Click here" has not.
Troubleshooting
| Problem | Likely cause | Fix |
|---|---|---|
| The Overview block is not appearing at the top of the published page | The block was added but not moved to the top position in the editor | Return to the Dashboard editor and drag the Overview block to the first position in the block list — above all links, images, and other content blocks; save and republish after reordering |
| Custom icon upload looks pixelated at large size | Image uploaded at too low a resolution for the selected icon size | Replace with a PNG at a minimum of 200×200 pixels for Medium size or 300×300 pixels for Large size; SVG files are the best format for custom icons because they scale without quality loss at any display size |
| CTA button navigates to the wrong page or throws a 404 | Button destination URL contains a typo or the target page has changed its URL | Open the block settings, click the button destination field, and verify the URL by copying it into a browser tab before saving; for internal page anchors, confirm the anchor ID on the target block has not changed since the button was set up |
| Gradient background style looks jarring against the rest of the page | Gradient colors were set independently of the page's overall palette | Edit the gradient start and end colors to use your page's primary and accent colors rather than the default gradient values — a gradient that uses your own brand colors integrates naturally; a gradient using out-of-palette colors creates a disconnected look |
| The description text is truncated on mobile | Description exceeds the block's mobile display limit, or the text container is overflowing at narrow widths | Open the mobile preview in the Dashboard editor and check whether all description text is visible; if sentences are cut off, shorten the description to three sentences maximum and republish — four full sentences can overflow on phones with narrow viewports |
| Block saved but published page still shows old content | Save was successful but the Publish step was skipped, or a CDN cache is serving the previous version | Return to the Dashboard, open the page editor, and click Publish Page; if the page still shows old content after publishing, open it in an incognito browser window to bypass local cache — Cloudflare's edge cache refreshes within five minutes of a new publish |
Best fit for
- Creators and professionals who need to communicate their identity and value proposition immediately — before a visitor makes the decision to scroll through the rest of the page
- Pages that serve cold traffic from social bios, QR codes, or ad campaigns where visitors arrive with no prior context about who the page belongs to or what it offers
- Businesses or personal brands with a single clear primary action — booking a call, joining a list, visiting a shop — where a CTA button in the Overview card directs every visitor toward that action before they get distracted by other blocks
- Pages being built for niche audiences where the description can be hyper-specific about who the page is for, creating an immediate "this is for me" signal for the right visitors and a clean exit for the wrong ones
Not the right tool if
- You need to communicate several distinct value propositions to different audience segments — the Overview block is built for a single tight message, not for a branching "choose your path" introduction
- Your introduction requires images beyond a single icon — a block with a hero banner, a team photo grid, or a product image gallery needs a different block type (Banner or Image block) for the visual component
- You want full rich-text formatting in your introduction — headings, bullet lists, bolded terms, embedded links — which requires a Text block rather than the Overview block's plain-prose description field
Frequently asked questions
Can I use a headshot photo as the icon instead of a library icon?
Yes. The custom upload option in the icon field accepts any image file — uploading a square-cropped headshot is one of the most effective ways to use the Overview block for a personal brand page. A real face creates immediate trust and recognition that no library icon can replicate. Upload your headshot at a minimum of 300×300 pixels and crop it to a square before uploading to ensure it displays cleanly in the circular or square icon frame.
Is the Overview block the same as the page header or profile section?
No. The page header (which shows your profile name, avatar, and bio) is a separate system-level element managed in your page settings, not in the block editor. The Overview block is a content block you add within your page's block list — it is fully independent of the header. Many pages use both: the header provides the basic profile identity at the top, and an Overview block a few positions below provides the more detailed value proposition and CTA. Others remove the header entirely and let the Overview block carry all identification duties.
What is the difference between the Overview block and the Text block?
The Overview block is structurally opinionated: it has specific fields for an icon, a title, a description, and an optional CTA button — and it renders those elements in a card layout. The Text block is a freeform rich-text field with no structural constraints. Use the Overview block when you want the structured card appearance with an icon and a clear visual hierarchy. Use the Text block when you need formatting control — headings, lists, bold text, inline links — or when the content does not fit the icon-plus-title-plus-description pattern.
Can I have more than one Overview block on a page?
Yes, technically. In practice, multiple Overview blocks rarely serve a page well because the block is designed to function as a singular above-the-fold summary. A second Overview block further down the page will compete visually with the first and confuse the hierarchy. If you need to introduce a different section — a second offering, a different audience segment, a new service — a Section Header block or a Text block with a heading is more appropriate than a second Overview card.
Should the CTA button in the Overview block go to an external URL or stay on the page?
Either works, but the decision should match the visitor's readiness stage. If your traffic is coming from people who already know you — a newsletter mention, a direct DM share — a button linking directly to your booking page or store is appropriate because those visitors arrived ready to act. If your traffic is cold — social bio clicks from strangers — a button that anchors down to a testimonials or services section on the same page warms visitors up before asking them to leave the page. Match the destination to how much context the arriving visitor already has.
- The Overview block is a structured summary card — icon, title, description, optional CTA button — designed to answer "who is this and why does it matter to me?" for every visitor in the first seconds of a page visit.
- Keep the description to two to four sentences focused on who you serve, what result you produce, and who it is specifically for — credentials and background information belong elsewhere on the page, not in the above-the-fold summary.
- Use the CTA button only when there is one clear action every visitor should take; a vague or optional button adds visual noise without directing behavior.
- Match the icon to your identity or subject matter specifically — a custom headshot upload is almost always more effective for personal brands than a generic library icon.
- Check the live page on mobile after publishing to confirm the entire block is visible above the fold — if the CTA button is pushed below the viewport by a long description, cut a sentence from the description rather than accepting a hidden call to action.
Ready to give every visitor an instant reason to stay? Create your free UniLink page and add an Overview block — a structured, icon-driven summary card that tells your story, states your value, and points visitors toward their next step, all before they scroll a single pixel.