In Thrive Apprentice, you are able to set up elements on your pages/posts that will display differently, depending on who is viewing the page.
This can be done with the help of the “Conditional Display” element setting, available for a few of the Thrive Architect elements.
Using this option, you can set up specific rules that will dictate how the element is shown to different users or viewers.
Make sure to check out this article in case you need help with general information about the option. This article will focus on an example of what you can achieve using the conditional display setting.
Let’s create a page on which we add a “Content Box” for an e-book that will show:
A “Purchase the product” button for those users that have not purchased the Thrive Apprentice product:
A “Download E-book” button for those who have purchased the Thrive Apprentice product:
This is very easy to achieve with the help of the “Conditional Display” option. Part of the process of purchasing a product includes the user will have to create an account on your site, which means that we can divide users according to whether they are logged in or not.
And thus, we will be able to create two variations of the same “Content Box”, one that is displayed for logged-in users, and one for the ones that are not logged in.
Add the “Content Box” to the page/post
Conditional display is available for the following Thrive Architect elements:
- “Block” element
- “Text” element
- “Background Section” element
- “Content Box” element
- “Custom Menu” element
For this example, we will use the “Content Box” element. To add the element to a page/post, launch the Thrive Editor and click on the plus sign from the right sidebar:
Look for the element in the element list:
And once you find it, grab it and drag and drop it to the editor.
You can then start customizing the element as you wish.
This is how my “Content Box” looks like at the end of the customization. If has some informative text, as well as a “Buy” button with a purchase link attached to it. This default view will be shown to all the not logged in users, so to all the visitors that are landing on this page:
With this setup, access the “Conditional Display” set of options from the left sidebar, by clicking on it, to expand the options:
Create a “Logged In” display and customize it
We can now go ahead and get started creating the display that will be shown to the logged in users. To create a new one, click on this “Add Display” option:
This will add the new display, and you’ll see a warning, letting you know that there are no conditional display rules set for this display.
You can add new rules by clicking on this option:
This opens the pop-up from where you can set up the display rule:
The rule that I will set up here is this one:
This means that the “Logged In” state, the one for which I will add the “Download” button, will be visible for the users that are logged in.
To make things easier, you can rename this display by clicking on “Edit” here:
And once you’ve done that, what’s left to do is customize the actual content. This means that you can customize the “Content” box element, its formatting options, background, and all the elements inside it.
This is what the end result will look like for the “Logged In” state of my “Content Box” element:
Once you’ve set everything up, you’re all done! The outcome is that every time someone visits your page/post, what they will see depends on whether they are logged in or not.
I really hope this example was useful to you. Make sure you check out the rest of the articles and tutorials from our knowledge base if you need more information on various available options and features of Thrive Suite.
|
Want to find out more about the conditional display feature? Learn all about it here. |