Intro to Unbounce for PPC

Key Takeaways

on this channel we talk a lot about how to use the advertising platforms to get the most out of your ad dollars talk about a lot of different strategies and nuances to make sure that you're really getting the most out of the platforms but sometimes we need to take a step back and outside of those platforms to find a new way to improve performance looking to a third party provider and today we're going to talk about one of those that's my favorite unbounce the world's leading landing page and conversion optimization platform on unbounce you can create landing pages set up a b or multivariate tests and track conversion performance and determine which variant is going to work best all within this platform to be quite honest i've already messed up a lot of these intros because i keep wanting to talk about too many things that unbounds can do and i just end up going off the deep end so rather than messing up yet again let's go ahead and hop into the unbounced platform and i'll show you all the cool things that you can do to improve your ppc campaigns before we get started pay attention to the link that's at the bottom of this video pane this is the affiliate link for paid media pros as i'm going through this video at any point if you decide that you're sold you don't need to see any more you can go to this url which we'll put in the show notes for an easy reference and you can sign up to get a 14 day free trial and a discount on your unbounce subscription if you sign up through our link once you log in to unbounce this is what your homepage is going to look like this is where we'll be able to see all of the different pieces within our account and be able to get where we need to go everything on the left hand side are things that i'm going to touch on in a little bit but in this main big portion of the page you'll see here this is where all of the landing pages that you have created are going to be listed as you can tell i don't have any landing pages created yet so this is where we're gonna get started so i'm gonna come up here in the top and i'm gonna click create new that opens up the beginning of building a landing page and over here you can see that we do have a few different pieces we can build landing pages pop-ups sticky bars amp the only portion i'm going to talk through in this video are landing pages if i talked through every single thing that unbounce could do i would be here for five hours and nobody wants to watch that video let's be honest so we're going to focus on what unbounce does best in my opinion and that's just the landing page builder in and of itself when we create a new page you'll see that we have a few different options we can choose a template there are a hundred different templates that we can choose from to start a brand new landing page on unbounce all of these are listed here you can just simply scroll through find one that works for you once you've decided on one that you want to use you can click on it it'll open up this preview so you can see what the desktop version looks like scroll through each of the different pieces in here kind of understand what the layout looks like what the different components are that sort of thing you can also switch to have the mobile version so you can see what that looks like this is one of my favorite things about a lot of the landing page builders that are out there right now is that they allow you to have different pages built for mobile versus desktop since we live in certainly a mobile first world now you'll also notice that one of the quote unquote templates is a blank page you can start with a completely blank page if you don't want to have any assistance from the get-go this is somebody who knows exactly what they want to put in the page they already know where everything is and you just want to get in start building you don't want to have to customize something else that's not what i'm going to do for this video i think it's going to be easier for me to show you most of the things this builder can do if i start with a template so i'm going to do that for today but if you already know everything you want to do you can start with a blank page and build everything from scratch for right now let's hop back over to this template that we started with we'll come over here down in the bottom right and we'll give it a name and then we'll choose start with this template now we're in the unbounce landing page builder itself this is where we're going to make the changes to the landing page to customize it and make it look exactly like we want to a quick rundown of the layout of this portion of the builder we have over here on the left the contents of the page so each of these different portions is going to be a section of the page you can see when i hover over each of the pieces that are parents of the pieces below highlights all of them so this benefits section contains box one two three and each one of those contains text benefits and icons so if we want to quickly scroll to a portion of the page you can click benefits and it scrolls me right down to this portion of the page and you can see there's a dotted line around this section because that is what i currently have selected as you can tell maybe benefits is a very easy name to understand but box one might not be so maybe you want to change the name of this you can just come over here on top of the text give it a double click and now you can change the text to be whatever you want now we know that this is benefit one so if you are trying to scroll through a number of different portions of the page you can easily know what each of these things are you'll notice that when i did that this little blue button up in the top showed up because i've made a change to the page and unbounce is encouraging me to save that change every time you make an adjustment to an unbounce page this button is going to pop up blue and say that you need to save it because your changes are not saved this is a very easy way to know if you have the page saved or not and you should treat this exactly like you would any sort of other document or excel sheet that you've worked on if you've been working on it for a while and you haven't hit save sometimes your machine will auto save unbounce will not do that you need to save all of your changes before you exit and usually unbounce will prompt you to make sure that you have saved your changes before you leave that way they're not abandoned but you do need to make sure that you save everything before you publish the page so for right now let's go ahead and click save and now the button has turned back into the dark color because i haven't made any changes that aren't saved so the left hand portion is how you navigate to different sections of the page this next step here this small little set of icons is going to be how you add different elements to the page that aren't already there so as we can see here we have the header section of what's going on in the page so this has our title it has this image it has the form available and then it has some additional text and then now we're down into the benefits section if we wanted to have something in the middle you can add a new section to the page by clicking here dragging and you'll see that a little gray space just opened up between these two if you then let go of the cursor a new section has been created this is quite frankly what it looks like when you start a page from scratch there's nothing there you need to add in all the sections and all the different pieces to your page but again we wanted to start with a template so you can see what it looks like when we adjust different portions of the page looking at all of the different pieces that you can add to a page you have the section that we just went over a box text box image a button light box button which will open up a light box this is a form but you can only have one form on any given unbounce landing page and since there's already a form here this is grayed out but if we were to delete this form you'll notice that the form pops right back up because we now can put a form wherever we want to let's say i decided that i don't want to remove that form and i want to put it right back where it was you can come up here and click undo and now the form is right back where it was and this button goes right back to being grayed out again you can also embed a video or add custom html to your page wherever you need to for whatever reason so each of these different aspects are the elements that you can build in an unbounce landing page and then customize later on one of the reasons i chose the template that i did is because i know that this template has a number of these different elements throughout the page and i do want to show you as many examples as i can without going through every single fine detail of the page and when i do that i'm also going to be showing how to use the editor bar up here at the top as well as any of the different editor functions over here on the right these are going to be the ways that you impact the elements whether it's through the order or where they're showing up or any of the customizable pieces within each of those elements so let's go ahead and go through some of the different portions of this page and we'll talk about what that looks like we've already added a new section to the page so let's just go back down to my blank section and when i clicked on that you'll see that this entire section over here changed quite a bit the geometry section over here lets you choose how wide which is blurred out because the page is set at 940 pixels or you can choose how tall you want this section to be by adjusting the height so let's say i wanted this to be a bigger section i can either adjust the number of pixels here and hit enter now it's 500 or because this platform is extremely user-friendly you can also come over here highlight over the bottom and then just drag this section up you'll see that the number changed so that it's now 235 instead of the 500 that i set so there are going to be two ways that you can impact most elements on this page by either coming over here clicking dragging moving things around or you can adjust it over here by using the different elements in this right hand panel you can set borders around the section if you want to you can also soften the corners you can change the background color right now it's a solid color but you can change it to be an image a pattern solid color a gradient or a video if you want any of those so if we wanted to change it to a gradient from a solid color we click on that you can see that the base color is here currently set to white you can then click on this and if you want to change the page to say i don't know red you can choose that now you'll see that the gradient colors are in here right now it's automatically choosing my top and bottom colors but if you want to you can unlock this and then you can add in the html codes for each of the individual colors or you can choose your top and bottom colors from the picker itself to customize what those look like so if you have your two brand colors and you want to go from one to the other you can customize those in whatever way you want or you can leave it back to the standard gradient that unbounds has set up toward the bottom of this editor over here on the right you can change the element metadata if you want to but one thing i do want to call out is when you are creating anything in unbounce you're going to be given an id and a class for each of the different elements so this element specifically this is going to be the id saying that this lppom block 267 is only referring to this section and this entire section every time you use that you'll also then have the class here as well which is again the same block if you are going to use any sort of custom features where you want to navigate to a specific portion of the page you'll need to know where these ids are and i'll show you an example of that here in just a minute but for right now let's keep going through some of the different elements that are on this page now let's scroll down to the benefits section that we looked at a little bit ago because i want to highlight a few different elements that are here the first thing is you can tell that we're in an entirely new section but within that section there are a few different pieces so this white box outline here this is going to be the box element that we see over here on the right we then have three specific smaller images and you can tell that every time i hover over one of the different elements on the page unbounce will highlight it with one of these little dotted lines to tell me that i'm on a new element so adding a new image would be this icon over here and then down below we have a number of different text fields and all of those are going to be this t icon over on the right so to show you how the builder works a little bit let's go ahead and just say that we want to add a box of color behind these three elements within the benefit section it won't serve any purpose other than just letting me use the builder and show you how a few different of the builder tools work so first i need to come over here click the box icon and drag and drop it you'll see that when i'm dragging it i have not let go of the button on my mouse just yet there is going to be a checkered background to show where i am adding this box in terms of organization within the page so right now i'm adding it to the entire section but if i come down here a little bit you can see that i can add a box within the white box that's already there so pay attention when you're trying to add different elements to your unbounce page because it does matter where you put them so let's drop it behind this entire piece because i do want this to show up behind all of the benefits boxes and then we're going to take a look at where it shows up in the left-hand navigation that we looked at earlier once i've dropped that in the new section you'll notice that box 4 showed up over here in the benefits section and it is above benefit 1 box 2 box 3 because it's not within them if i wanted to organize it within this different piece you'll notice that it jumped below benefit one and it has a tab over because now it is inside of the benefit one box so that's how the organization on here works i'm gonna take this back out and now let's just try to orient this the way that i want it so if i want it to be behind all of these elements i might make it look something like this and to adjust the size you just grab the corners you can get the arrows make it as big as you want but now i've got a little bit of an issue this white box is over all the benefit statements that i want to be behind this is where the top navigation comes in we can click send backward and now you'll see that each of the different pieces is going to start popping up we only got one of these sections here we only got the first benefit section so let's keep clicking send backward now we've got benefit too let's do it again now we've got benefit three and everything is out in front you can see when we hover over all of the different white boxes highlighted there to make it a little bit easier to see i'm actually going to come over here and start looking at what the right hand navigation looks like and what we can start to edit on this piece so the same thing with the section you can change the size utilizing these different pieces here the position is something that we didn't see with the sections because this tells us how far from the left side and how far from the top of the section that it is in we've placed this box so we're only 27 pixels from the left hand side 33 pixels from the top portion of the section that we're in same thing here we could add a border but for right now i just want to change the color background to be something that stands out so we can make it look a little bit different from everything else so let's change it to be a blue color do this and now you can see that each of those benefit boxes that we had in place in this section are now being backlit effectively by the blue box that we just added for the most part that's how you edit everything within an unbounce landing page if i wanted to come over here and adjust something in the text i can come over here and click on top of this text box now i have it selected you can see that i can adjust different alignments of the text that we have within the box i can also change the properties just like i can with everything else and if i double click i can change the text itself you see that when i did that the cursor came up so let's say i just want to change this benefit statement and take this second sentence out just to make it shorter you would edit it just like you would any other text box when you're in here you can adjust a lot of the different styles just like you would in any other text builder you can choose the family of font that you want so right now it's set up to roboto but there's a lot of different fonts that you can choose from and adjust however you see fit so there's plenty of different options here and if you do have your own font you can add a completely new font from an external file if you want to so you can customize these pages pretty specifically to what your brand guidelines are you can then adjust the size of the text and align spacing between each of the different pieces so let's just look at what line spacing looks like over here because this is something that i think gets people caught up a little bit we all know what the text size is we go from 14 to 18. that part makes sense but the line spacing helps us see how crowded our text can be right now it's at 22 that still looks pretty good but you can change it to 31 if you want and now there's more space between each of the lines within our paragraph that make it a little bit easier to read if you have your text be a little bit too crunched the bigger you make the text font size the larger you're going to want your line spacing otherwise things are going to get really crowded really quickly you can change the text color to be whatever you want again you can use an html code or choose from the color picker that we have over here so right now it's dark if we wanted to make it light easy change to make you can then adjust whether you want it to be bold italicized underline strikethrough superscript or subscript if you want to have your formatting look like that you can also adjust some of the different pieces over here by either aligning it left center you can add in different bullet points a numbered list you can indent the text and then we're back into other pieces here that we've seen before geometry where it's aligned within the element that it's in it can have any different borders that you want to have you can also have the background properties changing colors all that good stuff so there's a lot of different pieces here this background property if you want to have it be a solid color let's say we want it to be something that's just a bright color so we can make an example so i chose red but you can see that the opacity is set at 0. if we want to make this highlight just pull this over it's horrendous and difficult to read but now you get to see what the functionality does again i don't make pretty examples on this channel i just make it so you can tell easily what the functionality is let's turn this back off because my eyes hurt too much so that shows you how you can adjust any of the different text pieces and all of these elements here whether they are the additional paragraphs or this different headline all of these are just text elements as well images are relatively self-explanatory you can click on an image you have a lot of different elements that you can adjust over here on the right and you can change the image itself and go into the image library that you have available obviously as this is a placeholder account i have no files available to upload and change my image but you can find different images through unbounce's public image library one of the biggest roadblocks i see when people are trying to build landing pages is that they can't find images icons any visuals to go on the page that will express what they're trying to sell this tool is amazingly helpful for that you can see if you need a five-star review they've got an image that you can use they've also got some stock imagery that's available if you're selling coffee something like that there are lots of different images that you can utilize on here tons of different icons to help tell the story of your business on your landing page without having to spend lots of money ending up having to go out and get different icons made get different images made there are a lot of things that you can do here and if you want to just come up here you can search the image library and let's just say we wanted to put an image of stars in here once you type that in you've got a number of different things that come up obviously the first three are probably the most relevant but you can scroll through and see a number of different pieces here and just see what pops up there are more stars down below there are also some more stock images that sort of thing so there's a lot that you can find within this library to customize your landing page if you still need additional images you can come to unsplash here and this is going to be something similar to pixabay or pixels where you're going to be able to find lots of different stock photos that you can add into your landing page to help again customize your page to tell the story that you want to tell don't be shy about digging through any of these image libraries whether it's unsplash or unbounced public images to customize your landing page as much as you possibly can you can then adjust any of the alt text or the title for the image once you've chosen the one that you want to have and then down here you'll see that there's a click action but i actually want to show you that example and how that functionality works with a button instead so let's scroll down here a little bit because i know there's a button on this page somewhere there we go this element here is going to be the button and again this is going to be what you would find over here by dragging and dropping into the builder when i highlight over this we've got a lot of the same things here geometry and we've got the button label where we can adjust the text that we want to have so right now it says claim now if we wanted to change that just come over here and type in whatever you want the call to action to be easily done now our call to action button is learn more instead of claim now now i talked about the click action section just a second ago so let's actually walk through what that is when you have a button or an image as you could tell earlier or if you have any sort of link within the text that you have on the page you get to choose what action happens when the user clicks on that there's going to be a drop down over here right now it's selected to go to url which effectively means send this person to this other page when they click on this button choose go to url in a light box which to be quite honest light boxes are going to be too advanced for this video this video is already getting long you can also show a light box which i encourage you to go check out in the unbounce help section if you want to know how to set up light boxes you can choose call a number or send an email so if somebody wants to get in touch with you especially if they're going to be on a mobile device it might be great that when they click on that button it automatically dials the number for them and all they have to do is click call and now they're getting in touch with you directly so for now let's just leave it as go to url you'll see that the url field is down here below right now this example is showing you what i alluded to earlier where it's got the hashtag and then the element id down below so as you can see down for this button the element id is all the way down here and it's this palm button 93. as you can see here this says block and if you'll remember when we added a new section to the page that called out a specific block what this means is that when somebody clicks this button on their unbounce page it is going to take them to this specific block on the landing page so i'm going to do two things here i'm going to show you how this works but i'm also going to show you the preview functionality within unbounce every time you are working on a page and you have everything saved you can come over here in the upper right and click preview that will then open a completely new tab where you can see either the desktop or the mobile version of your landing page as you've saved it you'll remember earlier we saw a preview of what this template looked like as you scroll down you'll see all of the ugly stuff that i've done but if you come all the way down to the bottom where we find this call to action i've changed to learn more but remember as you can see in the bottom left here that's going to take me to block 2. so if i click on this button it brought me all the way back up because this header section this top section is block 2 on the page that is the element so it scrolled me all the way back up here so that i could fill out the form that's how that type of element is going to work if you want somebody to go to a different portion of your unbounce page all you have to do is add in the element id in the go to url section and it'll take them right to it but you don't always have to leave somebody just on the same unbounce page you can send them to an external page if you want to so let's say you want to just send somebody to i don't know the paid media pros home page now whenever somebody clicks on this url they're going to go to the paid media pros home page we can also pass through the url parameters so if you're using any type of utms or any sort of custom tracking on the end of the url you can click this little check box so that when somebody goes through to that paid media pros url from this button the page will retain all of the different utm parameters anything like that when you send them to paid media pros so that in the google analytics account utilizing any of the audience rules that we have in place you can still retain those utms and track where those people are coming from lastly in this section you can choose the target which basically means where you send people so right now same tab or window means that when somebody clicks on this button the entire page will send us only to paid media pros and this unbounce landing page will no longer be open in their browser you can change that to say you want it to be a new tab or window so that it opens up a new tab when somebody clicks on it or you can change it to topmost frame or parent frame so you can customize the user experience when they click on your call to action button you can then adjust the button text a little bit further i know we changed it to learn more you can change the font and the font size as well as make it bold or italic or leave it normal and then lastly you can change the appearance of the specific button itself so again right now it's a solid color but you can change it to a gradient or an image if you want to and then you can customize what it looks like when people are engaging with it so when it's by itself it's going to be this teal color and then it's going to have the text color as white you can then adjust to either have a shadow a highlight you can adjust the opacity if you want to you can also add a border you can also adjust the corner radius if you want the corners to be more or less rounded but you'll notice up here that that is going to be in the up section which means what it looks like when somebody is just viewing on the page you can also change what the hover color is which right now you'll see down here it is automatically checked to say create appearance based on upstate so when i go back to my preview you'll see that it automatically is going to change the color just slightly whenever i hover over it so this is what it's doing to create that automatic view just in the same way it created the automatic gradient for us in the section builder at the beginning but if you want to customize what the hover color looks like you can uncheck this box and then you can change what you want the color to look like so if you want it to change into a blue or a red or something else when somebody hovers over the button you can adjust the color to be customized to what you want it to look like you can do the same thing with the active state which it'll automatically create for you if you want to or you can customize it based on what you want it to look like when people have engaged with that button the next item down the element list over here is the lightbox button and again this is too advanced for what this video is going to be so we're going to skip down to the form section which is going to take us all the way back up to the top so i want to show you what it looks like when you build a form so i'm actually going to just delete this form we're going to add a new one in its place so i'm going to come over here click drag drop and now you can see that we get to design our form from scratch you could have also edited the prior form but i do want to start off with this different piece here so the first thing is that there are some pre-defined fields which are the easy ones email first name last name phone number age so if you want any of these to be added to the form all you have to do is click them and they'll be added you can see that the first name box has now popped up you can add in the label that you want it to be so if you just wanted to say first you can do that seems a little bit silly so i'm not going to do that you can hide the label if i don't know you feel like making people guess what they should do you can then adjust into the placeholder text so as you know sometimes the different forms that you'll fill out sometimes they have information already added in to give you a little bit of a hint of what it should look like so if you want to do that this is what will show up and then as soon as somebody clicks into that field it'll disappear so they can type their name and then down here you can start to customize the different form fields for your tracking purposes so this is where we're gonna start to talk about the form but also some of the custom tracking you can do within unbounce when you create a new form and when you're trying to utilize form information in your crm you need to make sure that the name and id are going to match what you have in your crm so that everything will map appropriately right now this is auto-generated to be first underscore name but if you want this to be different you can change it so if for whatever reason your crm has things set up as first name with no underscore you can have that or adjust it to whatever you need to be to customize to make sure it's matching appropriately in your crm lastly you can decide if you want this to be a required field if the name has to be in place you can click this check box now you'll see an asterisk up here and that designates that it has to be filled out for the form to be submitted but if you don't you can uncheck that asterisk goes away and i don't have to fill out that form field to submit the form any of the other predefined fields work the same way and for the most part you've got all the same builders for all these different pieces but you can customize what questions you're asking in your forms so you can add a text field whether it's a single line or multi-line text so let's just look at what single looks like again here we have all the same builder but you get to start from scratch as to what you want somebody to fill out so first name is a single line text field but it's just designated for first name so the builder is going to be identical here you can add a check box if you want that so you can give somebody a specific question and ask them what they want to do so i'll just fill out an example so now you can see i'm asking somebody to tell us what your favorite color is and you can add red green blue whatever you want you can also add an additional field if you want and you can then subsequently remove it if you decide that you don't want it so these are highly customizable to whatever you want them to be if you also decide that you want to start moving these around you can click the up arrow and now this question is in a higher priority than the single text if you decide you don't want it you can click the trash can and it goes away you can add a radio button if you want to similar thing to setting up the check boxes you can also add a drop down menu which subsequently has its own drop down menu all of these are going to be preset whether it's your country state province state or province gender age income day of the week month or time zone so let's just say we wanted to add gender it's defaulted this to be a required question the drop down then even though we can't see it here we'll have the select your gender as the placeholder up at the top and then male and female below if we want to have that so again these are pretty customizable with some of the other ones you might have a lot more to create and make sure that those are there but unbounce does pre-fill a lot of the data for you to try and make it easier so you don't have to start completely from scratch the last field might seem a little bit silly but it's really important if you are trying to figure out any sort of tracking and not every marketer needs to use this but in some instances depending on how your crm is set up this is a very helpful tool and that's hidden field so i'm going to click on this now you'll see that the builder looks similar to what those single line entries were but instead of having actual titles values placeholder text that sort of thing the only thing we have is the field name and id and the default value this type of form field will not be visible to the end user but depending on how you're using this landing page you can customize the information in these hidden fields to track back into your crm so you know where you're generating leads from one example here would be if you have a dedicated landing page for a specific campaign on linkedin something along those lines you can come over here and add in the value and have it be utm source and then have the value be linked in this is a very basic example but this is the type of thing that allows you to map leads from unbounce appropriately into your crm since they're not filling it out on your website if your website needs to be able to integrate with these forms this is a great way to make sure that you're tracking everything appropriately so for now i'm just going to hit done so we can see what this looks like and now you'll see that the formatting is terrible the questions are still in there that we had but you'll also notice that there is not the hidden field what i'm actually going to do is come in here i'm going to add a box do that send it backward and now it's a little bit easier to see that that hidden form field is not in there because it's not something that you need to see from the public facing side now the last element i want to look at on this page is going to be this video embed and again i know there's already one on this page so let's scroll down and now you can see this video embed here i've selected it now the properties editor over here on the right has popped up it's very easy to embed videos into unbounced landing pages all you have to do is click edit code you'll paste in the embed code whether you get it from wistia youtube wherever it is and then hit save and it'll pop up exactly like we saw it on the page here you can then adjust the size and dimensions in the same way or you can adjust it based on dragging and dropping but obviously your dimensions are going to have to stay relatively stable or else you're going to have a very wonky looking video going through a quick few last things in this editor box you can see up here at the top that we've got copy paste duplicate delete all of those apply to whatever elements you end up having selected so you can easily add more elements move them around adjust what you need to based on how you want this unbounce page to end up the other thing you'll see down here at the bottom that i think is very important for a lot of marketers is that this little bouncing box here is on the mobile icon and you can decide if you want there to be a mobile specific version of your page or not so right now it had already defaulted to having it but just turned it off so effectively what that means is that anytime somebody comes to my page on a mobile device they're going to see exactly the same layout that i created for desktop but as we all know that's probably a terrible idea and we should customize our experience to mobile users to make it easier for them to convert and engage with your brand so let's click this toggle now we have our mobile version turned back on and if you want to edit the mobile version you come over here click on the mobile icon and now the entire builder will show up the same landing page but with all of the mobile elements you'll see here one of the biggest things to note is that no matter what you do you need to make sure that your mobile version looks okay just because your desktop version is laid out well does not mean that your mobile version is with the template i chose i guarantee you that the form that originally came with this page was over here in the mobile visible field but since i deleted it and created a new form it set it up outside the bounds of the visible page so even though it's technically a part of the unbounce page it's all highlighted in red because it is no longer visible on the mobile version so to make sure that this page is user friendly we need to come over here drag and drop this entire form and add it into the page probably need to do the same with this background so people actually know what's going on so again even though i put the box in the mobile field it's still too big it's telling me that this is going to be too big and it's not within the bounds of a mobile variant so once you do that get it all squared away the red background goes away but every time something is not mobile friendly or falls outside the bounds of the landing page guidelines unbounce is going to highlight it in red to let you know that it needs to be adjusted so that it's totally visible on the page all the builder functionality is going to be the exact same for mobile but again you need to make sure that you're customizing things so that it looks okay on a mobile version and that things are lined up within the visible bounds of a mobile device otherwise the user experience is going to be terrible on a mobile device every time you make a change on one page or the other you'll see that now there are changes that have affected the other view so you need to go back into the desktop version and make sure everything still looks okay so let's scroll up to the top because i messed with the form up here everything still looks fine there so no issues but when you do make changes to the mobile version things do look different on desktop one of the very helpful things that i have come to know is that you can hide elements on each version of the page so for example just to show you how the functionality works let's say on desktop we don't want this image but we do want it to show up on mobile so while we're in the desktop editor we can come over here and click hide now we can go over to the mobile version and you'll see that the image is still there because we have not hidden it on the mobile version so anytime you want something to be hidden or visible on each page you can just click this little i next to the element of the page and it'll hide it or make it visible based on what you want the page to look like for a desktop verse mobile version if you've been paying attention you've noticed there are a couple other tabs in this right hand editor that i want to touch on really quickly first is page properties there are a few different things here that i'm going to mostly gloss over you can adjust some different text styles to make them the default so when you create a new text field it'll start off with black as the text color and links will always be this bright blue or whatever color you want them to be you can customize that you can then also change the title and metadata of your pages i think this is really impactful if you're going to use these pages almost for anything that you're going to send paid traffic to the title is going to be what's going to show up on the tab when somebody is on their browser keywords descriptions those have a stronger impact on seo but it doesn't hurt to make sure that your pages are aligned on all fronts if you are very against having search engines find your pages you can check this box that says hide my page from search engines this is really important if you're going to create lots of different ppc landing pages that have lots of the same content on them because otherwise it's going to look to google and microsoft like you have duplicate content which can sometimes be an issue i don't know much about seo but i know that when i create lots of different landing pages for my clients i always check this box to make sure that we're not going to have them show up as the landing page for an organic listing when they only need to have paid traffic going to them the last thing i want to talk about here is this goals tab and this is where you set up what the conversion goals are going to be for your pages so now i'm going to shift out of the landing page builder discussion and talk about the testing and tracking setup each of your different pages can have a different goal assigned to it so when you're trying to track conversions to do your multivariate testing you can see conversion performance directly in unbounce if you have a form on the page or a specific button click something along those lines you can choose the check box next to it to designate this as the goal or the conversion action that we want to count for this page think about this as the lead generation form submit on facebook or linkedin versus a conversion on a url if you want this form submission to be your conversion action you can check this box and that will be tracked but if you don't have a form on your landing page and you're using this just as an intro and a splash page to where somebody needs to then click through to another url and that's where they can end up making a purchase or submitting a lead form you can either utilize the link click as the conversion action which can be a good indicator but it's not really the final step what's really better is if you use external conversion tracking and here you can set up a custom pixel on your website to track when somebody converts and it's just the unbounce version of that pixel so just like we would set up facebook conversion tracking google ads microsoft ads linkedin unbounds has its own dedicated conversion tracking that you can integrate directly on your website through a plugin using google tag manager to track when somebody converts on that final conversion action to have that information in the unbounce platform once we finalize the page and built it exactly how we want to we can click save and then since this is a placeholder account you'll see that this unpublished button is grayed out but typically this button would say publish on it and it would be that bright blue again and you can click that button and publish the page to make it live and usable in your campaigns now we're back into a portion of the main navigation similar to what we saw earlier but only for this individual page so here you can see that right here i've got example page one i can change the name of that if i want to i can also then make some adjustments but here we'll start to see the overview of the page right now this is the url it's on unbounce pages.com and then my example page you can change the url again i'm not going to go through this whole setup but effectively you can utilize either a wordpress url there's a direct integration to make this part of your wordpress website or you can create a sub domain on your main site by setting that up with your developer making sure that you have a cname set up if you want to publish the page you will have to do that over here first you'll need to go through and make sure that everything looks good so you can change your url if you want to all of these different things and then you'll just click publish page right now since that page is horrendous and it's mostly just a template i'm not going to do that but once you do have your page published this is still going to be what this main section looks like every time you come back and click on this page there will be a data chart that shows up here that shows you performance you can then set your page to test in different ways you can do standard which is sending all of your traffic to one page you can do a smart traffic campaign which is effectively once you have multiple variants which i'll show you here in just a second unbounce will optimize between the variants it thinks is going to perform best or you can set up an a b or multivariate test depending on how many variants you have so let's say we do want to set up a test you can do that in a couple different ways you can choose add variant or the easier way in my mind to come over here to these three dots click duplicate and now we've created an inactive variant to get this test started so we can do a split test between these two we need to change the type of test that we have running to an a b test now you'll see that there is a weight number here at 100 if we want to do an a b test between these two you can click on the three dots click add to test and now you'll see that we have two variants up here at the top if i want to change the traffic estimation i can split so that the first variant only has fifty percent and then you need to adjust the bottom to also have fifty percent click confirm and now we have a fifty fifty a b test set up on this page the benefit of utilizing unbounce for something like this is that the url is always going to be the same but depending on which variant is being shown you'll have some sort of understanding of which layout works best you can edit each of these variants independently so if for whatever reason you wanted to create a completely new landing page you can edit this page variant one and make all the adjustments that you want while leaving this prior one alone and now you've got the original version versus the updated version and you can see the performance between the two you'll be able to see the visitors the views and the conversions and the conversion rate for each of those and then unbounce will give you a confidence level to help you decide which page to utilize across more of your campaigns but that's just an a b test let's say that you wanted to do another page you can still do the same thing duplicate a new variant if you want to you can make all the adjustments to that page by clicking edit then if you want to change the traffic estimation you can say that the champion maybe still gets 50 but maybe the two additional variants get 25 each and now we've got a three-way test running with the different traffic splits as you can see here overall setting up these different tests honestly could not be easier and you'll get to see all of the different performance data in this chart up here at the top and then in these different line items for each variant if you decide that one of them then isn't the variant that you want to use you can deactivate the variant and now it shifts traffic back to only having the first and the copy one you'll see that the traffic split sent all of variant two's traffic up to the champion to take us right back up to a hundred percent total scrolling back up to the top you'll see there are a couple other pieces here leads is the first tab and drawing the same similarities from facebook or linkedin lead generation ads since this landing page uses a form all of the form fills will end up populating here so each time somebody fills out your form with name favorite color email whatever it is all of those will show up here for you to download and keep track of so you can get all of your leads manually out of the unbounce platform but you can also set up integrations to have them map directly into your crm as you can see here there are a handful of native integrations that you can utilize you can get an email notification you can send it to mailchimp any of these different platforms that are not grayed out a little bit are going to be a free integration that you can use right away if you upgrade your plans you can utilize marketo infusionsoft hubspot salesforce you can also set up any different integrations that are powered by zapier but again you need to have your subscription plan upgraded for that you could also set up a web hook if your crm doesn't have a direct integration with either unbounce or zapier you can set up a web hook to make sure that you're capturing all of the information when somebody fills out a form on your unbounce landing page now let's hop back into the unbounce homepage and like i said earlier when you have all of your pages built out this is what they'll look like each one of them will get a line item here it'll tell you what type of testing it's currently running if it has a desktop and mobile specific version and then you'll be able to see the high level stats for that page specifically you won't be able to see the variance here but you'll be able to see whatever the entire page is doing each time you have a new page there'll be a new line item that you can have associated here at the beginning of the video i talked about this left hand navigation so i want to go through this a little bit this first section here is organization around groups and this helps once you have a lot of different pages in your account right now there's only one it's very easy to keep track of but one of the benefits of utilizing unbounce is that you can create new pages really quickly for all different sorts of needs so if you get into a scenario where you have 20 50 100 landing pages this organizational tool can be really helpful so let's say we want to come over here and create a new group we can adjust what we want the page group to be called and then create the group you'll see that there's an all pages section here and paid media pros all pages will always include all the pages it's aptly named and then paid media pros right now you can see there's zero so if we click on it it's going to change and show that there are no pages added to this group this is going to look like what the default home page was when we didn't have any pages built just yet but if we want to change where pages are we can come back to this all pages section come over here to the three dots add or remove from groups and then we can choose what groups we want this page to be added to update and now anytime we want to come over and find all the paid media pros urls we'll find all of these pages listed in here so this is just an organizational tool basically adding things to folders but it can be really helpful if you start to scale up and see lots of different pages coming through when we first hopped in and looked at the different templates we talked about the pop-ups and sticky bars and amps that are available as well as landing pages again i'm not going to go through these in this video but this is where you'll be able to create those for your different unbounce accounts and those will live at the account level and then can be added to individual pages as you see fit you then have a lot of different account settings around integrations the domains that you have set up the users on the account but the last thing i want to talk about is tying back into the conversion tracking that we just talked about a little bit and that's under settings unbounce has an account level script manager script manager allows you to add any of your tracking pixels to one area of the account and it will be applied to all of the pages within a specific domain that you assign so think about the scenario where we have 50 100 200 landing pages for one individual business each one of those needs to have the google analytics tag ideally the google tag manager code or the individual channel codes for facebook google linkedin microsoft all of these different platforms script manager allows you to do that all in one area so here we only need to add our first script you can then choose a direct integration of google analytics where you just have to add your tracking id you can also choose google tag manager again just add the container id or you can choose a custom script if you have something outside of those two platforms that you want to use to get those set up it's very easy to get started and then once you add things in let's just go to add script details again over here it's prompting me to use the container id and then you can see where the script is being used when you have unbounce setup you can set up a number of different domains whether somebody is coming to your wordpress site or let's say you want to have two three four different sub domains on your website you can choose which sub-domains this google tag manager applies to so each page you make when you designate what the url is and what sub-domain it uses you're then effectively opting it into which scripts you're adding to the page so this is a super easy way to get all of your scripts added to an unbounce account without having to add them individually to your pages it saves a ton of time and headaches and it's so easy to troubleshoot if something has gone wrong the last thing that i want to talk about is pricing and the biggest benefit is that if you utilize the paid media pros affiliate link you're going to get a discount so if you click on the show notes below or you type in the link that you see on the bottom of your screen right now you'll land on a page that looks like this and this means that you get twenty percent off your first three months if you sign up for a monthly plan or 20 off a full year of unbounce this is a no-brainer to me this platform is fantastic and you get a discount i don't see what the problem is on top of that you can choose whichever plan makes the most sense for you based on the amount of traffic you have you can go anywhere from about 64 bucks a month which is originally 80 but with our 20 off you're saving a little bit there or scale all the way up to about a 240 cost per month and it all depends on the number of conversions the number of domains the number of visitors that you're trying to get so you can choose the plan that fits for you the best part is you can start a 14 day free trial with no obligation you can come in utilize the builder test how it works see if it integrates with your platforms make sure that it fits your needs and then get started building out all of your custom landing pages with unbounce thanks for watching our video if you thought it was useful give us a thumbs up below we release a new video at least once a week so if you want to get notified of when a new one comes out be sure to subscribe to the paid media pros channel