Are you struggling to create decent looking pages on your website?
Or feeling so frustrated that you’re considering hiring a web designer?
Thrive Architect, the new WordPress plugin from Thrive Themes could be the answer to your problems.
In this review, we’ll take a look at how easy it is to create visually impressive pages (and posts), without wasting a load of time and money.
What is Thrive Architect?
Creating pages with the WordPress editor is like going to the dentist. You never know how it’s going to turn out.
At best, it’s an anxious wait. At worst, it’s painful.
While WordPress is a great blogging tool, it was never intended to build professional looking web pages. It’s something the WordPress developers are looking to address with their Gutenberg project.
Meanwhile, you need a WYSIWYG editor that let’s you build pages painlessly.
Thrive Architect is a visual page builder plugin for WordPress that helps you create great-looking, conversion-focused pages.
According to Thrive Themes:
It’s the fastest and most intuitive visual editor for WordPress.
The idea is to let you build your pages as fast as possible using the drag-and-drop editor so that you don’t spend endless hours fiddling around with shortcodes, CSS and HTML.
Using Thrive Architect, you can:
- Create a Homepage using one of the pre-designed Templates or adding elements like Icons, Buttons or Columns to your current theme.
- Build Landing Pages with built-in Lead Generation elements to help grow your mailing list.
- Format Blog Posts with features like Content Boxes and Styled Lists to make them stand out from the crowd.
- Create Sales Pages, Webinar Pages, Product Launch Pages, and more.
Building your pages with Thrive Architect
There are two ways to build a page with Thrive Architect. You can use a pre-designed Landing Page Template, or you can start from scratch with a Blank Template.
Both ways are valid. You just need to decide which one you want.
When you create a new Page, you choose the Edit with Thrive Architect button:
Taking this option opens a new tab/window:
At the top of the Page is the default header menu and page title that you’d expect to see from your theme.
Over on the left-hand side of the page is the Thrive Architect menu. (If you prefer, you can switch it to the right.) From here you’ll drag-and-drop elements onto your page.
So, let’s take a look at how that works.
Using the landing page templates
Thrive Architect includes hundreds of pre-designed landing page templates. The beauty of these pages is that you could almost publish them straight away. You’ll have to dive in and edit the copy to suit your business, but at least you have the foundation for a quick start.
Landing page template sets
Thrive groups their Landing Pages in Template Sets. At the time of writing, there are 26 Landing Page Template Sets in their library, with more coming soon.
Each set of pages uses the same design components to create a consistent look-and-feel.
For example, here’s the latest set – Atomic. Notice how each page has the same branding:
The Atomic Template Set includes:
- Lead Generation Page
- 2-Step Lead Generation Page
- Confirmation Page
- Download Page
- Video Sales Page
- Webinar Registration Page
- Webinar Streaming Page
- Webinar Replay Page
Customizing a template
Once you’ve chosen a Landing Page Template, you can start customizing it with the WYSIWYG visual editor.
Each page consists of elements; for example, Heading, Text, Button, Icon, etc. As soon as you select an element on the page, its editing options appear in the sidebar menu.
For instance, if you picked the Heading element you could change the text, alter its layout and position, apply a background style, add a border, and more:
Note: Thrive Architect labels the element in several places on your screen, so you can be sure you’re editing the right content.
Here’s the original Storyteller 2-Step Landing Page template:
And here’s the customized template after changing the heading color, paragraph font, and button color:
In just a few clicks you can adjust the page to fit in with your style and branding. Plus you can save your version of the template to use again.
What’s important to remember is that all of these changes are immediately visible on the editing screen. You can switch to preview mode if you wish, but there’s really no need as you can see everything right in front of you.
Thrive Architect is a genuine WYSIWYG visual editor.
Starting with a blank page
Sometimes it’s more appropriate to build your page from scratch, starting with a clean canvas. For instance, you may like the design of a page you’ve seen on another website and decide to have a go at building something similar.
Let’s take a look at three of the powerful and flexible design elements you can use to build your page.
Don’t worry, I’ll show you the other amazing elements later on
1. Full-width background
Adding a full-width background might not seem like a big deal, but you won’t find this feature on all page builders.
The key setting here is the “Stretch to fit screen width” as it allows you to have a full-width background no matter what WordPress theme you’re using.
There are a couple more settings that I’ve used to create this background. First, I’ve added an image as a base layer and then I’ve applied a solid color layer on top. This helps when you want to start adding text like the heading below.
You can add as many layers as you like to create the effect you want. Other layer options include a gradient color, a pattern, and a video background.
Before we leave the background, there’s one more feature to show you. Using a full-width background section and two columns you can create a vertical split screen effect:
Once you have your vertical split layout, you can add different content elements. For example, you could have image and text, video camera and video screenshot, plus many other combinations.
2. Content Box
The Content Box is a dual-purpose design element in Thrive Architect. It serves as a content container for holding multiple elements you want to treat in the same manner, plus you can use it to highlight important parts of content.
First, we have a Content Box that contains an Icon and a piece of Text:
Nothing special, perhaps?
But, using the drag-and-drop handle, you can move the Content Box onto the background section.
To spice things up, I’ve used a white-colored border on the Content Box and rounded the top-right corner. You have options to add solid or dashed borders and choose if and how much to round your corners. I’ve also applied a color background (with high opacity) to the Content Box.
Note: this is a layer for the whole box, as indicated by the arrows.
And on the Text element, inside the Content Box, I’ve made a couple more edits. I’ve used a standard white background color and changed the font text to green.
Note: this is for the Paragraph/Text element, as indicated by the arrows.
When you’ve created a content box that you think will be useful again in the future then Thrive Architect lets you save it as a Content Template. It’s all part of their Rapid Implementation ideology.
Adding testimonials to your page is a proven way of demonstrating social proof. Thrive Architect has a couple of Testimonial templates that you can use:
While two templates may appear limited, the customization options are endless.
Let’s take a look.
Testimonial Template 2 uses two columns for the Image and Text. You can drag-and-drop the column widths to fit your image and text as you wish.
The right-hand column contains three Text/Paragraph elements, each with a different font and size.
Also in the right-hand column is a Quote Icon. It’s positioned to the left of the top Text element using an Advanced setting of Absolute:
Without the Absolute setting, the Quote icon would be above the text like this:
Using this template you can change column widths, colors, images, icons, positioning, and more.
Adding lead generation options
Most landing pages have one goal in common: to generate leads.
Thrive Architect has two types of lead generation that you can use on your landing page.
The default Lead Generation method is the 1-Step Opt-in.
If you’re creating your own landing page, you can drag-and-drop the Lead Generation element from the sidebar onto your page.
You can choose to stack the fields vertically or have them running horizontally. Plus you can customize other features like colors and text.
If you’re using a Landing Page Template, then the Lead Generation element will already be in place:
2-step opt-in with Thrive Lightbox
The second Lead Generation method available in Thrive Architect is the 2-Step Opt-in, which uses the built-in Thrive Lightbox feature.
You decide which element on your page you want to be the trigger, and then use the Animation & Action option to invoke a Lightbox. For example, you could configure a Button Click to open the Lightbox with a Zoom effect:
The Landing Page Templates work the same. For example, the Storyteller 2-Step Opt-in uses the Animation & Action functionality to create a trigger:
When you click the button, it opens the built-in Thrive Lightbox:
Like all pages in Thrive Architect, you can customize the Lightbox design with the visual editor.
Email service integration
Whether you use the 1-Step or 2-Step method to capture email addresses, you’ll need to connect the Lead Generation form to your email service.
Thrive Architect lets you connect to your email service through an API or an HTML Form:
It has API Connections to all these email service providers:
Checking your page is mobile responsive
Every page you build with Thrive Architect, whether you start from scratch or use a template, is mobile responsive. But the plugin has three extra mobile responsive features that help you build unique pages.
1. Preview your page on different screen sizes
As you build your page, you’re only a couple of clicks away from checking what it looks like on various screen sizes:
2. Toggle the visibility of elements and entire content blocks
For any element, or any Content Box with multiple elements in it, you can decide whether it will be shown or hidden. In this example, you can see that the Icon element will be visible on Desktop and Tablet, but hidden on Mobile.
3. Tweak every detail
You can tweak the layout and position of elements for different screen sizes without having to create duplicate elements with the show/hide option. For example, on the testimonial box we can change the text size and position it under the image after removing the icon element:
As more and more people are browsing the web with a mobile device, it makes sense for your site to be mobile responsive. With Thrive Architect, you can provide the best experience, regardless of screen size.
The building blocks of Thrive Architect
You’ve already seen many of the main page building elements in Thrive Architect. But let’s take a quick look at a few more.
Aside from Call to Action Buttons, Testimonials, Content Boxes, and Lead Generation Forms, Thrive Architect has four more conversion-focused building blocks:
- Styled Lists – Use bullet point lists with custom icons and styling to present your selling points concisely.
- Countdown Timers – Add a sense of urgency to your pages with the animated countdown timer and evergreen countdown
- Content Reveal – Hide content blocks until a certain amount of time has passed. Perfect for sales videos, where you can reveal the purchase button when you reach the “pitch” part of the video.
- Credit Card Icons – Fully scalable credit card icons give your visitors a clear signal for a purchase and create trust.
Apart from the conversion elements, Thrive Architect comes with many more components you can use to create any page. Here are a few of my favorites:
- Click to Tweet – Encourage social sharing within your content.
- Google Map – Embed a Google Map on your site; great for local businesses.
- Post Grid – Display a grid of blog posts or WooCommerce products.
- Social Share – Add social share buttons and choose to hide share counts until above a certain number.
- Table – Take advantage of the intuitive HTML table builder and editor.
- Table of Contents – Automatically generate a table of contents for your page with anchor links that jump to each section.
- Video – Embed YouTube, Wistia, Vimeo or self-hosted video into your page.
- WordPress Content – Convert existing WordPress content into Thrive Architect content and manage it inside a self-contained block.
You can get Thrive Architect for a one-time fee of $67.
The price includes 12 months support with the option to renew each year, but you always get unlimited updates.
Alternatively, try Thrive Membership for $19/month, which includes all the current and future themes and plugins from Thrive.
Having pioneered the page builder market with Thrive Content Builder in 2014, Thrive has set a new benchmark with Thrive Architect.
The new visual editor is both intuitive and fast. And the results are impressive.
Creating beautiful, engaging and visually striking content in WordPress has never been easier.
Disclosure: This post contains affiliate links. This means I might receive a commission if you make a purchase. My opinions are my own and I only recommend tools that I believe you’ll find valuable.
The post Thrive Architect Review: Create Eye-Catching Layouts & Landing Pages With Ease appeared first on Blogging Wizard.