How to setup Thrive Architect on click Popup with signup form (Without using Thrive Leads)

[Music] in this video I am going to make a popup on click using tribe architect so let me show you how how this Silbert when I click on the pop-up when you click on the button over here a pop-up will appear with the lead generation form or like a subscription form opt-in or a sign-up form there is a progress bar above this form so in that that this day this is the step is almost finished like so it looks nice so that's the thing and for doing this like for making this pop-up I am going to use only so this page over here the pop-up and everything over here is made with only made with thrive architect so like most people think that in order to show pop-ups on your website that you'll also need to purchase like their thrive leads tribe leads but this is not necessary you can make on click pop-ups using only using tribe architect so let me show you so in this website let me show the plugins that only tribe architect among all the thrive plugins one day I have only activated that thrive architect plug-in and thrive leads is deactivated and all the other I have also deactivated all the other tribe plugins only the try product manager but we only use it to install like thrive products or something try products only we don't use it to practical use it for any functional thing other than that so so that's the thing I'm going to use only tribe architect and so to make the pop-up I'm going to use only thrive architect to make the proper and so why do you use an on-click pop-up we can embed the form right on the page right so we don't using a proper form in this way it is better it is say is it is a bit better it helps in more conversion because when you have the form when you click on the form it appears as a pop-up and because of that because of that like when you have the form in a pop-up all of the distractions are removed the others all of the sides are darkened and all you see is the form all you have to do as a user is to fill up the form so it is something which helps in right conversion rate etc so people are more likely to fill up this form and and this this looks much nicer so if we embed a form you don't look it by take up a whole lot of space and you don't look so nice so that's why this button looks much better it looks more cleaner and and users will be like if user sees the form a form right away so they might be turned off by the form and might not submit the form so it is better to show the form is in a pop-up form in a form of pop-up okay so let me so what I'm going to do I am going to make this thing like the whole then this whole thing from scratch again just to show you everything step by step so that I do not miss out anything and you look mainly it is for you that so that you learn the concept that how it works mainly works so I am going to do everything from scratch so I am going to make a simple page like this and make a pop-up to connect to this button so I am going to do it from scratch again just to show it to you so that all of your concepts are clear so first thing so as a reference as a reference I am going to follow this blog post so that do not make any mistakes I'm going to follow all the steps in this blog post like step on creating a new page and step to ending up drive lightbox and connecting the stripe light box with the button in the page so let's get started with the steps so firstly what is the step one let me scroll down in this page step one create a new page and import a thriver architect landing page template with a button so what I'm going to do I'm going to create a new page but I'm not going to import their tribe architect landing page because I'm to show you like all the steps from scratch so I am NOT making important landing page template so let me go over here let me go to pages and add new so let me write pop off demo so I can edit with this like I don't need to publish the page I can only just save it as a draft and then launch tribe architect so after I launch this page ejecting displaying okay so okay so I belong to the page-width tribe architect so you can see that there are other things around over here like that this from the thrive theme builder signed repeat note this so I don't need this so what I'm going to die am going to import kind of blank template kind of I'm going to scroll down and over here in the blank template I'm going to I'm going to just choose this one blank page kind with some kind of content so I don't need to create the contents again so so it's loading okay so this is how the it's almost like almost like blank with just a heading text and populated so what I am going to triangle to choose this background section and I am going to match the height to screen okay and I am going to vertically align Center and I am going to align all of this text Center okay so let me just write a title so what I think we did it would be best to like to make all the text in the title uppercase I think it makes it stand out a bit more so let me write the title so click the button below to down the Cato type PDF okay so let me check okay so just I just gave me their title or some of some kind and then I'm going to add a button to it button okay let me get this button effective download the Cato feed now okay so this is the bottom so let another thing just another small thing I am going to go to more options and icon and I am going to choose a download symbol for this so people look like no like would get understand this is a button to download the PDF so load this one I like this one so let me select this one so fine I'm going to just so this over here this work is done so I've made the page right so let me just keep it simple for now let me save this page and now let's go back to refer to this again add a new try flight book so in thrive architects like they call the pop ups they call the pop ups is they refer to the pop ups a stripe lightbox so they don't call them pop up so they call them try flight book so sometimes this causes confusions confusion among new users so well just to simplify things just know that they call pop up stripe lightbox okay so what I need to do now I need to create a new popper or try blind box so firstly I need to add a new thrive light box so I'm going to go to the back end tribe light box and add new so I'm going to name this popup break Kato Papa just a name I'll need this damn I need needs to do I need to remember this name later on you will see why so I need to publish this Papa Bob of course I need to publish this pop-up saving later Savini acid are on them so and now and now let me edit this with driver today so I'm going to create a simple like simple Papa I am NOT going to do so okay so the main is over here that you don't get any kind of templates with this tribe light books if you have like tribe leaves you get a lot of templates a lot of kind of like pop-up templates if you use ripe dates but with right flight folks you don't get much of of the templates but that's okay that's fine let me just add a form so the signup form which is called five lead generation so I'm going to add this over here and I am going to add the progress bar progress bar but here so an angle to hurry I'm going to set the progress bar to 50% and I'm going to rename this light this is almost almost finished fine so yeah it looks fine on mobile and everything so let me just save it so this done right so this one is done so our work over here so we have already made the Papa and the name of the pop-up is kata pop-up right so let me go to the landing page which in which we are working on and what's the third step let's see the third step the third step is to connect the light try flight box or the pop-up with the button - in order to do that we need to select the button and go to the any animation and action and then choose the try black book or try black box option and give the name of the pop-up and okay so so this up of a box and this is the landing page that were in which we will show the Papa wanted Papa so we have already saved this but we will need to reload this stage so that it detects the pop-up so let me reload this page okay sold what I am going to do I am going to click on this button and I am going to scroll down to any nation in action and I'm going to delete this link action because I have to show the pop up or thrive light box and I am going to trigger keep it as click and choose this one open type light box and I am going to type in the name of the the name of the light box so our light box name was Kate Oh Papa so now I'm going to go over here and I keep on writing it open so it appears right like away so let me select that and let me click on imply and make sure that you click on this Save button okay so fine it's saved so let me go to the page so I have named it this page landing pages pop-up demo so here is my page it is as a draft okay so this is the new page updated now when I click on this save so this is the pop-up so this is how you create a like on keep pop up using schreiber kitten and connect it to a button like you can also do the same let me show you another thing you can also just connect this pop-up with the icons let me see let me keep Suzanne icons and let me just unload the download icon okay so let me just enlarge is this one and you can also connect the pop-up with this icon just click on the icon any machine in action click over here and then just keep on writing the name of the Papa Gator Papa apply safe and connect click over here and I click on this so this is also how we can show the pop-up right over here so so this is how you create an on click pop-up using only thriver detailed you don't need try blips you don't need to spend another like 67 dollars on try this just to show a simple on click pop up with the subscription form another thing another important thing which you might find useful so I've showed this mainly so the that you there so that you understand all the concepts over here and so you know that how to make a system like this from scratch so but let me show you another thing which you may find useful so I let me just type this famous test page save it as a draft and it launch tribe architect okay so there are also other also landing page templates in cyber architect which has like pop ups like five light boxes like associated with it attached with it right so let me see let me see this one suppose let me just pick this one okay now let me take this one okay just let me just peek at this which I know step one okay for let me use this one atomic to smart just template so this template already comes with a pop-up like Ock type light box attached to it so let me show you to show it to you how it works so this is the landing page template let me save it so this button already has like it has a like pop-up at us to it so any scroll down there is pop up open lightbox so let me see the name of the Papa lightbox test like books this stage okay just let me save it so let me see what kind of pop-up comes with this like template okay so let me click over here so that is the kind of like pre-made pop-up or try black box which comes like along with this landing page template so there are a few of this like landing page templates but it is good to learn the concepts about how you can make make your own pop-up from sketch so that you can customize it the way it exactly the way you want to so let me see let me so let me show you to where you can edit this pop-up over here so let me go over here you go favorable light boxes and then go to light boxes and this the new pop-up which came with the landing page which I important so let me just show it you okay so let me just edit it with dr architect okay so this is how you access the Papa and you edit the text you select the farm add connection to the poem like Bill cheap hectic campaign like what ability lay and retake it the form after someone's up with out put a welcome page oh sorry Thank You page so this how we access this tribe lightbox so let me close it and so all of this you can do without even stalling tribe lives only with tribe architect so this is the way how you would do the perform like make a non cake Papa I hope I hope that you have found this video useful if you like if you found this video useful then please like the video and also please subscribe to my channel to get more updates to more updates and notifications to videos like this so thank you have a great day

Channel: Tasvir Mahmood

Views: 1,455

Keywords: thrive themes, thrive architect, popup, pop up, on click popup, popup on button click, popup with signup form, wordpress, thrive leads

Id: ePksqP4pkTk

Length: 21min 11sec (1271 seconds)

Published: Wed Jun 24 2020