Coachful
CoachfulHelp

Editing your hero, about, services, and contact sections

By Coachful12 min readUpdated Apr 20, 2026

Learn how to edit your hero, about, services, and contact sections in Coachful's website builder to create a coaching site that attracts and converts clients.

What's covered
  • TL;DR — Quick Answer
  • Opening the Coachful Website Builder
  • Editing the Hero Section
  • Editing the About Section
  • Editing the Services Section
  • Editing the Contact Section

Your coaching website is often the first thing a potential client sees — and first impressions stick. If your hero headline is vague, your about section sounds generic, or your services aren't clearly priced, you're leaving sign-ups on the table. Editing your hero, about, services, and contact sections in Coachful takes minutes, and the result is a polished, conversion-ready site that works for you around the clock.

This guide walks through every section of your Coachful website builder — what each section does, how to edit it, and the small tweaks that make the biggest difference for coaches who want to attract and convert clients online.

TL;DR — Quick Answer

  • Go to Dashboard → Website → Edit Site to open the drag-and-drop builder.
  • Click any section (Hero, About, Services, Contact) to open its settings panel on the right.
  • Edit text, images, buttons, and links inline, then hit Save & Publish.
  • Changes go live on your subdomain (yourname.coachful.co) or custom domain instantly after publishing.

Opening the Coachful Website Builder

Before you touch any section, make sure you know how to get into the editor. From your coach dashboard, navigate to Website in the left sidebar, then click Edit Site. This opens the full-screen drag-and-drop builder where every section of your page is visible as a live preview.

Along the left panel you'll see a list of all sections currently on your page. You can reorder them by dragging, toggle their visibility with the eye icon, or click the + button to add a new section. On the right side, a settings panel appears whenever you select a specific section or element. This is where most of your editing happens.

If you haven't built a site yet, Coachful gives you a starter template with the four core sections — Hero, About, Services, and Contact — already in place. You're not starting from scratch; you're just making it yours.

Pro tip: Use the Preview button (top right of the builder) to see exactly how your page renders on mobile before publishing. Over 60% of coaching website traffic comes from smartphones, so the mobile view matters as much as desktop.

Editing the Hero Section

The hero section is the full-width banner at the very top of your page — the first thing visitors see before they scroll. It typically contains a headline, a supporting subheadline, a call-to-action button, and a background image or color. Every word here carries weight.

How to Edit Your Hero

  1. In the builder, click anywhere on the hero section. The right panel will show Hero Settings.
  2. Update the Headline field. Keep it to 8–12 words that speak directly to your ideal client's desired outcome (e.g., "Lose 20 lbs in 12 Weeks Without Giving Up the Foods You Love").
  3. Update the Subheadline. This is 1–2 sentences that explain who you help and how. Be specific.
  4. Edit the CTA button label and set the button link — this can point to your booking page, a lead magnet, or your services section anchor.
  5. Upload a background image by clicking the image thumbnail. Use a high-quality photo (at least 1440 × 800px) of you working with a client, or a clean lifestyle image that matches your brand.
  6. Adjust the overlay opacity slider if text contrast is hard to read over your image.
  7. Click Save in the panel, then Publish at the top of the builder.

Hero Copywriting Best Practices

The most effective hero headlines are outcome-first and specific. Avoid vague phrases like "Unlock Your Potential" or "Live Your Best Life." Instead, name the transformation, the timeline, or the niche. Coaches on Coachful who use outcome-specific headlines consistently see higher click-through rates on their CTA buttons.

Your CTA button label matters too. "Book a Free Call" outperforms "Learn More" by a wide margin because it tells the visitor exactly what happens next. If you have a lead magnet — a free guide, a quiz, a webinar — consider sending the hero CTA there instead to capture emails before asking for a booking commitment.

Editing the About Section

The about section is where skepticism turns into trust. Visitors have seen your headline and they're intrigued — now they want to know if you're credible, relatable, and the right fit. This section is not your biography; it's your case for why you are the coach they've been looking for.

How to Edit Your About Section

  1. Click the About section in the builder canvas or select it from the left panel list.
  2. In the right panel, update the Heading (e.g., "Hey, I'm Sarah — and I've been where you are.").
  3. Write your body copy in the Body Text editor. Use 3–5 short paragraphs: your origin story, your credentials, your coaching philosophy, and a brief result you've helped clients achieve.
  4. Upload your profile photo. A warm, natural photo of your face builds more trust than a logo or stock image.
  5. Optionally add a secondary CTA button — "Work with Me" or "See My Programs" — that scrolls or links to your services section.
  6. Save and preview.

What to Say in Your About Section

Lead with empathy: acknowledge the problem your clients face. Then pivot to your own story if relevant — how you went through a similar struggle or how you discovered your coaching niche. Follow with your credentials (certifications, years of experience, notable results) but don't lead with credentials; lead with connection.

End the about section with a bridge sentence that moves the reader forward: "I've helped 200+ clients do exactly this — and I'd love to help you too." This naturally pulls them toward the services section below.

Coachful makes this seamless: your about section, programs, and booking page all live under one roof on your Coachful coaching website — no third-party page builder or separate booking tool required. Sign in to start editing yours today.

Editing the Services Section

The services section is your menu. It's where a visitor decides whether to keep reading or bounce. A well-structured services section answers three questions in under 10 seconds: What do you offer? Who is it for? What does it cost (or how do I find out)?

How to Edit Your Services Section

  1. Click the Services section in the builder. The right panel opens with a list of your current service cards.
  2. Click Edit on an existing card or Add Service to create a new one.
  3. For each service card, fill in the Service Name, a short Description (2–3 sentences max), and optionally a Price or price-range label.
  4. Add an icon or image to each card for visual variety.
  5. Set the CTA button for each card. Link directly to the relevant program enrollment page, a booking type, or a contact form.
  6. Reorder cards by dragging them. Put your most popular or highest-converting offer first.
  7. Save and publish.

Structuring Your Offers for Conversions

Most coaches benefit from showing 2–4 service cards — enough to demonstrate range without overwhelming the visitor. A common structure that works well: a flagship 1:1 coaching program (e.g., 12 weeks, fully personalized), a group program or cohort squad offer (more affordable, community-driven), and a standalone session or intake call (low-commitment entry point).

If you've set up Stripe Connect on Coachful, you can link each service card directly to a checkout or enrollment flow so clients can purchase without ever leaving your site. One-time payments, recurring subscriptions, and payment plans are all supported natively.

Don't hide your pricing unless you have a strategic reason to. Coaches who display at least a "starting from" price on their services section report fewer unqualified leads and more confident inquiries. Transparency builds trust.

Editing the Contact Section

The contact section closes the loop. A visitor who has read your hero, resonated with your about, and browsed your services needs one frictionless final step. Make it easy to reach you, easy to book, and easy to say yes.

How to Edit Your Contact Section

  1. Click the Contact section in the builder canvas.
  2. In the right panel, update the Section Heading (e.g., "Let's Talk — Book a Free Discovery Call" is stronger than "Contact Me").
  3. Add a short intro paragraph that reassures the visitor: what happens after they reach out, how quickly you respond, and what the next step looks like.
  4. Toggle on the Contact Form if you want a simple name/email/message form. Submissions go to your connected email address.
  5. Alternatively (or additionally), add a Booking Button that links to your intake call or free discovery session booking type. This is often the highest-converting option because it moves the visitor straight to a calendar.
  6. Add your social media links (Instagram, LinkedIn, YouTube) in the social icons section so visitors can follow you even if they're not ready to book.
  7. Save and publish.

Contact Section Tips That Actually Work

Reduce anxiety at this stage. Phrases like "No obligation — just a conversation" or "I respond to every message within 24 hours" lower the perceived risk of reaching out. Use your contact section heading as a micro-CTA rather than a generic label.

If your coaching business runs on bookings rather than inbound messages, consider replacing the contact form entirely with a prominent booking button linked to your Coachful intake call. This removes one step from the funnel and gets the right people on your calendar faster. You can always set screening questions on the booking type itself to qualify leads before the call.

Pro Tips for a High-Converting Coaching Website

Editing each section individually is important, but great websites also work as a whole. Here are a few cross-section principles worth keeping in mind:

  • Consistent brand colors and fonts. Coachful's builder lets you set global brand colors and typography in Website → Brand Settings. Set these first so every section looks cohesive.
  • One primary CTA per page. If every button says something different, visitors get confused. Pick one primary action (e.g., "Book a Free Call") and make it the dominant CTA across hero and contact sections. Secondary CTAs (learn more, browse programs) should be visually subordinate.
  • Social proof between sections. Adding a testimonials section between Services and Contact dramatically increases conversion. Even 2–3 short quotes from past clients build momentum.
  • Keep copy scannable. Use short paragraphs (3–4 sentences max), bold key phrases, and bullet points where appropriate. Most visitors skim before they read.
Coaches who publish their Coachful website with all four core sections filled in — hero, about, services, and contact — and link it to at least one live program or booking type, see significantly faster time-to-first-client compared to those who launch with incomplete pages.

Troubleshooting Common Editing Issues

My changes aren't showing up on my live site

You've edited the section but forgot to click Publish. Saving in the panel stores a draft; publishing pushes it live. Click the blue Publish button at the top right of the builder, then hard-refresh your live site (Ctrl+Shift+R on Windows, Cmd+Shift+R on Mac) to bypass cache.

My hero image looks blurry or cropped oddly on mobile

Upload images at a minimum of 1440 × 800px and use JPEG or WebP format for best quality-to-filesize ratio. In the Hero settings panel, adjust the image focal point to ensure the most important part of the image (your face, for example) stays centered across screen sizes. Preview the mobile view before publishing.

The contact form submissions aren't reaching my inbox

Go to Dashboard → Settings → Notifications and confirm your notification email is correct. Also check your spam folder — form submission emails occasionally get filtered. If you connected a custom domain, make sure your DNS records are fully propagated (this can take up to 48 hours) as misconfigured records sometimes affect form delivery.

I can't reorder my service cards

Service cards are draggable within the section panel. Click and hold the drag handle (six dots) on the left side of each card row in the right panel — not on the canvas preview itself — then drag to reorder. If drag-and-drop isn't responding, try refreshing the builder tab.

My about section photo isn't uploading

Coachful supports JPEG, PNG, and WebP image formats up to 10MB. If your photo is a HEIC file (common on iPhone), convert it to JPEG first using your phone's sharing options or a free converter. If the upload stalls, check your internet connection and try a different browser.

I want to add a section that isn't in the default template

Click the + icon in the left panel of the builder to browse additional section types — testimonials, FAQ, video embed, blog feed, and more. You can insert them between any existing sections and reorder everything freely. See Adding and reordering website sections for a full walkthrough.

Ready to Publish Your Coaching Website?

Your hero, about, services, and contact sections are the backbone of a coaching website that attracts the right clients and converts them to paying ones. Each section has a job: the hero captures attention, the about builds trust, the services make the offer clear, and the contact removes every last barrier to booking. When all four are working together with sharp copy, strong visuals, and clear CTAs, your website becomes your best salesperson — one that works 24/7 without any extra effort from you.

Coachful gives you everything you need to build, edit, and publish a professional coaching site alongside your programs, bookings, and client management — all under your own brand. Start your free trial and have your site live before the end of the day, or sign in to your workspace and start editing right now.

Frequently asked questions

How do I edit my hero section in Coachful?
Go to Dashboard → Website → Edit Site to open the builder, then click on the hero section. A settings panel on the right lets you update the headline, subheadline, CTA button, and background image. Click Save in the panel, then Publish at the top of the builder to make changes live.
Can I add pricing to my services section?
Yes. Each service card in the Services section has an optional Price field where you can display a fixed price, a starting-from price, or a custom label like 'Book a call for pricing.' You can also link service cards directly to Stripe-powered checkout pages if you have Stripe Connect set up in Coachful.
What image size should I use for my hero background?
Upload hero background images at a minimum of 1440 × 800px for sharp rendering on large screens. Use JPEG or WebP format to keep file sizes manageable. Use the focal point setting in the Hero panel to ensure the most important part of the image stays visible on mobile devices.
Will my website work on mobile after I edit these sections?
Yes — Coachful websites are fully responsive and automatically adapt to mobile screen sizes. Use the Preview button in the top-right of the builder and switch to the mobile view to check how each section looks on smaller screens before you publish.
Can I use a custom domain for my Coachful coaching website?
Yes. Every Coachful coach gets a free subdomain (yourname.coachful.co) by default, and you can connect your own custom domain in Dashboard → Website → Custom Domain. Coachful handles SSL automatically so your site is secure on any domain.
What happens to contact form submissions — where do they go?
Contact form submissions are sent to the notification email address configured in your Coachful account settings (Dashboard → Settings → Notifications). You can also link your contact section to a booking type so visitors can schedule a call directly instead of filling out a form.
Can I reorder the hero, about, services, and contact sections?
Yes. In the website builder, the left panel shows all sections as a list. Drag any section up or down to change the order on your page. You can also toggle sections on or off with the eye icon without deleting them.
Was this article helpful?