> For the complete documentation index, see [llms.txt](https://hifunnel.gitbook.io/hifunnel-help-center/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://hifunnel.gitbook.io/hifunnel-help-center/documentation/website/page/add-sections-to-your-pages.md).

# Add Sections to Pages

Learn how Sections (Blocks) are used to build beautifully designed pages using Hifunnel's drag-and-drop Page Builder.

A **Section** (or Block) describes a specific container area on your page that holds Columns and Widgets/Elements (such as text, buttons, images, or forms) to structure and organize your content.

Your page typically contains multiple Sections stacked vertically, which can be easily customized, reordered, or previewed within the Hifunnel Page Builder.

{% hint style="info" %}
**Why use Sections?** Sections enhance user experience by organizing content into visual segments (e.g., Hero, Features, Testimonials, Call to Action), making your landing pages easy to scroll and consume on both desktop and mobile devices.
{% endhint %}

***

## Preset Section Templates

To help you build high-converting landing pages faster, Hifunnel provides a rich library of pre-designed **Block/Section Templates**:

* **Basic Content & Text**: Clean text columns, headings, and panel layouts for product descriptions or announcements.
* **Hero Sections**: High-impact header banners with text, Call-to-Action (CTA) buttons, video embeds, or opt-in forms.
* **Features**: Grid or column layouts to showcase key benefits, icons, and product highlights.
* **Call to Action (CTA)**: High-converting banners designed to capture leads or drive immediate checkout.
* **Testimonials & Social Proof**: Customer reviews, quote blocks, and ratings to build trust.
* **Pricing Cards**: Side-by-side offer comparison tables and pricing tiers.
* **Forms & Lead Capture**: Integrated email opt-in forms, event registrations, and contact forms.

***

## How to Add a Section to Your Page

{% stepper %}
{% step %}

#### Step 1: Open Page Editor

From your **Hifunnel Dashboard**, navigate to **Website** > **Pages** (or **Funnels** > **Pages**) and click **Edit** on the page you wish to customize.
{% endstep %}

{% step %}

#### Step 2: Click Add Block / Add Section

In the drag-and-drop builder canvas (or left sidebar menu), hover between any two existing sections and click **+ Add Block** (or **+ Add Section**).
{% endstep %}

{% step %}

#### Step 3: Browse Block Categories

Browse through the template categories (Hero, Services, Call to Action, Video, Testimonials, Forms, etc.) in the popup window.
{% endstep %}

{% step %}

#### Step 4: Select and Insert Block

Click on your preferred Section design. It will automatically insert into your page canvas at the chosen location.
{% endstep %}

{% step %}

#### Step 5: Save Changes

Click **Save** in the top right corner of the Page Builder to persist your changes.
{% endstep %}
{% endstepper %}

{% hint style="warning" %}
**Page Performance Best Practice:** While Hifunnel allows flexible section creation, keeping your page under 30-40 sections ensures optimal page load speed and a seamless mobile browsing experience.
{% endhint %}