Sites Overview
The Sites tab in FG Funnels has a series of highly powerful tools that allow you to create all sorts of websites, funnels, forms etc. This article will specifically cover the funnels and websites tab of sites but there are other articles on the other functionality.
In this article:
- What Are Sites?
- What Are Funnels?
- Which One Should I Choose - Funnels or Websites?
- FG Funnels Design Templates and Collections
- Site Builder Overview
- Editing the Mobile View of Your Site
- Site Settings & Publishing
- FAQs
What Are Sites?
Sites give you the ability to create public funnels and websites within FG Funnels. Sites allow you to create an informational website for your business, create a landing page for opt-ins and create a sales funnel to sell your latest offer.
Sites is also the name of a top level menu item within your FG Funnels dashboard that holds everything from your funnels, websites, forms, etc. This article will specifically cover the funnels and websites tab of sites but there are other articles on the other functionality.
Within FG Funnels, we have two types of Site Builders; while they are similar they do have different functionality. Let’s review each type of Site.
Funnels - In general, funnels have a very direct sequence of pages with a predetermined order that the visitor should travel through. This pre-determined sequence is which is why we offer split testing on funnels only. Funnels are a step-by-step series of web pages, generally used for a specific purpose like capturing leads or booking appointments. Learn more about funnels here.
- Websites - A place to build web pages for any use case, such as a homepage for your business. There is generally no path of progression that contacts are led through, which is why we do not offer split testing on websites.
What Are Funnels?
The term funnel in marketing means a series of pages on the web used to capture leads or customers. Funnels have “steps” that allow you to visualize a series of pages that a potential customer will visit in a specific order.
For example, in a booking funnel, I might have 3 Funnel Steps.
- Step 1: Landing Page - where you can offer something for contacts to download in exchange for their contact information.
- Step 2: Booking Page - After a contact fills out a form, you will want to thank them but then schedule a call with them. So you have your booking calendar on this step.
- Step 3: Thank you Booking Page - After a client booked the call, they will land on this page, showing them the next steps and thanking them for booking.
Funnels usually serve a specific purpose, like offering a lead magnet or booking an appointment. Visitors are intended to take a very specific path through the funnel.
With the example above, presumably you wouldn't want someone to land on the thank you page before the landing page. Funnels allow you to guide the visitor on their journey.
There are many use cases for creating funnels. Funnels are a useful way to create a series of websites that contacts navigate through.
Which One Should I Choose - Funnels or Websites?
In all but a few ways, Funnels and Websites are the same. They both house a group of webpages and they can be used for various purposes despite which one you choose. For that reason, the website and funnel builder for FG Funnels functions in the same way. It has the same interface, features and elements.
The main differences between funnels and websites when it comes to working in FG Funnels.
Split Testing - You can only split test in Funnels. Split testing in funnels allows you to create a variation of a page to see which performs better when traffic is randomly sent there. Learn more about Split Testing in Funnels here.
eCommerce (Online Store) - Only websites can create and utilize the eCommerce (Online Store features). Purchasing in funnels is done through an order form.
Page View UI - There are a few differences in the interface between Funnels and Websites so viewing an overview of your pages and the progression of clicking to get to certain places is slightly different.
For funnels you view one page preview/settings at a time in a very linear fashion due to the sequential nature of funnels. Websites are shown on one page due to the varying journeys someone could take through a website.
FG Funnels Design Templates and Collections
As an FG Funnels user, you get free access to all of our design templates and collections. The article, How to Request a Design Collection (Funnel/Website Templates) will show you how to preview and request your collections.
Once a collection is loaded into your account, it will be visible from your list of funnels and/or websites from Sites -> Funnels and/or Sites. They will be named with the name of the collection and the type of funnel or site it is.
Site Builder Overview
The same functionality and hierarchy of elements exist in both the Funnel and Site Builder. Let's check out the Site Builder and how you use it to create sites.
Top Tool Bar - Site Builder Navigation Bar
The top tool bar or site builder navigation bar lives at the top of the builder and allows you to toggle between the various features.
There are a number of features and functions that are in the top toolbar of the funnel builder. These are discussed in greater detail in the article, Top Tool Bar in the Funnel Builder. The tool bar article is broken down by rows and in the case of the middle row, by section.
Page Structure - Sections, Rows, Columns, Elements
All FG Funnels pages are made up of sections, rows, columns and elements. These are the building blocks of your pages. For a full deep dive, visit the article, Page Structure within the Funnel and Website Builder.
Working With Elements
Each specific section, row, column, or element has settings specific to the type of object that it is. Additionally, all can be moved, cloned, deleted, and edited. These settings are covered in the article, Element Settings in the Funnel and Website Builder. Each element from the elements tab also has it's own article specific to it's settings.
Editing the Mobile View of Your Site
Every site and site builder has both a mobile and desktop view. Unless you edit an object, the desktop and mobile views will be identical.
When you go to review your mobile view of your site, you will likely find some aspects of your site you wish to change or adjust for your mobile viewers. This makes sense, mobile and desktop screens are different sizes.
So we will need to adjust how the mobile view looks to best suit mobile viewers.
The following articles will help you do that:
Desktop View VS Mobile View (Funnels and Websites)
Others Coming Soon
Site Settings & Publishing
Now that your site is built let’s review the backend settings of our site. Let’s walk through each of the backend site settings together. There are a number of site settings that cover everything from paths, stats and funnel or website wide settings. You can read more about all of these in the article, Site Settings & Publishing.
FAQs
What are Global Sections?
Global sections are saved sections that you can use across multiple pages. They are unique in that you can use the same section across multiple pages. Further, making any changes to a global section, after saving, will automatically update it to all pages the Global Section is used on.
A great example of a scenario to use a global section would be the Header/Footer of your website. Using a Global section as a footer or header enables you to have the same header across all of your pages.
There is more information on Global Sections in the Saving Sections: Global Sections and Section Templates article.
What are Template Sections?
Similar to a Global Section (see above), a Template Section can be saved and then added later within the same webpage or another webpage. Changes made to these sections saved to the Template Section in use will not update the templates or other places the template was added.
There is more information on Template Sections in the Saving Sections: Global Sections and Section Templates article.
How to See the Mobile View of a Website on Your Desktop
When editing your site, you may find you want to see the mobile view of your website. Did you know you can see the mobile view of any website on your desktop? Simply right click on the loaded webpage, click inspect, then toggle the view from desktop to mobile using the icon next to the word Elements in the panel that appears. See the red arrow and the images below.
How to Upload and Get a Sharable Image Link In FG Funnels
To load an image, you must either upload your image to FG Funnels or provide another shareable link. You can do this in Google and other areas, but let’s review how to do this in FG Funnels.
From your main menu go to Media Storage. Then select "Upload" in the top right-hand corner of the media library.
After successfully uploading the image, you can right-click on the three dots that appear when you hover over the image and then select Get Link to copy the link to it. Use this link when a media-shareable URL is required. For example, within Site Settings, the Favicon requires a shareable media URL. You paste this newly uploaded image URL you have there so your favicon will load.
