Thrive Knowledge Base

How to Create and Use a ThriveBox

You can easily create a 2-step lead generation process using this basic feature available in Thrive Leads.

If you are already familiar with how to create a ThriveBox, and have created one, you can use the links below to skip to the part of the article that shows you how to use a ThriveBox on your website:

Here is how to create and use your first ThriveBox:

1. Create a new ThriveBox

In your Thrive Leads Dashboard, if you scroll down, you will find the ThriveBox section:

By clicking the "Add New" button, a pop up will appear, where you will need to add the name of your ThriveBox:

Besides adding a name to your ThriveBox, you can also click on the blue play button and a video tutorial of how to use this feature will start playing. You can also see that video, below:

  • Important! - In the video above, a button is also used, as a shortcode, in the WordPress editor - The button is one of the features that come with a Thrive Theme and NOT with the Thrive Leads plugin:

So, all you need to do is get´╗┐ a Thrive Theme on your website and, along with the beautifully designed layouts, you will get all of these features added to the WP editor as well as to the other Thrive plugins you have on your site. 

2. Create a form for your ThriveBox

Once you have created your ThriveBox, you will have to create a form for it, by clicking the "Edit" button next to the ThriveBox you just created:

A new page will appear, where by clicking the "Create Form" button you can give your form a name in the pop up that comes up.

As you can see, in the pop up that appears, you have access to another video tutorial, that illustrates how to setup a form:

3. Set an animation

After you created your form, you will be able to change the animation setting of your ThriveBox, by clicking this button:

In the lightbox that appears, you can choose from a large array of animations, one that better suits your design.

4. Load a template and edit your ThriveBox

Next to the animation button, you find the "Edit" button of the form.

Once you click it, a new tab will open, prompting you to choose a template for the ThriveBox:

After you have loaded the template, you can start customizing your ThriveBox with our editor.

Once you finished the set up and customization of your ThriveBox, you are ready to proceed to the next step and use your ThriveBox.

5. Add the ThriveBox to your post/page or menu

There are more than one way to use your new ThriveBox. This depends on your preferences and also on your Thrive setup.

The first two options are available even if you only have the Thrive Leads plugin active on your website, while the third one, can only be used if you also have the Thrive Content Builder plugin active.

Shortcode trigger

In the Thrive Leads Dashboard, next to the name of your ThriveBox, you can see the ThriveBox shortcode that you can copy and use in your posts/pages:

You can get more information on how to use the shortcode on your website in this video.

As explained in the video, a text, image, button, etc. that is encapsulated with the shortcode will trigger the ThriveBox once it is clicked on the preview of the post/page.

You can see in the image below, how this is done for a image:

ThriveBox menu trigger

One of the newest feature added to ThriveBox, is to have your ThriveBox open by clicking on a menu element.

You can do this by going in your WordPress dashboard to Appearance >> Menus and open the ThriveBoxes Menu Trigger drop down next to your Menu Structure:

Now all you have to do is check the ThriveBox you want to add to the menu, click on the "Add to Menu" button and than arrange the menu element like you would with any other menu element.

Once a visitor will click on that menu element, the ThriveBox you created will appear on their screens.

Trigger a ThriveBox using Thrive Architect

Caution! - These options are only available if you also have the Thrive Architect plugin active on your website.

Using Thrive Architect makes it even easier to use the ThriveBox feature on your Thrive Architect built pages or posts.

You can use the Animations and Actions menu to trigger your ThriveBox. 

Select the trigger element and go to the "Actions and Animations" menu. Click on the "Popups" icon.

From here, select "Thrive Leads ThriveBoxes" and pick the ThriveBox you want.

Click on apply and now, once you save and preview the page/post, if you click on the trigger element (such as a button or an image), the ThriveBox you selected will be triggered.

>