Notice: Function register_rest_route was called incorrectly. REST API routes must be registered on the rest_api_init action. Please see Debugging in WordPress for more information. (This message was added in version 5.1.0.) in /home/thrivethemes/dev/thrivethemes/staging.thrivethemes.com/wp-includes/functions.php on line 6078

Notice: Function register_rest_route was called incorrectly. The REST API route definition for membership/v1/tags/schema is missing the required permission_callback argument. For REST API routes that are intended to be public, use __return_true as the permission callback. Please see Debugging in WordPress for more information. (This message was added in version 5.5.0.) in /home/thrivethemes/dev/thrivethemes/staging.thrivethemes.com/wp-includes/functions.php on line 6078

Notice: Function register_rest_route was called incorrectly. The REST API route definition for membership/v1/tags/activity/(?P[\d]+)/(?P[\d]+) is missing the required permission_callback argument. For REST API routes that are intended to be public, use __return_true as the permission callback. Please see Debugging in WordPress for more information. (This message was added in version 5.5.0.) in /home/thrivethemes/dev/thrivethemes/staging.thrivethemes.com/wp-includes/functions.php on line 6078

Notice: Function register_rest_route was called incorrectly. The REST API route definition for tve-dash/v1/growth-tools is missing the required permission_callback argument. For REST API routes that are intended to be public, use __return_true as the permission callback. Please see Debugging in WordPress for more information. (This message was added in version 5.5.0.) in /home/thrivethemes/dev/thrivethemes/staging.thrivethemes.com/wp-includes/functions.php on line 6078

Notice: Function register_rest_route was called incorrectly. The REST API route definition for tve-dash/v1/growth-tools is missing the required permission_callback argument. For REST API routes that are intended to be public, use __return_true as the permission callback. Please see Debugging in WordPress for more information. (This message was added in version 5.5.0.) in /home/thrivethemes/dev/thrivethemes/staging.thrivethemes.com/wp-includes/functions.php on line 6078
13 Productivity Tips to Speed Up Your Design in the Thrive Visual Editor

Today we’re sharing our best tips and tricks to be more productive when building your designs in the Thrive Visual Editor.

If you’re a new Thrive Suite user, these tips will help you become a faster, more confident web designer with our software.

If you’re a veteran Thrive customer or power user, I’m sure you’ll discover a new trick or two to add to your workflow.

You’ll find the intuitive drag-and-drop Visual Editor in the following tools:

  1. Thrive Architect
  2. Thrive Theme Builder
  3. Thrive Leads
  4. Thrive Ovation
  5. Thrive Quiz Builder

It’s time to up your Thrive design game...

More...

Hidden Keyboard Shortcuts

Here’s a few helpful keyboard shortcuts to speed up repetitive tasks when designing in the Thrive Visual Editor.

If you’re using a Mac instead of the obviously superior PC, you’ll find some of the hotkeys will be a little different.

For the most part, you can just swap out the Ctrl key for in these shortcuts, but we’ll mention when it’s different, but there are a few differences.

Mac or PC? Let me know in the comments below!

Quick save

PC: Ctrl + S

Mac: ⌘ + S

The Thrive Visual Editor will helpfully remind you to save your unsaved work after 10 minutes.

You can save your work either by clicking the green save button, or by embracing your inner keyboard warrior and pressing Ctrl + S.

Hit Ctrl + S after every major change and you’ll never lose your work again.

Split the text element into two

PC: Ctrl + Enter

Mac: ⌘ + Enter

Place your cursor at the exact point you want to split your text element, hit Ctrl + Enter, and boom – you’ll split it into two separate text elements.

But ask yourself: should anyone truly have this kind of power?

Add a link

PC: Ctrl + K

Mac: ⌘ + K

Tired of highlighting words and finding the link button on the inline formatting bar?

Then this shortcut is for you!

Click at the start or end of the word, hit Ctrl + Shift + left (or right) to highlight it, and then Ctrl + K to open the link dialog.

Customize Your Canvas

The Thrive Visual Editor can be modified to match your approach to design. Most of these customizations will remember your choices whenever you start a new landing page or other project, so it’s worth experimenting to find the best settings for you.

Here’s how you can customize the Thrive Visual Editor experience to be more productive...

Move the inline formatting bar

The inline formatting bar appears whenever you select text, allowing you to set formatting, alignment, headings, links, and dynamic text sources.

But sometimes it gets in the way of what you’re editing.

Simply use the ‘handle’ on the left to drag the inline formatting bar anywhere on the canvas.

Search for elements

The Thrive Visual Editor is full of great elements to use on your page, and we’re adding more all the time. However, the more we add, the more you have to scroll to find the one you need.

What if I told you that you don’t need to scroll?

Simply use the search box to filter the elements in real-time as you type.

Not sure what an element is called?

You can find many of the elements using alternative names, such as “line” instead of “divider”, or “toc” for “table of contents”.

In fact, if you have a suggestion for an alternative element name we can add to the search feature, let us know in the comments below!

Pin your favorite elements

Do you use a few elements time and time again?

Tired of scrolling or searching for them each time?

Hover your mouse over the element tile and you’ll see a little pin icon appear. Clicking this will pin the element to the top of your elements picker, so it will always be ready to use in your page designs.

Distraction free mode

For some people, a productive environment is a clean environment.

The Distraction Free Mode hides the borders while you’re editing, making it feel like you’re writing directly onto your landing page. It’s a more familiar writing experience for those used to a traditional word processor.

You’ll find the Distraction Free Mode hidden in a secret drop-down menu at the end of the inline formatting bar.

Watch the animation below... both modes allow editing, but the Distraction Free Mode hides the element borders for a more natural feel.

Hide the sidebar

The Thrive Visual Editor aims to provide an editing experience that is as close as possible to the final, published version.

However, for very wide pages and elements, the options sidebar can sometimes force a responsive change in the browser.

Sure, you can preview the final page in a new tab to see your design without the Thrive Visual Editor UI, but another option is to quickly hide the options sidebar using the toggle button.

You won’t need this very often, but it can help you to visualize your final design for very wide pages.

Work Smarter in the Thrive Visual Editor

These are the real productivity hacks!

With the right knowledge, you can replace those repetitive mouse clicks with a flick of the wrist.

After learning these tricks, you’ll find designing your projects to be faster, more intuitive, and even fun.

Move multiple elements

The Multiple Selection Mode allows you to move multiple elements together as a group. It’s a very useful time saver when rearranging elements on the canvas.

Simply select multiple elements while holding Ctrl ( on Mac), and drag one to the desired location.

If you select non-neighboring elements, they’ll appear next to each other after moving them.

Resize columns in 5% increments

Trying to drag a column to exactly 30% width?

31%... 29%... 30.5%... arrgh!

Relax, breathe, and hold Ctrl (Control on Mac) while you resize the column. It will jump to 5% increments!

Duplicate the current element

This. Changes. Everything!

Most people already know that you can easily duplicate an element by clicking its clone icon.

But most people don’t know that you can just hold the Alt button (Option on Mac) to quickly drag a duplicate element to a new location.

Breadcrumbs

Do you find yourself searching for that single pixel that separates an element within another element?

Are you trying to find whether the padding is on the text element, the column, the columns, or the surrounding content box?

Do you like bread?

Then you need breadcrumbs.

If you want to select an elusive parent element, simply click on an inner element first and then use the breadcrumbs at the top of the editor window...

This way, it’s super easy to select the element you’re trying to edit.

Quickly create columns

Columns are a fundamental tool for making a landing page or lead generation element look professional. But how do you add them in the Thrive Visual Editor?

You could search for Columns in the element tray, drag it to your desired location, and choose a predefined layout.

Or you could impress anyone watching by dragging an element next to another, and instantly creating a new column!

This works with almost every element in the Thrive Visual Editor: images, buttons, content boxes, lead generation forms. It makes designing your page quick and fun.

Try this productivity shortcut and you’ll be building columns faster than the Ancient Greeks.

Share Your Own Productivity Tips

I hope this post helps you to feel more confident designing in the Thrive Visual Editor. I’m sure there’s one or two tips in this post you can add to your workflow to save time on those repetitive design tasks.

Do you know any other helpful tips and tricks when working with the Thrive Visual Editor?

Share them below for everyone to read!

About the Author David Lindop


David is a writer who is passionate about ethical and sustainable online marketing. He relaxes by writing fiction, learning foreign languages, and making things out of wood - but probably not all at the same time.

Get In Touch
>