Chat with us, powered by LiveChat

Using The Page Builder

The Page Builder is designed to help you build websites and funnels without having to write code.

If you've ever hard-coded a website, you know that a lot of the setup can be tedious. Things change, they break, and it's just easier to use a drag-and-drop User Interface (or UI) to build a website. Searching for tags, outlining the document, using a boilerplate, connecting analytics and pixels—all of this become much easier to do (and it's faster) with our Page Builder.

Getting Started

Essentially, the Page Builder helps you design websites.

You will need an account

WordPress will be covered in another lesson

This lesson is about the IMG Funnels Page Builder and not the WordPress page builder or Divi. Those topics will be covered in another lesson.

Overview

The Page Builder makes building a website easier. You have control over your SEO and tracking codes, you have a handful of elements, responsive design, placeholders, custom values, and the ability to connect anything from IMG Funnels to your website.

Since this is just an overview and not a lesson about the system itself, we will limit this lesson to the scope of the features that are directly in the page builder itself.

  • SEO Meta Data
  • Tracking Codes
  • Global Settings
    • Custom CSS (topic will be covered later)
    • Background
    • Typography
  • Responsive Design
    • Sections
    • Rows
    • Columns
    • Elements
  • Spacing
    • Padding
    • Margin

Tip: The Page Builder writes all of your Cascading Style Sheets (or CSS) for you. CSS is the design language of the internet. Don't waste a whole lot of time trying to style your websites (there are templates for that), just build the content first and then if you need someone to design the site, you can hire a developer to create custom CSS for you. Custom CSS comes relatively cheap (~$10) compared to other things like content (~$30) or custom JS, that would come at a much higher price.

Templates

Templates provide you with a way to get started that will help you get up and running as quickly as possible. Instead of valuable time building a Custom CSS Layout, you can instead import a template. You can edit (or "white-label"*) the template to match your brand's specific style.

* What is "white-labelling"?

White-labelling is the process of taking a product or service (such as a website) and rebranding it to match your company's style specifications. Many companies will use a "Style Guide" or a "Brand Kit" to help them maintain a uniform style throughout their website (or catalog).

Here are a few things that you might see included in a Style Guide or Brand Kit:
  • Colors
  • Typography
  • Logos
    • Square
    • Document Header
  • Brand Assets
    • Imagery
  • Contact Information
    • Email
    • Phone Number
    • Physical Address

You should do your best to use templates—customize them to fit your brand—and then optimize for SEO and deliverability. For example, if you have a series of blog posts, you can use a template for each post and then simply edit the content inside—saving you time and money.

Tip: Almost all code that is written for marketing is derived from some sort of form or template. You can set Custom Values in your Company's Settings area and use placeholders to help you fill out templates quickly. You can also save templates to your global library and use them anywhere. That way, for example, you don't have to re-create the same header or footer every time you want to add a header or footer to your website.

Adding Products

You can add products to funnels by going to Sites (1) > Funnels > Select a Funnel > (2) Steps > (3) Products.

Then, as long as you have a payout account (Stripe or PayPal) connected to your Location*, you will see the product on your website.

* What is a Location?

A "Location" is what we call your sub-account (like an"Office Suite") in IMG Funnels. Your first two locations are free. Additional locations require an Upgrade. Upgrades are coming soon.

You can manage your Products by going to Payments > Products. In this example, I am using a 14-day free trial on a product that costs $30 per month.

Tip: Integrate Stripe (or another payout service) with your account. Then, manage your products using IMG Funnels (not Stripe). Inventory Management is often misunderstood and underminded. You should create categories for your products to help you remember where everything is.

Checkout

Once you have added a product, you can then add an Order Form (1 Step or 2 Step) to your website. That Order Form will then be linked to the product that is added to the Funnel (or Website).

In this example, I'm using a 1-Step Order Form.

And on my site, you can see the checkout, which will reflect my 14-day free trial.

And if I disable the trial, the customer is charged up-front for my product or service.

Tip: Remember! All of this can be customized using CSS. If you don't like the look or feel of your checkout funnel, ask a developer who can help!

Tracking

By now, you should be familiar with Google Analytics and the Facebook Pixel.

To install your tracking code(s), all you have to do is click Settings > Tracking Code.

Tip: Tracking will help you gain more traffic by sending data to platforms like Google and Facebook, that will then optimize the delivery of your content to target individuals in your audience that have expressed interest in your products or services. You only need one Pixel per ad account. (we'll cover the topic of ad accounts another time).