Wordpress page builders allow you to place features anywhere you want on a webpage. Through this simple act of dragging and dropping, you can build a custom WordPress site without touching a single line of code.

These tools are incredibly valuable to site owners with little to no technical knowledge who want to build a site for their business. However, in exchange for the ease of use page builders provide, site owners often have to give up some control over the appearance and functionality of their site. Relying on a plugin’s pre-built elements can limit the potential for customization and flexibility in layout.

This is not the case with the Themify Builder plugin, one of the most powerful and intuitive page builders for WordPress. Using this free tool, you can design pages in the back-end or front-end of your site and add video backgrounds, parallax scrolling, animations, various colors, Google Fonts, and more — all with a few clicks of your mouse.

In this post, we’ll discuss how you can use Themify Builder to create a custom WordPress site in no time. Let’s look at some of the plugin’s key features below.

Use HubSpot tools on your WordPress website and connect the two platforms  without dealing with code. Click here to learn more.

Key Features of Themify Builder

Themify Builder, otherwise known as Builder, is an all-in-one solution for creating and customizing a WordPress site. It comes with a back-end and front-end edit mode, reusable layout parts, responsive grids and styling, and over 40 pre-designed layouts and 60 animation effects. Let’s take a look at just a few of these features below.

Edit Modes

There are two available edit modes in the Themify Builder plugin. Using the back-end edit mode, you can drag and drop modules to the canvas area to design a unique layout. You can add rows, buttons, page dividers, and more and organize these elements as you see fit.

Modules available in the Themify Builder back-end edit mode

Source

Once you’re satisfied with the basic layout, you can switch to the front-end edit mode to make additional changes to the font, background, and border of these page elements. In this mode, you’ll be able to preview changes live so you can see the page exactly as your visitors will.

Demo of customizing page elements in the Themify Builder front-end edit mode

Source

Pre-designed Layouts

If you’d like to get your site up and running as quickly as possible, then you can choose from over 40 pre-designed layouts that come with the Themify Builder plugin. You can simply import a layout, replace the text and images with your own content, and hit publish.

Below is just one example of a pre-designed layout for an About Page on a fashion website.

One of Themify Builder's pre-designed layout for an About Page on a fashion website

Source

Reusable Layout Parts

Themify Builder’s reusable layout parts is another feature that will save you time when building out your WordPress site. Say you want to display the same content in multiple areas on a page or across multiple pages, like your logo or contact information. You can simply save that page element as a layout part and then insert it anywhere on your site using a shortcode or the Layout Part module.

You can still modify your logo, contact information, or another layout part at any time. You can just update it in the Layout Part module and any post or page using that part will be updated automatically.

Themify Builder's reusable layout parts on three unique layouts

Source

Animation Effects

With Themify Builder, customization isn’t limited to changing the color and font on a page. This plugin comes with over 60 out-of-the-box animation effects so you can make sure your content stands out on the page. Some of the most popular effects, including Bounce, Flash, Hinge, and Zoom In, are shown below.

11 of the 60 out-of-the-box animation effects available in Themify Builder

Source

Responsive Grids

With the Builder row and column options, you can arrange practically any layout grid. Every possible combination is responsive by default. However, if you want the grid to display differently on tablet and mobile, then you can use the responsive grid feature. For example, you can set the row grid to appear as a 4-column on desktop, a 2-column on tablet, and a 1-column on mobile. This will ensure that your pages are optimized to display on any device.

Video demo of setting the row grid to appear as a 4-column on desktop, a 2-column on tablet, and a 1-column on mobile

Source

These are only a few of the features available with the Themify Builder plugin. Using this free tool will enable you to build a custom WordPress site that suits your exact needs and provides every user with a seamless experience.

Use HubSpot tools on your WordPress website and connect the two platforms  without dealing with code. Click here to learn more.

 Use HubSpot tools on your WordPress website and connect the two platforms  without dealing with code. Click here to learn more.

Originally published Dec 3, 2019 12:36:28 PM, updated December 03 2019

Topics:

WordPress Plugins