> ## Documentation Index
> Fetch the complete documentation index at: https://help.coachiq.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Add and Manage Sections

> Learn how to add, reorder, hide, and remove sections in CoachIQ's Website Builder. Complete guide for managing your coaching website layout.

<Info>
  **Where to find this**: Dashboard → Website Builder → Select any page
</Info>

## What you'll accomplish

Learn how to add new sections to your coaching website, reorder them for the best user flow, temporarily hide sections, and remove sections you no longer need.

## Adding new sections to your website

<Steps>
  <Step title="Navigate to Website Builder">
    From your dashboard, select **Website Builder** and choose the page you want to edit.
  </Step>

  <Step title="Click 'Add Section'">
    Scroll to where you want to add a new section and click the **+ Add Section** button.

    <Frame>
      <img src="https://mintlify.s3.us-west-1.amazonaws.com/coachiq/add-section.png" alt="Add Section button in Website Builder" />
    </Frame>
  </Step>

  <Step title="Select your section type">
    A modal will appear showing all available section types. Choose the section that best fits your content needs:

    * **Content + Media** for text and images
    * **Form** for lead capture
    * **Testimonials** for client reviews
    * **Pricing** for service packages
    * **Scheduling** for session booking
    * **Features** for highlighting your programs

    <Frame>
      <img src="https://mintcdn.com/coachiq/wtm4rpw2f-N8yDFv/images/sectiontemplates.png?fit=max&auto=format&n=wtm4rpw2f-N8yDFv&q=85&s=bd7d2e8e964320707e009c8d6082a23e" alt="CoachIQ section type picker showing available section templates to add" width="3706" height="2154" data-path="images/sectiontemplates.png" />
    </Frame>

    <Check>
      **Success!** Your new section will appear on the page and you can immediately start customizing it.
    </Check>
  </Step>
</Steps>

## Reordering sections on your page

You can change the order of sections to create the perfect flow for your visitors.

<Steps>
  <Step title="Locate the section to move">
    Find the section you want to reorder in your page layout.
  </Step>

  <Step title="Use the section controls">
    Look for the reorder controls next to the section name in the left sidebar by hovering over the section with your mouse.

    <Tip>
      **Best practice**: Place your most important sections (like scheduling or contact forms) higher on the page where visitors will see them first.
    </Tip>
  </Step>

  <Step title="Move to desired position">
    Click and drag the six dot icon to move the section up or down to your preferred position.

    <Frame>
      <img src="https://mintcdn.com/coachiq/6pZM5hJ0MiRiISM6/images/reorder-sections.png?fit=max&auto=format&n=6pZM5hJ0MiRiISM6&q=85&s=566fd764d222920945194968ac0d7042" alt="CoachIQ Website Builder sidebar showing drag handle to reorder sections" width="722" height="908" data-path="images/reorder-sections.png" />
    </Frame>

    <Check>
      The section will immediately move to its new position and you can preview the change.
    </Check>
  </Step>
</Steps>

## Hiding sections temporarily

Sometimes you want to keep a section configured but temporarily hide it from visitors.

<Steps>
  <Step title="Select the section">
    Click on the section you want to hide in your Website Builder.
  </Step>

  <Step title="Toggle the Hide option">
    Look for the **Hide** toggle in the section settings panel and switch it on.

    <Frame>
      <img src="https://mintcdn.com/coachiq/6pZM5hJ0MiRiISM6/images/hidden-sections.png?fit=max&auto=format&n=6pZM5hJ0MiRiISM6&q=85&s=95b08449e85770bbc8b7bc9512b34b4a" alt="CoachIQ section settings panel with the Hide toggle switch enabled" width="694" height="878" data-path="images/hidden-sections.png" />
    </Frame>

    <Note>
      Hidden sections remain in your Website Builder but won't appear to visitors on your live site. This is perfect for sections you're still working on or seasonal content.
    </Note>
  </Step>

  <Step title="Unhide when ready">
    To make the section visible again, simply toggle the Hide option back off.
  </Step>
</Steps>

## Removing sections permanently

<Warning>
  **Important**: Removing a section permanently deletes all its content and settings. This action cannot be undone.
</Warning>

<Steps>
  <Step title="Select the section to remove">
    Click on the section you want to delete in your Website Builder.
  </Step>

  <Step title="Find the delete option">
    Look for a trash/delete icon or "Remove Section" option in the section controls.
  </Step>

  <Step title="Confirm deletion">
    Confirm that you want to permanently remove the section and all its content.

    <Check>
      The section will be immediately removed from your page.
    </Check>
  </Step>
</Steps>

## Common questions

<AccordionGroup>
  <Accordion title="How many sections can I add to a page?">
    There's no strict limit on the number of sections you can add, but keep user experience in mind. Pages that are too long may lose visitor attention.
  </Accordion>

  <Accordion title="Can I copy sections between pages?">
    While you can't directly copy sections, you can recreate similar sections by selecting the same section type and configuring it with the same content.
  </Accordion>

  <Accordion title="What happens to hidden sections?">
    Hidden sections are saved in your Website Builder but don't appear to visitors. They don't affect your site's loading speed or SEO.
  </Accordion>

  <Accordion title="Can I undo removing a section?">
    No, removing a section permanently deletes it. If you might need the section later, use the Hide option instead.
  </Accordion>
</AccordionGroup>

## Pro tips

<Tip>
  **Plan your layout**: Before adding sections, sketch out your ideal page flow. Start with essential sections like hero, about, services, and contact.
</Tip>

<Tip>
  **Use Hide for testing**: When trying new section layouts, hide existing sections instead of removing them so you can easily revert changes.
</Tip>

<Tip>
  **Mobile preview**: After reordering sections, always check how your page looks on mobile devices to ensure good user experience.
</Tip>

## Related articles

* [Section Styling and Layout](/website/sections/backgrounds-styling) - Customize the visual appearance of your sections
* [Editing Section Content](/website/sections/sections) - Learn how to edit text, images, and content within sections
* [Section Types](/website/section-types) - Explore the specific features available for each section type