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:
- Thrive Architect
- Thrive Theme Builder
- Thrive Leads
- Thrive Ovation
- Thrive Quiz Builder
It’s time to up your Thrive design game...
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!
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.
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!