Components

Overview

The Components tab lets you edit the content and settings for each component on your current page. This is where you customize text, images, videos, and other details to make your site unique - all live updates!

How It Works

• The left sidebar lists all component types on the page (e.g., Hero, Services, Contact).
• Click a component tab to switch to editing its content.
• Each component has its own form with fields for text, images, colors, icons, etc.
• Changes save instantly and appear on your site.

Editing Components

Text Fields

• Headlines and Descriptions: Write clear, benefit-focused copy. Avoid jargon.
• Buttons and Links: Add calls-to-action like "Contact Us" or "Sign Up".
• Tip: Keep text concise - scroll down or check mobile preview often.

Media Uploads

• Images: Upload photos (JPG/PNG) up to 5MB. Use high-quality (1000px+ wide) for best results.
• Videos: Upload MP4/WebM; they'll auto-play or embed as needed.
• We optimize everything for fast loading - no worries about file formats.

Advanced Options

• Colors: Pick accents for buttons, backgrounds, or text.
• Icons: Choose from library for arrows, checks, stars, etc.
• Links: Add external URLs or internal page links.

Component-Specific Tips

• Hero: Main headline, background image, CTA button - this is your first impression.
• Services/Features: List offerings with icons and short bullets.
• Testimonials/Gallery: Upload images/videos; add captions and links.
• Contact/Form: Add preset fields like name/email/phone; we handle form submissions.

Tips

• Work through components top to bottom for consistency.
• Use "Preview" to see changes on desktop/mobile.
• Business Plan: Get developer audits - email team@thundr.ca after publishing for feedback on content clarity/SEO.
• If adding new content, switch to Pages tab to add components.

This tab is the heart of customization. For visual styling, go to Style.