What formatting options are available in the Text Area block?
What formatting options are available in the Text Area block?
A: The Text Area block uses a WYSIWYG editor- which stands for What You See Is What You Get. It works in a similar way to writing in Word or Google Docs: you type and format your content directly, and what you see in the editor is how it will appear on your website. There's no need to write any code.
What formatting options are available?
The WYSIWYG editor gives you a toolbar of formatting options. These typically include:
Bold and italic- for emphasis. Use bold for genuinely important information; use italics sparingly, for example for titles or subtle emphasis
Bullet points and numbered lists- for breaking information into scannable, easy-to-read chunks
Headings- the editor typically offers Heading 1, Heading 2, Heading 3, and Heading 4, along with standard paragraph text. The exact heading options available may vary depending on your site's design. Use headings to introduce sections within a block of content and help readers navigate longer pieces
Text alignment- left, centre, or right alignment depending on the layout you need
Hyperlinks- highlight any word or phrase and add a link to an internal page or external URL
CTA buttons- you can style any hyperlink as a button directly within the Text Area. Here's how:
How to create a CTA button
First, create a hyperlink in the usual way- highlight your text and add the URL
Once the hyperlink is created, you'll see three icons appear next to it: a pencil icon to edit the link, a filter icon, and a third icon to remove the link entirely
Click the filter icon- this gives you two options: leave the link as a plain text hyperlink, or style it as a button
Select style as a button and it will immediately apply your site's button style to that link
If you change your mind, click the filter icon again and toggle back to a plain hyperlink
A few formatting tips for destination marketers
Keep it scannable. Visitors to destination websites are often browsing rather than reading in depth. Break content into shorter paragraphs, use bullet points where it makes sense, and use headings to signpost different sections.
Don't over-format. Bold text loses its impact if everything is bold. Use formatting purposefully- to guide the reader's eye to what matters most.
Links should be descriptive. Avoid "click here" as link text. Instead, link on the relevant words- for example, "find out more about staying in the Peak District" is far more useful for both visitors and search engines than "click here for more information."
Use CTA buttons for your most important actions. If there's one thing you want a visitor to do from a page- book a ticket, explore a trail, contact a business- a CTA button makes that action stand out clearly.
💡 Top tip: Before publishing, always preview your page on mobile as well as desktop. Formatting that looks clean on a large screen can sometimes feel cramped or cluttered on a smaller device- the preview panel lets you check both before anything goes live.
A: The Text Area block uses a WYSIWYG editor- which stands for What You See Is What You Get. It works in a similar way to writing in Word or Google Docs: you type and format your content directly, and what you see in the editor is how it will appear on your website. There's no need to write any code.
What formatting options are available?
The WYSIWYG editor gives you a toolbar of formatting options. These typically include:
Bold and italic- for emphasis. Use bold for genuinely important information; use italics sparingly, for example for titles or subtle emphasis
Bullet points and numbered lists- for breaking information into scannable, easy-to-read chunks
Headings- the editor typically offers Heading 1, Heading 2, Heading 3, and Heading 4, along with standard paragraph text. The exact heading options available may vary depending on your site's design. Use headings to introduce sections within a block of content and help readers navigate longer pieces
Text alignment- left, centre, or right alignment depending on the layout you need
Hyperlinks- highlight any word or phrase and add a link to an internal page or external URL
CTA buttons- you can style any hyperlink as a button directly within the Text Area. Here's how:
How to create a CTA button
First, create a hyperlink in the usual way- highlight your text and add the URL
Once the hyperlink is created, you'll see three icons appear next to it: a pencil icon to edit the link, a filter icon, and a third icon to remove the link entirely
Click the filter icon- this gives you two options: leave the link as a plain text hyperlink, or style it as a button
Select style as a button and it will immediately apply your site's button style to that link
If you change your mind, click the filter icon again and toggle back to a plain hyperlink
A few formatting tips for destination marketers
Keep it scannable. Visitors to destination websites are often browsing rather than reading in depth. Break content into shorter paragraphs, use bullet points where it makes sense, and use headings to signpost different sections.
Don't over-format. Bold text loses its impact if everything is bold. Use formatting purposefully- to guide the reader's eye to what matters most.
Links should be descriptive. Avoid "click here" as link text. Instead, link on the relevant words- for example, "find out more about staying in the Peak District" is far more useful for both visitors and search engines than "click here for more information."
Use CTA buttons for your most important actions. If there's one thing you want a visitor to do from a page- book a ticket, explore a trail, contact a business- a CTA button makes that action stand out clearly.
💡 Top tip: Before publishing, always preview your page on mobile as well as desktop. Formatting that looks clean on a large screen can sometimes feel cramped or cluttered on a smaller device- the preview panel lets you check both before anything goes live.