How to Add Headers and Text to a Page

Adding text to your website is one of the most common tasks when building pages in DecoNetwork. While it’s easy to do, there are actually two different ways to add text – using the Text widget and the Heading widget. Understanding when and how to use each will help you create clearer, more professional, and SEO-friendly pages.

In This Article

• Prerequisites
• Why Use Text and Heading Widgets Correctly
• Add and Configure a Heading
• Add and Configure Text
• Key Differences Between Heading and Text Widgets
• Best Practice Tips
• Troubleshooting
• FAQs
• Additional Resources

Prerequisites

Why Use Text and Heading Widgets Correctly

Choosing the right type of text element improves both the design and performance of your website.

• Improve readability: Clear headings guide customers through your content
• Enhance SEO: Proper heading structure helps search engines understand your page
• Maintain consistency: Use style settings to keep branding uniform
• Increase flexibility: Text widgets allow richer formatting and linking

Step 1: Add and Configure a Heading

Use a heading when you want to display short, important text such as titles or section labels.

1. In the Website Editor, go to Widgets.
2. Drag and drop the Heading widget onto your page.
3. Enter your heading text.
4. Open the widget settings to configure:
   • Heading level (H1, H2, H3, etc.)
   • Font, size, and weight (boldness)
   • Color and spacing
   • Text transformation (uppercase, lowercase, capitalization)

Step 2: Add and Configure Text

Use the text widget for longer content, such as sentences, paragraphs, or descriptions.

1. Go to Widgets.
2. Drag and drop the Text widget onto your page.
3. Enter your content (e.g., paragraphs or descriptions).
4. Use the editor to customize:
   • Font, size, and color
   • Line height and spacing
   • Text alignment (left, center, right, justified)
   • Bold formatting
   • Inline links
   • Individual word styling (e.g., color highlights)

Key Differences Between Heading and Text Widgets

• Heading Widget:
  • Best for titles and short phrases
  • Supports structured heading levels (H1–H6)
  • Critical for SEO
  • Applies styling to the entire text block
• Text Widget:
  • Best for paragraphs and detailed content
  • Allows inline formatting (links, colors)
  • Supports text justification
  • More flexible for content editing

Best Practice Tips

• Use headings to structure your page logically
• Keep headings concise and meaningful
• Use text widgets for detailed explanations and descriptions
• Set global styles in the Style Editor before customizing individual widgets
• Avoid excessive manual overrides to maintain consistency

Troubleshooting

• Heading styles not updating?
  You may have overridden the styling within the widget. Reset or adjust it manually.
• Text formatting looks inconsistent?
  Check both the widget settings and the global Style Editor settings.
• SEO concerns with headings?
  Ensure only one H1 is used per page and follow a logical heading hierarchy.

FAQs

• Can I use a heading as a link?
  Yes, but the entire heading becomes the link. Use a text widget if you need partial linking.
• Can I style individual words in a heading?
  No. Headings apply styles to the entire text. Use a text widget for granular control.
• Which widget should I use most often?
  Use headings for structure and text widgets for content – they work best together.

Additional Resources

• Heading Widget
• Text Widget