Skip to main content

Building Your High Converting Website

Your website is your online home for your business.

Your website is your online home. It’s the place where people can learn more about you, discover what you offer, join your email list, book a call, read your blog, or buy from you.

Inside FEA Create, you can create a beautiful website using one of our ready-made templates, browse the template library, or start completely from scratch.

In this tutorial, we’ll walk you through how to start building your website, customize your pages, update your branding, connect your navigation menu, and publish your website when it’s ready.


What Do You Need Before You Set This Up?

Before creating your website inside FEA Create, make sure your domain and email marketing are already set up.

You’ll also want to have your branding, colours, fonts, images, and basic website content ready so you can easily add everything into the website builder.


What Should Your Website Include?

If you’re just getting started, your website does not need to be complicated.

We recommend starting with:

  • Homepage to introduce your business

  • About page to share more about you

  • Contact page so people can get in touch

  • Services or offers page if you already know what you’re selling

  • Privacy policy and terms pages linked in your footer

If you don’t have your lead magnet, sales funnel, blog, shop, or services fully mapped out yet, don’t worry. Your website can grow and evolve with your business.

Start simple and add more pages later.


Step 1: Choose Your Website Template

Inside FEA Create:

  1. Go to Websites & Funnels

  2. Click Websites

  3. Choose whether you want to:

    • Start from scratch

    • Browse the template library

    • Use one of the FEA Create website templates

Our FEA Create templates have been designed to help you create a beautiful website that looks professional, helps you attract more leads, and gives visitors a clear next step.


Step 2: Prepare Your Branding and Content

Before you begin editing your website, it’s helpful to have your core brand pieces ready.

This might include:

  • Your logo

  • Brand colours

  • Hex codes

  • Fonts for headings, subheadings, and body text

  • Images

  • Page copy

  • Calls-to-action

  • Links to offers, forms, funnels, or booking calendars

By the time you open the website builder, you’ll simply be placing your content into the template and making it your own.


Step 3: Open the Website Builder

To start editing a page, click Edit on the page you want to customize.

This will open the website builder.

The website builder is what you’ll use to create and customize your:

  • Website pages

  • Funnels

  • Blog pages

  • Shop pages

If this is your first time using it, give yourself time to get familiar with where everything is. Like any new tool, it may feel a little unfamiliar at first, but the more you use it, the easier it becomes.


Step 4: Get Familiar With the Website Builder

There are two main areas to get familiar with:

  • The top tool menu

  • The settings menu on the right-hand side

The settings menu changes depending on what you click on.

For example, if you click on a section, image, button, or text element, the right-hand settings menu will show the options available for that specific item.


Step 5: Add and Edit Elements

Use the plus icon to add new elements to your page.

You can add things like:

  • Text

  • Images

  • Buttons

  • Forms

  • Calendars

  • Videos

  • Sections

  • Columns

  • Popups

You can also use prebuilt sections and drag them onto your page to make building faster.


Step 6: Use Sections, Columns, and Elements

Your website is built using sections, columns, and elements.

  • Sections are the larger areas of your page

  • Columns sit inside sections

  • Elements are the individual items, such as text, images, forms, and buttons

Keeping your content organized in sections makes it much easier to move parts of your website around and keep the page looking tidy.


Step 7: Customize Your Fonts and Colours

Inside the builder, you can set your default typography and brand colours.

You can update:

  • Heading fonts

  • Body text fonts

  • Brand colours

  • Button colours

  • Background colours

  • Text colours

Once your custom colours are added, they’ll be available throughout the builder, making it easier to keep your website looking consistent.


Step 8: Update Your Website Text

To edit text, click directly into the text box and start typing.

If you copy and paste from a tool like Word, Google Docs, or Excel, the text can sometimes carry hidden formatting that may affect how it looks on your page.

If your text starts behaving strangely, use the remove formatting option to clear any extra formatting.


Step 9: Replace Your Images

To change an image:

  1. Click on the image

  2. Open the image settings

  3. Choose an image from your media storage

  4. Adjust the size, spacing, or alignment if needed

You can resize your image using pixels or percentages.

If you need to crop, flip, or edit an image, we recommend doing this in a tool like Canva first, then uploading the finished version into FEA Create.


Step 10: Customize Backgrounds

You can update your page or section backgrounds with:

  • A colour

  • An image

  • A faded image

  • A background overlay

Some templates may already include full-page background images, with coloured sections layered on top.

You can update these to match your brand and style.


Step 11: Edit the Navigation Menu

Your navigation menu helps people move around your website.

When editing your navigation menu, make sure each menu item links to the correct page.

For example:

  • Home links to your homepage

  • About links to your about page

  • Contact links to your contact page

  • Blog links to your blog URL

  • Services links to your services page

You can also link menu items to external URLs, such as a blog homepage, shop, booking calendar, or funnel.

You can customize your navigation menu by updating:

  • Logo

  • Fonts

  • Colours

  • Menu links

  • Sticky menu settings

A sticky menu means the menu stays visible at the top of the page as someone scrolls.


Step 12: Update Your Buttons

Every button on your website should have a clear destination.

Click each button and check what it links to.

Your button can link to:

  • Another webpage

  • An external URL

  • A popup

  • A form

  • A booking calendar

  • A funnel

  • A checkout page

This is one of the most important steps before publishing your site, because it makes sure visitors can take the action you want them to take.


Step 13: Save Global Sections

If you have a section you want to use across multiple pages, you can save it as a global or universal section.

This is useful for:

  • Headers

  • Footers

  • Lead magnet sections

  • Calls-to-action

  • Testimonial sections

  • Navigation menus

Your header, navigation menu, and footer may already be saved as global sections inside the template.

This means if you update that section once, the change can apply across the other pages where that global section is used.


Step 14: Check Mobile View

Inside the builder, you can switch between desktop and mobile view.

Even though it’s usually easier to design your website on desktop first, it’s really important to check how everything looks on mobile before publishing.

You can also hide specific sections or elements from desktop or mobile if needed.

This is helpful if something looks great on desktop but needs to be simplified for mobile.


Step 15: Add SEO Metadata

Your SEO metadata controls how your page appears in search engines and when it’s shared on social media.

For each page, you can update:

  • Page title

  • Page description

  • Social sharing image

  • SEO image or thumbnail

Choose a clear title and description that explains what the page is about and encourages people to click through.


Step 16: Preview and Save Your Work

As you build your website, remember to save regularly.

We recommend saving after every major section you edit.

You can also preview your page using the preview button. This opens the page in a new tab so you can see how it looks outside of the editor.


Step 17: Publish Your Website

When your page is ready, click Publish.

Because this is a new website, you’ll need to choose the domain you want to publish it on.

If your domain is not connected yet, complete the domain setup first before publishing your website.

You can also add:

  • Google tracking codes

  • Custom tracking codes

  • Your favicon

A favicon is the small icon that appears in the browser tab when someone visits your website.


Final Tip

Building your website is such an exciting milestone.

This is your space to showcase who you are, what you do, and how you can help people. Start simple, make it beautiful, and remember that your website can grow with you as your business grows.

Once it’s live, take a moment to celebrate it. You’ve created a home for your business online, and that is a huge step forward.

Did this answer your question?