How to Use the Text Block in UniLink (Add Rich Text and Content to Your Page)
How to Use the Text Block in UniLink (Add Rich Text and Content to Your Page)
A step-by-step guide to adding the Text block to your UniLink page so you can write bio copy, section introductions, product descriptions, announcements, and any other rich text content without touching code.
- The Text block is UniLink's rich text editor — it supports paragraphs, headings (H2–H4), bold, italic, bullet lists, numbered lists, blockquotes, inline code, horizontal rules, and hyperlinks, all styled with the font settings you choose.
- Keep paragraphs short on mobile — three to four lines maximum — so your copy stays scannable instead of becoming a wall of text that visitors scroll past without reading.
- Use font size, line height, and letter spacing together: a larger font needs more line height; tightly tracked letters need more line height; getting these three in sync determines whether your text looks polished or cheap.
- If you find yourself using a Text block to display a list of clickable links, stop — use the Links block instead, which is built for that purpose and handles active states, icons, and click tracking correctly.
Every UniLink page needs words somewhere. A bio that explains who you are and what you do. A headline above a product section. An introductory paragraph before a gallery. A disclaimer at the bottom. Legal copy. An announcement that changes weekly. None of these fit neatly into the purpose-built blocks — the Links block is for links, the Banner block is for visual hero sections, the Video block is for video. The Text block exists for everything that is fundamentally text: written content that communicates, explains, introduces, or contextualizes the other elements on your page. It is a full rich text editor in block form, and understanding its typography controls is the difference between copy that looks like it was typed into a form field and copy that looks like it was designed.
What the Text block does
The Text block gives you a rich text editor that supports the full range of standard content formatting: paragraph text, headings at three levels (H2, H3, H4), bold, italic, underline, strikethrough, bullet lists, numbered lists, blockquotes, inline code spans, horizontal rules, and hyperlinks with configurable anchor text and URLs. Everything is edited directly in the block — you type, select, and format in place, and the preview updates immediately. There is no separate "content" tab and "styling" tab — the editor and the output are the same view.
Typography settings are where the Text block earns its depth. Font family draws from a library of over fifty Google Fonts, giving you access to display typefaces, editorial serifs, technical monospaced faces, and general-purpose sans-serifs without any custom font upload. Font size is adjustable from 12px to 48px, which covers everything from fine-print legal copy to large section headings. Line height controls the vertical spacing between lines within a paragraph — the breathing room that makes dense copy readable. Letter spacing adjusts the horizontal space between characters. Text color and background color can both be set independently, so a text block can be a dark card on a light page or a light card on a dark page without requiring any wrapper block. Alignment covers left, center, right, and justify.
The horizontal rule element — the divider line that sits in the editor's toolbar — is worth specific mention because it is often overlooked. A horizontal rule inserted inside the Text block renders as a full-width line separator between paragraphs, which means you can create a visual break within a single text block without adding a separate Divider or Spacer block between two text blocks. This keeps the block stack cleaner when you need only a minor visual break between two sections of related copy rather than a full spatial gap between unrelated sections.
Before you start
- Write your copy outside the editor first: Typing directly into the Text block editor for longer copy — a multi-paragraph bio, a product description — leads to awkward mid-edit revisions and missed sentences. Write the full copy in a text document or notes app first, review it, cut it down, then paste it into the block editor. Pasting plain text into the editor is safe — the block will apply your chosen formatting on top rather than inheriting pasted formatting from another source.
- Decide on font before writing: Font choice affects how you perceive the writing quality as you work. Choose your font family and approximate font size before you write, not after — copy that reads well in a clean sans-serif may need to be rewritten slightly for a display serif, because the two feel different and the sentences that work in one do not always land the same way in the other.
- Know the hierarchy context: If you are using the Text block for an introduction above another block, the text is supporting content — keep it brief (one to three sentences) and do not use headings inside it. If the Text block is the primary content area — an "About Me" section or a long-form product description — headings (H2, H3) inside the block help visitors navigate it. Decide which case applies before you open the editor so you format accordingly from the start.
How to add the Text 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 to add text content.
- Add a new block: Click + Add Block. In the block picker, find Text — it is typically listed under Basic or Content — and select it.
- Choose your font family: In the block settings panel, open the font family selector and choose from the available Google Fonts. If you have an established brand typeface that is in the list, use it. If you do not have a strong preference, a neutral sans-serif (Inter, DM Sans, Outfit) is the safest default for body copy.
- Set font size and line height: Set font size to match the role of the text — 16–18px for body copy, 22–28px for introductory lead paragraphs, 12–14px for fine print. Then set line height to approximately 1.4–1.6 times the font size for optimal readability (i.e., a 16px font reads best with a line height of 24–26px).
- Set letter spacing: Leave letter spacing at 0 for most body copy. Add small positive values (0.01–0.03em) for uppercase text or tightly set display fonts where characters feel too close. Negative values can tighten up very large display text but are rarely needed for body copy.
- Set text color and alignment: Choose a text color that contrasts clearly with your page background. For alignment, use left for any copy longer than one sentence — left-aligned body text reads faster. Center alignment works for short labels, captions, or single-sentence intros.
- Write or paste your content: Click into the editor area and type or paste your content. Use the toolbar to apply headings, bold, bullets, links, and other formatting as needed.
- Preview on mobile: Use the Dashboard mobile preview to check that paragraph lengths feel appropriate on a narrow screen and that font size is comfortable — a size that looks right on desktop can feel too large or too small on a phone.
Key settings explained
| Setting | What it controls | Best practice |
|---|---|---|
| Font family | The typeface applied to all text in the block, chosen from 50+ Google Fonts | Use one consistent font family per page unless you are deliberately setting a heading typeface apart from body copy; mixing too many fonts across multiple Text blocks creates visual noise |
| Font size (12–48px) | The base size for paragraph text in the block | 16–18px for standard body copy; 20–24px for lead paragraphs or introductory text meant to be read before the rest of the page; 12–14px for legal text, captions, or disclaimers; avoid extremes on mobile |
| Line height | Vertical spacing between lines within a paragraph | Set to 1.4–1.6x the font size for comfortable reading; tighter line height (1.2) works only for large display text with short line lengths; too-tight line height on body copy causes readers to lose their place between lines |
| Letter spacing | Horizontal space between individual characters | Leave at 0 for most body copy; add 0.05–0.1em for uppercase labels or all-caps headings where tight tracking looks cramped; negative letter spacing on large display text can improve cohesion but use sparingly |
| Text color | The color applied to all text in the block | Maintain a minimum 4.5:1 contrast ratio against the background for accessibility; avoid pure black (#000000) on pure white — use a slightly softened dark tone (#1a1a1a or #222) for more comfortable reading |
| Background color | A fill color behind the text block's bounding box | Useful for creating a card-style callout or an announcement strip; leave transparent for body copy that sits on the page background; match block padding to background color — a background with too little padding makes text feel cramped inside the colored area |
| Text alignment | Left, center, right, or justify | Left is the best default for any paragraph text of more than two lines; center works for single-line labels, short taglines, or symmetrical bios under 30 words; avoid justify unless you are specifically going for a print-editorial look — justified text on variable widths creates uneven spacing |
How to write text that works on your UniLink page
The most common reason Text block copy underperforms is paragraph length. On desktop, a paragraph that runs eight to ten lines still gets read — there is screen space, the text feels embedded in the page, and the eye has room to track. On mobile, that same paragraph fills the entire viewport. Visitors see the top of the paragraph, realize the block of text is tall, and scroll past it rather than committing to read it. The fix is simple but requires discipline: keep paragraphs to three to four lines on mobile, which means roughly 40–60 words per paragraph. If you have more to say, break it into two paragraphs. A line break costs nothing and makes the copy significantly easier to read on a phone.
Headings within the Text block deserve strategic placement. Using H2 and H3 inside a long Text block is correct when the block contains multiple distinct topics — an "About Me" block that covers background, current work, and contact preferences, for example. But when a Text block is a supporting introduction above another block — a three-sentence intro above a product gallery — headings inside it create a false hierarchy that competes with the actual page-level heading structure. In those cases, bold text or a slightly larger font size on the opening sentence is the right visual signal, not a full heading element. Save heading elements for genuinely navigable sections within longer text.
Links inside Text blocks are the correct use of the hyperlink tool for contextual, inline links — "Learn more about how pricing works" linking to a pricing page, "Follow me on Instagram" linking to a profile. What they are not good for is building a navigation list. If you are writing "Link 1 — Link 2 — Link 3" inside a Text block and formatting each as a hyperlink, you should delete that content and use a Links block instead. The Links block handles hover states, active tracking, icon alignment, and button or list styling that a Text block's inline link formatting cannot match. The rule is: contextual links live in Text blocks; navigational or featured links live in Links blocks.
Troubleshooting
| Problem | Likely cause | Fix |
|---|---|---|
| Pasted text brought in wrong formatting from another source | Rich text was pasted with inherited fonts, sizes, or colors from another document or web page | Select all the pasted content in the editor and use the "clear formatting" toolbar button (or Ctrl+\) to strip all inherited formatting, then reapply your chosen font settings from the block's settings panel |
| Text looks fine on desktop but too large or too small on mobile | Font size was set for desktop readability without checking how it renders on a 390px-wide screen | Use the Dashboard mobile preview to check font size — a 24px paragraph that looks elegant on desktop can feel overwhelming on mobile; most body copy reads well at 16–17px on mobile; adjust in the settings panel and re-check both views |
| Long paragraphs feel unreadable on mobile even at the right font size | Paragraph length was written for desktop line lengths (60–80 characters per line) and does not work at mobile line lengths (35–45 characters per line) | Break long paragraphs into shorter ones — target three to four lines on mobile, which is roughly 40–60 words; each paragraph break resets the reader's position and reduces the visual weight of the copy |
| Hyperlink text is not showing in the expected color | The block's text color overrides default link styling, making linked text blend into paragraph text | Select the linked text in the editor and apply a distinct color from the text color picker — use your brand accent color or a standard blue that signals a link; do not rely on underline alone if the text color is the same as surrounding copy |
| Heading elements inside the Text block look too large or disruptive | Default heading sizes (H2, H3) are designed for page-level headings and may overwhelm the visual hierarchy when used inside a supporting text block | Use H3 or H4 instead of H2 for section labels inside a Text block — smaller heading levels draw less visual weight; alternatively, use bold paragraph text for sub-labels in a Text block that is meant to be supporting copy rather than primary page structure |
| Text block background color extends too close to the text edges | Block padding is set too low — the colored background fills right to the text without breathing room | Increase the block's padding setting in the settings panel — for a background color to look intentional rather than accidental, the text needs at least 12–16px of padding on all sides; less than that and the background looks like an alignment error |
Best fit for
- Bio and "About Me" content where you need multiple paragraphs, potentially with subheadings, that introduce who you are, what you do, and who you serve
- Section intro copy above a product block, gallery, or feature grid — a one to three sentence framing paragraph that gives context before the visual content
- Announcement text, event descriptions, or time-sensitive content that changes regularly and needs to be updated quickly without touching page structure
- Legal copy, disclaimers, and fine print where a small font size and precise formatting control are needed without a dedicated block type
Not the right tool if
- You are building a list of links — use the Links block, which handles hover states, icons, click tracking, and button or list styling that inline hyperlinks in a Text block cannot replicate
- You want a visual hero with an image background and overlaid text — use the Banner block, which is purpose-built for that layout
- You need a grid of icon-plus-headline feature cards — use the Features block, which creates the scannable card layout that paragraph text in a Text block cannot replicate efficiently
Frequently asked questions
Can I use multiple Text blocks on a single page?
Yes — there is no limit to the number of Text blocks on a page. Each block has its own independent typography settings (font, size, line height, color), so you can use a large-font introductory Text block at the top of the page and a small-font legal disclaimer Text block at the bottom without one affecting the other. That said, using too many separate Text blocks for a continuous body of text creates unnecessary complexity in your block stack. If two sections of text are related and will always be edited together, keep them in one block and use a heading or horizontal rule to separate them visually.
How do I add a clickable link inside paragraph text?
Select the anchor text — the word or phrase you want to be clickable — and click the link icon in the editor toolbar. A dialog appears where you enter the URL and optionally set whether the link opens in the same tab or a new tab. For external URLs (other websites, social profiles), set the link to open in a new tab so the visitor does not leave your UniLink page entirely. For internal navigation to an anchor or another section on your page, same-tab links work fine. After inserting, the linked text remains selected — click elsewhere in the editor to deselect and see the final result.
What is the difference between the Text block and the Banner block?
The Banner block is a visual hero element — it is designed to hold a background image or gradient, a large headline, a subtitle, and a call-to-action button, all in a specific layout designed for above-the-fold presentation. The Text block is pure text content: no image background, no built-in CTA button, no preset layout. Use the Banner block when you need a visually dominant opening section with an image. Use the Text block when you need a paragraph of written content, an introduction, or any copy that does not require a background image or pre-designed layout structure.
Can I use the Text block for an "About Me" section?
Yes, and it is the most common use case for a longer Text block. Write three to five paragraphs covering who you are, what you do, who you work with, and what makes your work distinctive. Use H2 or H3 headings inside the block if you are covering distinct subtopics — background, current focus, how to work with you — and want visitors to be able to scan and jump to the part that is most relevant to them. Keep each paragraph to three to four lines on mobile. If your "About Me" copy runs longer than 300 words, consider whether any sections should be moved to a separate Help or FAQ block rather than remaining as continuous prose.
Does the font I choose in the Text block affect other blocks on the page?
No — each Text block has its own independent font settings that apply only to the content within that block. If you want a consistent font across multiple Text blocks on the same page, you need to set the same font family in each block's settings individually. There is no page-level default typography setting that overrides per-block fonts, which gives you flexibility but also means inconsistency is easy to introduce accidentally. The standard practice for consistency is to decide on your typography before building and note the exact settings — font family, size, line height — so you can replicate them precisely in each Text block.
- The Text block is a full rich text editor supporting paragraphs, H2–H4 headings, bold, italic, lists, blockquotes, links, and horizontal rules — set font family, size, line height, letter spacing, and text and background colors per block.
- Keep paragraphs to three to four lines on mobile — long paragraphs on mobile phones read as a wall of text that visitors scroll past without reading; break copy aggressively and save the longer form for desktop.
- Use font size, line height, and letter spacing as a system: 16–18px body text reads best at a line height of 1.4–1.6x the font size; getting these three settings in sync is what separates polished copy from text that looks dropped in.
- Contextual inline links belong in the Text block; navigational or featured links belong in the Links block — never use a Text block to build a list of hyperlinks when the Links block handles that use case with better tracking, styling, and mobile behavior.
- The horizontal rule element inside the Text block is an underused tool for creating lightweight visual separators within a single block, keeping the block stack cleaner than adding a separate Divider block between related sections of copy.
Ready to add polished written content to your page? Create your free UniLink page and use the Text block to write a bio, introduction, or description that gives every visitor the context they need to take the next step.
Create Your Free Link-in-Bio Page
Join thousands of creators using UniLink. 40+ blocks, analytics, e-commerce, and AI tools — all free.
Get Started Free