Fusion Builder Quick Start Guide

22/07/2020

The Fusion Builder is ThemeFusion’s very own page builder, now available in both front-end and back-end versions. With this fully featured, and easy to use page builder, you can build complex layouts without any coding knowledge at all.

With the release of Avada 6.0, we have introduced the Fusion Builder Live Editor, an awesome companion to the traditional wireframe back-end Fusion Builder.

View the Guided Tour Video below to get an overview of the Fusion Builder (only back-end in the video at this point), and read on for links to many Fusion Builder resources.

For privacy reasons YouTube needs your permission to be loaded. For more details, please see our Privacy Policy.
I Accept
Learn More About ‘Fusion Builder vs Fusion Builder Live’

The Fusion Builder Creation Process

Regardless of whether you are editing with the traditional Fusion Builder wireframe editor, or the new Fusion Builder Live Editor, the creation process is the same. You always start by creating a Container. Then you add columns to the container, and then finally, add Fusion Builder elements to the columns. This makes your content easier to organize and allows for maximum compatibility. To get a full description of the building process, see the ‘How The Fusion Builder Works’ link below.

Fusion Builder Process
Learn More About ‘How The Fusion Builder Works’

Fusion Builder Tools & Features

The following documents are about the Fusion Builder’s tools and features, and how to use them.

  • Fusion Builder Library – With the Fusion Builder Library, you can save and redeploy all types of page content, from elements, columns, containers and even full pages.

  • History States – Redo and undo almost any action you’ve done while building a page with Fusion Builder with our new History States feature.

  • Right-Click Feature – With the Fusion builder right-click feature, you can access many commands and Library functions very easily.

  • Nested Columns – You can now insert columns within columns to build more intricate and flexible page layout designs.

  • Element Search Function – Never have difficulty finding an element again with the new Element Search Function.

  • Custom CSS Per Page – Insert Custom CSS per individual page for even more in-depth design and customizations.

  • Fusion Builder Starter Page – This is the starter page that you’ll encounter when building a new page with the Fusion Builder.

  • Fusion Builder Visibility System – Easily control which Fusion Builder elements are visible on different device sizes.

  • Fusion Builder Tools & Icons – To build pages with ease, it’s important to become familiar with the Fusion Builder’s tools and icons.

  • Fusion Builder Import Demo Pages – Import any page from any demo with just one click! Read more about it here.
  • Advanced Options Network Correlation – Quickly view and change global Theme Options settings.

  • Adding Elements – If you are the developer type, you can also learn how to add Fusion Builder elements in Fusion Builder.

Fusion Builder Live Docs & Videos

The following documents specifically explore the new Fusion Builder Live Editor.

Technical & Troubleshooting

These document articles are about the Fusion Builder’s technical features. This list includes articles about converting pages created using the old Fusion Builder, the Fusion Builder’s settings, and the like. Please read these articles to learn more about the Fusion Builder’s technical features.

  • Converting Old FB Pages – As part of the upgrade to Avada 5.0, old Fusion Builder page layouts need to be converted to be compatible with the new Fusion Builder. We recommend you keep your theme up to date.

  • Fusion Builder Settings – The Fusion Builder has its own settings, that enable you to optimize it to suit your needs.

  • Fusion Builder Demo & Plugin Offloading – Back in Avada 5.0, we offloaded Premium plugins and Avada Demos from the theme package.

  • Add On System For Developers – Create your own add ons and contribute to the Fusion Builder Library and Elements collection!

Avada Cyber Week Sale 2019