Landing Page Made Free Using Kompozer

Today I want to show you how to create Landing Page Made Free using a free tool Kompozer. First you need the tool. You can download it here, don’t worry it is free. Just click on download now and save file. Open file and that’s it. It is a self contained program. Just open the zip file in whatever program you have on your computer. You will see a file like this  just double click the folder and you will see this.

Landing Page Made Free

 

 

 

Copy the icon to your desktop then double click on it. You will get a page like what you see below.

Landing Page Made Free

OK, Now click on this tab the arrow is pointing to called table then highlight one box as circled then click ok.

Landing Page Made Free

You will then have a row or two as shown below. Just double click inside the box

Landing Page Made Free

You will get a box like this just click table

Landing Page Made Free

You will then get a box like this below. Make rows 1, columns 1, width 25% then go down to border make zero, spacing zero and padding zero. Make table alignment center and then click apply.

Landing Page Made Free

you will then see the warning below just click delete cells and click ok

Landing Page Made Free

You should then have a cell that looks like below

Landing Page Made Free

Inside this box is where the magic happens. But first we need a background image. So, first I want you to create a new folder by right clicking in any open spot on your desk top and you will get a box like below then click New then click folder and you have a new folder. You can right click on the folder and go down to rename and call it what you want.

Landing Page Made Free

Now you can go back to your kompozer window and save the file in that folder you just made. This is where you are going to keep all your files for your project. If you right mouse click inside this new folder you can create another folder inside the first one and name it pictures.

So I want you to put a picture you want to make your background picture. If you have none just go to https://pixabay.com/ and type in your subject. For make money online stuff I type in ocean front but do what you want here. It is your lander.

Once you have your picture, you want to insert it as your background instead of the white background that is there by default, So to do this you need a little coding. Below is the code you need and highlighted is the link to your picture.

<style>
body {
background-image: url(“file:///C:/Users/Diane/Pictures/beach.jpg“);no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

</style>

If you don’t know the url for the picture just click on ad picture or the image tab. Then you will get the box you see. Then click on the folder button and search for your picture.

Landing Page Made Free

So when I click the tab I get this box where my picture is. Just click on it the click open.

Landing Page Made Free

then you will get a box like this just highlight, copy and save it in a note pad or something.

Landing Page Made Free

Now go back to the Kompozer project and click on source file. Then copy the code with the url to the picture in it under the title line as shown below.

Landing Page Made Free

Landing Page Made Free

Now click back to design at the bottom and you should see this

Landing Page Made Free

OK Now it is time to ad content to your lander. Remember that box we made in the beginning

Click in side the box and type your heading. You can change the font, color, size and highlight if you want to, just play with it to get what you like.

Landing Page Made Free

Now you need to ad in your opt in form from your autoresponder. I use Getresponse as my auto-responder of choice because they are the only service that will give you a thirty day trial without giving them credit card information. All you need is an email address. Get your free 30 day trial here.

You can also use other services and one free service I know about is Mail Chimp. But they all have a way to create a webform which is another tutorial if you don’t know how to do it.

Just put some dashes like below under your text and then click the source button again.

Landing Page Made Free

Landing Page Made Free

Then find your dashes then ad your code

Landing Page Made Free

Landing Page Made Free

If you click design again you will see this in your project. Your opt-in box won’t show script in this creator. Just click the save icon at the top and then browse and then you will see your opt in box.

Landing Page Made Free

That’s it! You created a free landing page. Now you have to upload the files to your webhost so it will render online. If you don’t know how to do this read below

Landing Page Made Free

In my course IPA Business Model To 5K Monthly will teach you how to get your business up and running online and teach you things like you just learned and more.

To your success

Landing Page Made Free

Rey Albert

P.S. Get your IPA Course Now

 

 

 

Leave a Reply