7 Hacks to Unlock the Hidden Potential of Thrive Content Builder
However long you’ve been using Thrive Content Builder, you’ve probably realized how easy it is to use for creating web content.
Buttons, columns, tables, even complete landing page templates, all flow onto your webpage like magic.
Yet, you're merely scratching the surface of this massive toolkit.
You know that one button whose function you never really understood? Or the pile of knowledge base articles that you know exists, but never got around to reading?
You have this tingling feeling that Thrive Content Builder is much more than its basic functions.
Have you ever wondered what lies beneath the surface?
Join me for a dive deep into TCB. Let's unlock some of that hidden potential, shall we?
The Expert Features Hidden Right Under Your Nose
Thrive Content Builder is not some secondhand kludgejob. It's a premium class WYSIWYG-builder designed to speed up your workflow.
It's jam packed with features designed to streamline your work process. Most of these features are intuitively available, but some require paying closer attention.
TCB Hack #1: Use the Source Code View to Export Your Content to Other Sites
Do you work between multiple sites?
Perhaps you need to duplicate content between your business blog and your personal blog. Maybe you're migrating between hosting services, or maybe you'd like to create a post on your own site before sending it out to be published.
What you're looking for is a feature for exporting and importing TCB content. The simplest way to do that is using the HTML button.
Here's how you use the HTML code export:
1. Click the HTML symbol on your toolbar:
2. Select all of the content that appears in the modal window (click the field and press CTRL + A):
3. Open your second TCB window and click on the HTML button again.
4. Paste your HTML content and click the "Save" button:
5. Your new post content should appear identical to your original one:
Congratulations, you've successfully exported and imported your content!
TCB Hack #2: Reduce Your Mouse Miles With Keyboard Shortcuts
Did you know that TCB has a bunch of key shortcuts to save your time and ease your workflow? Here are my favorite ones:
Quick Select to Edit or Move Multiple Elements At Once
CTRL selecting and moving multiple elements
You know when you're building a huge page and need to move a group of elements to somewhere else on the page?
You realize how awkward and slow it is to drag them one by one to their new location?
Same goes for changing a style option on multiple elements.
Trying to go through the elements one by one can take years!
No, much better to CTRL select multiple elements and save yourself futile mouse swinging.
Access the Outermost (Bottom) Element
You know when you're trying to access the outside or bottom element, but you keep hitting an element that's on top? It's frustrating and cumbersome.
Trying to delete the bottom element by clicking the red X
When you hold the Shift-key, your clicks will go straight to the bottom-most element. Now you can delete or edit the bottom-element without additional mouse acrobatics.
Same thing while holding Shift-key
Other Key-Combinations for Basic Functions
If you're in a writing or editing flow, you don't want to break focus to move your mouse and look for a simple function button.
If you've edited documents or photos before, you'll find certain key combinations come natural to you. Luckily TCB responds to many of them, and you can continue working without interruption.
TCB Hack #3: Use a Static Background Feature to Add Flair to Your Page
Feeling a bit adventurous in your landing page design?
With the static background-option, your content will flow over your page like a magic carpet. It's a cool way to add some depth to your page.
Here's how you use the static background:
1. Create a new Page in WordPress and edit it with Thrive Content Builder.
2. Choose a new landing page from the menu.
3. Go to the Thrive Template Cloud.
4. Download the Blank Full Width Page template and open it.
5. Now make a few copies of the Page Section-element.
6. Click on a Page Section-element and click "Background image."
7. Select a background image you would like to scroll your content over. Now your page section should have a background image.
8. Click on the page section again, and select "Static image."
9. Make a few copies of the page section element and scroll your page. See how the background stays put, while your content scrolls?
You've effectively turned a few of those page sections into a "window", looking into a static background. Go ahead and use this technique to create some stunning landing pages!
TCB Hack #4: Group and Save Your Custom Elements for Quick Re-use
You’ve polished and set up a group of elements to agonizingly specific detail. Every shade of colour, every bit of text and custom button. You’ve customized their margins and positioned them perfectly on your page.
One day you make another page, and you desperately want to use the same group of elements. Do you spend hours recreating your carefully customized elements?
You could do that, but the simpler and faster way is to create a content template out of your original design and insert it into your new page.
Create a content template using a single element:
1. Click the element you would like to reuse elsewhere. In the example below, we use a text element, but this can be any single element: an image, a content box, a table, etc.
2. Click on the Content Template-symbol in the corner of the element menu.
3. You'll be presented with an option to save your template. Give it a name and click Save. Now your element is saved for later use.
4. To retrieve your saved content template, click on Content Templates in your TCB toolbar.
5. Now you can drag&drop the saved template into your content like any other TCB element.
You've just created a content template out of a single element, but using a group of elements isn't much different.
Create a content template using a group of elements:
1. We will use a Content Container to collect your elements. Drag&drop a Content Container from your TCB toolbar.
2. Move the elements you would like to include in this template into the content container.
3. Now save the Content Container as a content template.
4. From here on it's the same as with the single element content templates.
TCB Hack #5: Create a Custom Palette of Your Favorite Colors
Imagine designing a landing page using a color palette unique to your brand or image. You need to shuffle three or more color codes between a notepad and a selection of different elements, all the while trying to keep a good workflow going.
Sounds like a pain, right?
Luckily, using TCB, you don't need to memorize all those hex-codes to create a custom palette. All you need to do is save your palette into the favorite colors-space.
Here's how you save your favorite colors:
1. Click on an element to open the element menu. Then click on the Color-selector button.
2. Click on the color button beneath "Custom Colors."
3. Choose a colour from the palette or insert a color code. Then click on "Save as Favourite Color."
4. Your favorite colors are now stored in the "Text color"-row, which can be found in every element's color selection.
TCB Hack #6: Access Previous Saves With the Revision Manager
For whatever reason, you realize your current work-in-progress isn't quite going as you planned, and you want to undo a bunch of stuff. But CTRL + Z only goes so far!
What to do? Will you retrace your steps and try to piece together your changes?
You don't need to. Let TCB handle it! Revision Manager allows you to fall back to previous save states.
Here's how you use Revision Manager:
1. Click the Revision Manager-button in your toolbar.
2. In the modal window you'll find your previous saves. Press "Restore This Revision" to restore a previous save state.
TCB Hack #7: Animate Elements and With the Event Manager
The Event Manager is what opens the opt-in forms in your landing pages. But it hides much more power than that. You can create a number of different events with various trigger activations.
One very useful, less used event is the animation of elements. When something comes into your viewport, an element jumps at you and draws your focus.
Here's how you use Event Manager to animate your elements:
1. Add an element, any element. For this example, we'll use an icon.
2. Open the element menu and click on "Event Manager."
3. Now you're asking Event Manager to create an event for this element. Click "Add Event."
4. Next you need to choose a trigger for the event. For this example, we will trigger the event when the element comes into the viewport.
5. Then you choose which action should take place when the event is triggered. We'll choose "Animation."
6. Define the type of animation you want for this event.
7. Click on "Save Event."
8. Your element is now animated. Save your changes and preview your page to see what happens when you scroll your element into view!
Tell Us Your TCB Hacks!
Now you've seen what lurks beneath those murky waters of TCB innocence.
Have you run across any special features that you found surprisingly awesome? Maybe you thought of something while reading this article.
Share your ideas and findings below!