How To Build An ActiveCampaign Landing Page (Tutorial 2022)
hi guys in this video i’m going to show you how to use active campaign to make a great looking landing page for your website don’t forget to like and subscribe to this channel for future videos
right guys from the active campaign homepage you’re gonna have to click on sites wait for the page to load and once it does click on add new page and click on blank page next you’re gonna have to add the name of your page personal trainer
there you go once it’s done click save so there you have it you’ve created your first landing page on the right hand side here it’s all the widgets you can use to start padding out your landing page and making it look really good so let’s get started the first thing we’re going to do is add an image to the top here so we’re going to click on the edge of the bar and we’re going to go down and click on background click on the plus key and select images
all these have been uploaded previously I’m going to select the first one now if you want to upload them just click on the button here and click ok and then we’re going to drag this section down so there you go we’ve got the first part of our background ready what we’re going to do now is start adding extra elements to the photo
so we’re going to drop the navigation bar in we’re going to give it a double click and on the right hand side here is how you change the style of it all so you got at the bottom there the margins stuff like that but first thing we’re going to click on is the button that makes the logo on the site bigger so we’re going to click on the right hand side here and then we’re going to click underneath on the right again to make it so the writing falls on the right hand side and we’re going to add our logo
now as well so we’re going to select this one and upload it and as you can see on the left hand side here it’s added our logo and we’ve got the home button on the right there now I’m going to change the colour of the text i don’t like that blue so i want to change it something that fits in with the site I’ve clicked on theme in the top right hand side and to change that colour we need to click on the top blue one
where it says colour palette you can also change the colour of the links here as well and the regular text but for now all we’re going to do is change the header so we’re going to select on a yellow that kind of matches the sparkles in the background so we’re going to go up and drag it along to the brightest yellow and that kind of represents and looks a bit like what it is in the picture now I’m going to drop some extra elements into this top header
so we’re going to click on row drag that in drag another one in and now we’re going to just drag in some text I’m going to quickly go back to theme and change the colour of the text this time because i can’t see it make it white shall we just for now and then we’ll come back and correct it later we’ll also change the colour of the links if we use any so I’ll make them different and use a green this time i think whilst I’m here i may as well also change the background colour so I’ll change that to a black
and then we’re going to go back to the elements and we’re going to double click on the text and what i’m going to do now is adjust where it sits on the page so i’m just going to drag it in and slide it across and instead of having spaces what you do is just drag down here like that and it just makes a little spacer in between the text
what I’ll start doing now is add in something like a subscribe button and we drop that in and again we can just click on it and slide it in and just drag it along to the side and align it with the text and now i think we’ll pad it out a little bit more and add something along the lines of we’ll put a counter in we’ll put the timer on there and again click on it drag it up and you just double tap on it and drag it in and align it with the rest of the text
you can see how easy it is just to move these sections around and space them out as much as you need to and correct other little bits of areas so when the picture gets pushed out like this you can just drag it upwards and make it sort of fit into the page where you need it to be
i think it’s nice that activecampaign have actually spent time and made it easy for everyone to use just move this page up again slightly to center it and what i think we’ll add now is maybe a header so we’ll click on the tick drag the header in drop it into that box and then double tap on it there you go and we’ll change the alignment to the left and we’ll change also the color of it we’ll select the same yellow we’re using if you click off of it you can see the changes been made there double tap on the text and change the color
again what i think i’ll do now is drag the header down slightly and just make it so there’s a bit of space in between the site logo and the header and i think that’s probably going to do us now for the top half at least for now i would come back and correct it later so we’re going to start padding out the bottom of our page but what i do want to do is drop a section in here and add a divide so there’s a clear break in the page
I’ll grab a couple more sections now drop those in at the bottom i think probably three will do it just to get us started and then we’ll add to those later as well and I’ll grab probably a header this time and just drop that in so we can start our next section of the page I’m gonna grab an image now and drop that in under the header and I’m gonna make this section for personal training
so I’m gonna select that image and take it and drop it down into the box and then to make it smaller we just drag it in like we did the text make it a little bit smaller still and slide it over to align it to the left next to that image i want to add some text so I’m going to get one of the columns and I’m going to slide that in just next to the picture and grab the paragraph widget and drop that in that box
i want to make sure the colours match the rest of the page so I’m going to double click on the header and select the colour picker on the right here select the yellow and do the same for the text so double click select the colour picker and click the yellow and i just want to make sure it lines up nicely on the side give it a little bit of a margin so you just click on it and drag it over we also might want to add another service
so we might be doing i don’t know gym training so we’re going to drop another image in just in the section here grab the picture we want to use and insert it and change the side again by just dragging it in and sliding it over i want to add some more text again now so I’m going to grab the column drop it in on the left and grab the paragraph widget and drop that inside
I’m going to change the colour of the text as well so just double click on the text click the colour picker and choose the yellow we’ve been using for the rest of the theme next I’m going to add a section at the bottom here going to drag that in and add a divide as well because that’s the two offers we’re going to advertise to our customers in our marketing campaign
so I’m going to drop a section in at the bottom just to keep a placeholder for our next bit of text i want to add a couple of headers next to these images as well now so I’ll just drag them over again drop them at the top and drag one over onto the next image as well and if i double click change the colour I’m gonna make it a h3 header this time so just click it on there
I’m gonna drag it over to the left hand side and just align that with the rest of the text also going to do it with the top one as well double click choose the colour I’m going to just drag it in a little bit uh change the size of the h3 header as well now and just drag that across like we did the one underneath there you go just drag it in and it’s aligned.
moving on now on this bottom section I’m going to add a counter and I’m also going to add a call to action so we’re going to go for the subscribe button again I’m going to just drop that in there and I’m going to grab a couple of sections from the top just to pad it out at the bottom so we can add more information later on and if we don’t use them we can drop these and delete them.
I’m going to make this counter smaller so just click on it again drag it in and i think I’m going to make the subscribe button smaller as well so just drag it in again
there you go and i’m going to add some text just underneath the counter as well double click on it and change the color again to match the rest of the theme i also want to make this text in line with the boxes so i’m just going to drag it in and i want to put a bit of space in between the two as well so i’m just going to pull the actual section down drag it up again slightly there you go i think this is all i want to add to this section
so I’m going to drag a divide in now to make a page break and what I’m going to do next i think is I’m going to change the colour of the footer so we’re going to make a footer now just select on the section and click on the colour in the top corner there you go just going to use the same theme and drag it that section down
i want to add some text into this bottom section now so i’m going to go back to the widgets grab the paragraph widget and drag and drop it into the bottom of our footer and i’m also going to add some social media icons now as well i can’t see the color of the text either so i’m going to double click on it now and i’m going to select on the black in the color picker and i’m going to also center align it as well with the rest of the page
just click on the centre there and i also want to make a space in between the text and the social media icons and then add a couple more while I’m at it so if you click on the plus key here you can select all the different types of social media so add Instagram and I’ll choose another one at random so scroll down and just select that one
i want to add a header as well here so i’m going to go back into the widgets grab a header and just drop it in at the top here and double tap on it and change the color to black so we can see it i think this is all i’m going to add to the landing page i’m going to start linking some of the sections with the navigation bar at the top
so I’m going to scroll up to the top now and double click in the navigation bar I’m going to click on the plus key here on the right hand side and that’s going to add three links on the top row there and these are going to be the anchor links to our sections so double click on the text and I’m going to type in courses here
What I’m going to do is use this as a reference point further down so I’m going to call this section here courses in this header double click again and I’m looking for id here and I’m going to use that as our anchor reference type in courses and then what I’m going to do is scroll to the top of the page and select the first word of course is double click and click on the navigation and jump to and I’m going to select courses
That’s how you create an anchor point to a particular section in the navigation bar I’m also going to change the name of the header in the courses section so I’m going to scroll down now and double click on the text and change the words to courses I’m also going to add i also want to add a header to the subscription area so I’m going to drag a header in and I’m going to change the colour again like we did double click change the colour to yellow and I’m going to type subscribe in the box
whilst i’m here i’m going to add subscribe to the section id and just makes it easier so we can link back in the navigation bar as an anchor point later on whilst we’re at the bottom of the page i may as well change the title of the social media header and after i’m going to change the section id again for our anchor point
social media and then we go up again section and we’re going to call this social media social media and afterwards i’m going to scroll up and we’re going to set our anchor points on the top so double click in the middle put in our section titles so double click start typing in the box and I’m going to call this one subscribe and the final one we’re going to double click on now is we’re going to change that to social media type in social
media now we’re going to set our rank points so we’re going to go over to the top one and change the subscribe navigate to jump to and we’re going to select subscribe and we’re going to do it for the final social media one as well so we’re just going to click on navigate to jump to and we’re going to select social media and that’s our landing page pretty much finished all we’re going to do now is start tidying up and putting in the finishing touches so we’re going to change the header title we’re going to change it
i don’t know to pro training i think so we’re going to name our landing page and next we’re going to change the text underneath so we’re going to make that kind of like a selling point and put something like a catchy type or catch a bit of text that people will remember this can be anything you want I’m going to put something made up so this is the best i don’t know the best the best training plan you’ll ever find and we’ll just type that in here
something i haven’t shown you is you can change how opaque things are so that could be images stuff like that if we go down to the right hand bottom corner here and just drag this bar across you can see that the text will become a bit more see-through I’m going to start by cleaning up this bottom piece
now so just to get it where we want to finish and I’m going to drag this text down and move the bottom section up and as i say i just want to move on from this section there and just try and get the page a little bit more finished to select here and drag that up to where i want it that kind of looks about right around around there i also want people to be diverted as well once they’ve submitted their information
so if i scroll down here on the right i can select on this bottom box that will divert someone once they’ve submitted their details to a site that we want them to go to okay so that’s the top section done now I’m not going to change anymore you can obviously yourself add more text and just put whatever you want in there but I’m going to move on now further down the page.
I’m going to go to the courses section and start tidying this up and change the title here I’m going to double click the title now and I’m going to change it to personal training and I’m going to type something really random like get your trainer here or get your personal trainer here we’ll get your personal trainer
you can obviously be more creative than i am I’m just trying to get it done as quickly as possible to show you as much as i can moving down to the next title we’re going to call this one i think something along the lines of one-on-one training or one-on-one coaching there you go so we’ll start typing it in double click again we’ll type in one-on-one coaching
I’m just going to change the alignment on these two sections as well now just so they sit nicely on the page just drag it across a little bit more and I’ll do the personal training one as well just drag that in a little bit just like that I’m going to change this text so double click inside the text box again type in something totally random now I’m going to type in i will help you get fit in record time i can type faster than this i just don’t want to make a mistake that’s all
i want to underline these headers as well so just give them a double click and just click on the u with the line underneath same again with a personal trainer and we’re going to scroll down now to the subscribe section and we’re going to change this text i’ll give it a double click and i’ll just type in subscribe today
and to finish all the text off I’m going to go down now to the social media part and I’m going to change this text to follow my social media not very original but i will keep it very short so we can move on further into the video
the last thing we need to do now is go down to the social media and start linking our accounts I’m only going to do the one I’ll change that to Facebook and I’ll call it pro pro gym you can obviously add more or less depending on what social media accounts you’ve got well that’s it guys all that’s left to do is publish our page so we’re going to scroll to the top and click publish page
once it has been successfully done you can view the page and there you have it that’s our finished page as you can see it’s been super easy to build this pages nothing technical no code in or any sort of tricky complicated jargon if you are looking to build a landing page with active campaign then please do use the link in the description below it is an affiliate link it doesn’t cost you any more to use but it does give me a very small percentage of active campaigns profits
please do like and subscribe and if you’ve got any questions hit me up in the comments box below.
Home
Rank Math Tutorials
YouTube Channel