> 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/creating-your-website.md).

# Creating Your Website

Learn to create your website with the Website Builder.

### Get started

Take the first step in building your website with Hifunnel.

To begin, choose a website template that best fits your business and brand. Your selected template will define the overall structure and visual style of your website.

#### Select a website template

1. From your **Dashboard**, open the **Website** tab.
2. Click **Design**.
3. From the top menu, select **Template Library**.
4. Browse the available templates and select the one you want to use.
5. Click **Add to saved templates** to save your selected template.

Once saved, you can preview and customize the template before applying it to your website.

***

### Template Library

The **Template Library** includes all available streamlined and pre-designed templates to help you get started quickly.

You can choose:

* A **streamlined template** to start your design from scratch
* A **pre-designed template** that already matches your layout and visual vision

All templates are available to you and do not require any additional cost.

You’re always in full control of your design.

Both streamlined templates and pre-designed templates offer the same flexible page editing capabilities, allowing you to fully customize layouts, content, and styles to match your brand and build the website you want.

***

### Site Details <a href="#h_01f4fnc7jhm7sxm6f0w59tj8bt" id="h_01f4fnc7jhm7sxm6f0w59tj8bt"></a>

Now that you have selected your website template, we recommend setting up your remaining branding settings.

Configure your <mark style="color:red;">Site Settings</mark> to streamline your website building process.<br>

***

### Creating a page

#### Step 1. Select a template

Hifunnel provides both **streamlined page templates** and **premium-designed templates** to help you get started building your pages.

Choose a template that best fits your goal, then customize it to match your brand and content.

Read <mark style="color:red;">How to Create a New Page</mark> to get started designing your custom pages.

***

#### Step 2. Customize your settings

After selecting a template, it’s recommended to review and configure your **Page Settings** before starting the design process.

This helps ensure your page behaves and displays the way you expect as you build.

***

#### Step 3. Build sections and blocks

Pages in Hifunnel are built using <mark style="color:red;">**Sections**</mark> and <mark style="color:red;">**Element**</mark>.

* **Sections** define the main structure of your page
* Each Section is made up of one or more Element

For example, an Image Gallery Section may include multiple Image Element.

Hifunnel provides pre-built Sections to help you get started faster. Every Section and Block is fully customizable - you can add, remove, edit or drag-drop to transposition Element and Section to fit your design needs.

***

#### Step 4. Design your page

Customize your page using:

* <mark style="color:red;">Pre-built Sections</mark>
* <mark style="color:red;">Adjustable spacing</mark> and layout controls
* Device-specific visibility settings at both the Section and Block level

With these tools, you can design pages that are both visually engaging and aligned with your business goals.