How to Build Your List With Thrive Architect

When beauty meets business...

Lately we've been posting a lot about the design features of Thrive Architect and while in awe of the Photoshop worthy capabilities, it's easy to forget that the plugin has some really impressive list building features under the hood!

If you're serious about building an online business, you need to build a mailing list and Thrive Architect is the only visual editor that gives you the power to create lead generation forms, 2-step opt-in forms and exit intent lightboxes without needing any other add-on or tool.

Let me show you!

More...

API Connections & Thrive Lightboxes

When you install Thrive Architect on your site, you'll see that you get access to the Thrive Themes Dashboard and to something called "Thrive Lightboxes".

From the Thrive Themes Dashboard, you'll be able to connect your email service (such as Aweber, ActiveCampaign, Drip, ConvertKit, Mailchimp, etc.) via API. This will only take a few minutes to set up when you follow our step by step tutorial videos.

As soon as your service is connected you can now decide what will happen AFTER someone signs up and you'll be able to design your opt-in forms from within Thrive Architect.

This means no more struggling with ugly HTML forms or copy pasting new forms each time you want to send people to a different download page. Thrive Architect will take care of all of this for you!

Thrive Lightboxes is where you'll be able to customize and create opt-in lightboxes (also called pop-ups).

Landing Page Lightboxes

Thrive Architect comes bundled with hundreds of landing page templates and as soon as you load a 2-step lead generation landing page a pre-designed Thrive Lightbox is created.

Edit and connect landing page lightboxes in Thrive Architect

In order to edit and connect this lightbox to your email service, go to the Thrive Lightboxes menu in your WordPress dashboard and click on the "edit with Thrive Architect button".

This will allow you to connect the lead generation form on the lightbox with your email service.

Select the lead generation form and click on "connect form to service"

That's it. That's how easy it is to connect a landing page lightbox to your email service and start collecting leads.

And if you're looking to set up a full list building funnel, you can follow this step by step tutorial.

But that's just the beginning... Thrive Architect also allows you to add lead generation elements to any page or post.

Pages & Posts Lead Generation Opportunities

There are 3 big levers to build your list with Thrive Architect:

  1. The lead generation element. This element allows you to add an opt-in form anywhere in your page or post content.
  2. The 2-Step lead generation lightbox. This lightbox is triggered when someone clicks on a button (or a text link).
  3. The exit intent or timed lightbox. This lightbox will show up when someone is about to leave your page or after a certain period of time.

1. Add an Opt-in Form Anywhere on Your Page or Post (3.01 min)

In the elements list, you'll find an element called "Lead Generation" this element allows you to add an opt-in form anywhere on your page or post.

Simply drag the element on the page an customize it to your liking and connect it to your email provider.

2. Create a 2-Step Lightbox (4.30 min)

To create a 2-step lightbox, you'll first have to create a new Thrive Lightbox.

Add new Thrive Lightbox

Then, click on the element you want to use to trigger the ligtbox (eg. a button) and use the Actions and Animations menu to trigger the lightbox.

3. Set Up an Exit-Intent Lightbox (6.28 min)

After creating your lightbox in Thrive Lightboxes, you can use the page events to set up an exit-intent (or timed) lightbox.

1. Go to the Thrive Architect settings

2. Click on "Setup Page Events"

What About You?

Are you using the full power of Thrive Architect to build your list? Let me know in the comments below! 

Where does Thrive Leads fits in?

Author: Hanne Vervaeck

Hanne knows exactly what companies have ever retargeted her (she keeps an updated file). And when she's not busy discussing high-level funnel design over cocktails with the equally geeky, you'll find her discovering a place for the first time

79Comments

This post sums up one of my favorite features of Thrive products– the ease of creating and connecting these funnel building elements. One question: it seems that using the API connection, you can only add name, email, and phone to an opt-in form; while using HTML, you can add whichever fields are present in the original form created in the email program (Aweber, in my case). Perhaps I’m missing something. Is it possible to add other fields to forms via API or no?

    Hanne Reply

    Hi Rick that’s right. With API the number of fields is limited to name, email and phone number.

      Onuora A Reply

      Hi Hanne,

      It would be really cool if you guys extended the lightbox functionality to also accept text fields for questions/comments etc

      Maybe an API call to contact form 7 or even WordPress directly.

      Thanks

      Hanne Reply

      Hi Onuora,

      What exactly would you like to accomplish?

      David D Reply

      Hi Hanne, is that a limitation of the API? Could the connection via API be extended in some way? Great tutorial by the way.

      Hanne Reply

      Hi David,

      Yes that’s the limitation of the API

      Manuel U Reply

      Como puedo adicionar un nuevo campo para que dejen un comentario o la información que requiera el cliente, por cuanto el formulario; no contesta directamente lo que quiere saber el cliente; hay alguna solución?

      Hanne Reply

      Sorry Manuel… English please?

Looks great! Can your developers integrate one of the most popular email/listbuilding services from Germany, Switzerland and Austria called Klick-Tipp?
Here is their API integration documentation:
https://www.klick-tipp.com/handbuch/application-programming-interface-api

This would be a huge step and help for many of your german/swiss/austrian users :)

Kevin R Reply

I’ve created my home page with Thrive Architect and connected my email service with it. It’s not the most impressive page but at least I hope I’m learning to do it the right way.

Hope to use the awesome homepage template you guys created when I’m ready.

Mintukan Reply

It is simply awesome. Thank you so much for sharing.

Jane R Reply

Love how easy it is to create everything my website needs just with Thrive Architect!

Martin Reply

Love the features, just wondered when the contact form inclusion would be coming, seem to remember reading it somewhere

    Hanne Reply

    Hi Martin,

    It’s on the list of features to develop but I can’t give you an ETA yet.

Amazing!

this new plugin is f…. amazing

Kieron G Reply

Just wondering if it’s possible to add Mailwizz in with API access. Wouldn’t be much work on your side as you already have send reach which uses mailwizz. You only need to ask users for there API URL as well as what you ask for in send reach.

    Hanne Reply

    Hi Kieron,
    We collect votes for new API connections and implement them based on demand. I added your request for Mailwizz to the list

Rangana Choudhuri Reply

What camera and mic set up do you use

denis d Reply

Hanne, just the video I needed. I have been using the content builder for years and with the new update with thrive Architect, it’s easy to forget, you’re so right. I was feeling a little lost getting comfortable using it. Thanks, so much. Keep them coming. I love your videos.

Bart R. W Reply

Hello Hanne, your how to videos are very informative.I have a question I hope you can help me with. Bear with me; I’m new at this.I have created a landing page with buttons and links to a Free ebook offer. Once the link activates, is it possible to trigger a thankyou page at the same time? I don’t want to lose people once the ebook is downloaded, but at the same time, I need to get them to the thankyou page without too many steps. On the thankyou page there is another free offer which needs to do something similar— open an application (to either sign up or screen out people) and
a scheduling calendar with possible openings. Is this too much to expect in the sequence? Help, I’m going in circles! ;-) Sandra

Great article. I just have a couple of question.

1. Is there a way to add an event globally to the entire website? Because now I have about 50-60 posts and if someone comes to them directly (e.g. from a search engine) there is no event set up. Do I have to go to each post individually and set up a timed or exit intent Lightbox?

2. If someone has already seen the lightbox on the home page and then goes to another page which also has a timed lightbox. will that person see the lightbox twice? Is there not a way to make one appearance per session of the user?

Thomas L Reply

Short and sweet! Already putting lead generation element to use it but Thrivebox and pop-up are also very very apropo. I second the idea of getting a contact form element for Thrive Architect, and when that happens, I’ll ditch Contact Form 7 and the endless HTML tweaking for real. You guys are visionaries in the true sense of the word.

Thank you, Hanne. I appreciate the information.

Thank you. Great as always. Maybe you could do one (or maybe there´s already an existing tutorial) for Thrive Leads + Thrive Quiz Builder. I´d like to learn step by step how I could add a powerful email segmentation strategy plus adding tags to leads/customers but using GetResponse as the ESP. They have automation ready as a tool now, so I´m curious on knowing how I can take advantage of this in the most powerful way possible.

Thank you in advance.
Luis

First, Thanks Hanne, for laying this out in a straightforward fashion. Very helpful.
A question regarding the sample webpage you were using, “Hi I’m Elena,” there is a button on the top menu marked “free e-course.” Is there a tutorial somewhere on how to get/make/code that kind of button on my main menu? I’d love to use that for list-building purposes. Thanks in advance!

robertwcookejr Reply

Hanne, another great tutorial. I have a few questions..1) Im a beginner to intermediate when setting up a website. No coding skills. Will Thrive Architect be too difficult or should I outsource? Does support answer basic questions? 2) What Laptop do you and Shane use? Is that a Surface? Do you like? 3) What is the brand of microphone you use? Very crisp. Merci, Rob

    Hanne Reply

    Hi Rob,
    1) Thrive Architect is made for non-coders. If you know your way around WP a bit you will be able to create your site (and we have a ton of tutorials like our website from scratch one.
    2) Yes a Surface Pro 4 absolutely LOVE it!
    3) A zoom H1 (or H2) best price/quality I found so far :)

Chett Coombs Reply

Will the new Thrive Lightbox capture UTM data out of the URL using hidden fields?

    Hanne Reply

    Hi Chett,

    Hidden fields are only possible if you connect through HTML (and not through API) and I think it should but not 100% sure…

Hi Hanne, Thanks again! Always very helpful to steam up with the valuable tools within Architect. Question: I use also gravityforms on my sites. Sometimes I need more fields, so can I use these forms as well within Lightboxes?

    Hanne Reply

    Hi Tom,
    I haven’t tried it… But I guess gravityform gives you a shortcode? I’m pretty sure it should render correctly.

I really like this incredibly helpful and timely video. I’ll definitely be adding more sign ups to my site so thanks for highlighting Architect’s features to facilitate this. So useful to be shown where these features lie in the menu systems. Thanks Hanne.

Ramesh P Reply

Thank you Hanne, really helpful tutorial.

Roxanne d Reply

Yet another reason why I love love love Thrive Themes. THANK YOU Hanne :)

JuanPedro S Reply

Hi Hanne,
A truly helpful tutorial that comes at the right moment in time.

I have created a Lightbox with an opt-in-form that I added using a HTML-short-code. However, it does not work properly.

I use the same HTML-short-code on a landing page where it works just fine.

Are the lightboxes programmed so that you can only go through API? If yes, that would be a pity.

Many thanks for your help.
JuanPedro S

    Hanne Reply

    Hi JuanPedro,

    The way to set this up is to add a lead generation element and connect that lead generation element with the HTML form instead of the API connection.

Ha me, Love this short & informative tutorials – keeps all the options available in TA front & centre. Keep them coming :)
Alison

Harry H Reply

Hi Hanne, I really appreciate all the tutorials you and Shane are making. It’s really helpful. I still have a question though, I don’t quite understand the difference between Thrive Leads and Thrive Light Boxes. When do you need to use what? Maybe you can elaborate on that in a next video?

Thanks!

    Hanne Reply

    Hi Harry,

    If you have Thrive Leads, I would always recommend using Thrive Leads Thriveboxes instead of the Thrive Lightboxes. Reason being that you will be able to A/B test and get detailed stats!

James Reply

Amazing content you put out, wow! Question; is is possible to have the “thank you page” of a lightbox popup leadform stay inside the lightbox popup, so no other URL is shown? And the 2nd question; if that is possible , is it possible to “fire” a pixel/tag when that thank you page loads inside the lightbox?

    Hanne Reply

    Hi James,
    That is possible if you use our listbuilding plugin Thrive Leads (you can use the “thank you state” of the lightbox.)
    In that case it is not possible to fire a pixel because there is no page reload but you can fire a tag if you connect your email provider through API.

Maayan Reply

Thanks Hanne!
When I use that lead generation element, does it show me the stats anywhere?

If not, how do I make it show?
Thanks,
Maayan

Allan C Reply

How can I trigger showing the Thrive Lightbox (Exit Intent and on-click) without using Thrive Architect?

For example, I’d want normal blog posts to have links that open up a Thrive Lightbox + will activate on Exit Intent

    Hanne Reply

    Hi Allan, not sure how you would use Thrive Lightboxes (which is part of Thrive Architect) without using Thrive Architect ;-)

    If you’re not using Thrive Architect for your blog posts and you want to trigger a lightbox, you can have a look at Thrive Leads, Thrive Leads allows you to use shortcodes to trigger a lightbox within a WordPress post.

Hi Hanne, once again an awesome video and blog post! Thank you for including a bit at the end of your post about the power of integrating Thrive Leads, however I am still having trouble with the technical set up of using Thrive Architect landing pages (which already have forms) with Thrive Leads. I see from the comments that there are others trying to understand how to best put these two plugins together and I’m wondering if you could do a tutorial showing the steps on how to integrate Thrive Leads with Thrive Architect landing pages (so we can track, do A/B testing, etc)? I’m confused about the order…. for instance do I need to make all my forms in Thrive Leads first, then delete the forms on the landing pages then insert them from Thrive Leads?? How do I keep the design elements the same? Is there a recommended way to do this? Any help is appreciated!

    Hanne Reply

    Hi Lisa,

    Yes you need to create the thrive boxes in TL first and we added all the designs in the templates library (for lightboxes). You can find them with the title “LP”. Then you need to connect the landing page with the TL Thrivebox by going to Animations and Actions.
    But I made a video for this that I will publish very soon :)

      acu.insights Reply

      I just watched the video you made. It is EXACTLY what I needed! Thank YOU!! :)

Harvey Reply

I used to be able to (pre-architect) type in the html code generated by Digital Access Pass (DAP) into the submit button html option on TLeads and it would take me to your matching thank-you double optin page and simultaneously add my optin’er to DAP. All I get now is an error msg. As you and DAP do not have an API, how do I use your “beautiful” optin forms and tie them to DAP. Like I said, all was good B4 Architect.

    Hanne Reply

    Hi Harvey,

    Sorry to hear.
    If you’ve followed the instructions here to add an HTML form and you still get the error message. Please open a support ticket so that our team can have a look.

Thank you Hanne. Excellent review of the features. So nice!

Great Job Hanne :D
Initially, I was struggling with Thrive Boxes, API Connections but that has gone with today. Thanks for making such a descriptive, illustrative images pointing out as bullets in.

Thrive themes are the best converting themes i have ever found… Hope to increase my sales with the help of this lead generation plugin.

nanapennypockets Reply

I want to put boxes below a post with titles taking the reader to another article to read. How do I do this?

Hanh Thai Reply

Hello there.
I can’t put an internal link in a list element.
What should i do now? Please fix it soon.
Thank you.

absint0o Reply

Hi there,
i have a problem now with the TA, i can’t open toggles (i tried to click everywhere in the toggle box but it doesn’t open) and i can’t change tabs in the tab element, it’s allways in the first tab!!! it’s very anoying! can you please help me? Thanks!

Carl D Reply

Hi Hanne
Thanks for a great video…I hope I’m not asking a question thats been asked already.

I would like a single button that is reused across ‘hundreds’ of pages.

I would also like a single Opt In form
OR
a Single Lightbox or Thrive Box
and a single form (which is just the email address)

What I need then – is the URL of the page the customer is visiting – being captured.

This way I can understand what their enquiry related to.

My overall goal is to have a simple ‘ Find Out More’ button on each page.
And if the URL of the Page is captured, then I know what the enqury relates to.

Is this possible?