How To Create a Squeeze Page in HTML

What are squeeze page examples?

I have made a lot of squeeze pages in my online business career, here are some of the squeeze pages I ever made.

Weight loss squeeze page

This one I made this one with Clickfunnels, but the formula is the same, it has a headline, a call to action, and a box where they can put their email.

Work from home squeeze page

This one I made it with HTML, this is the exact squeeze we are going to create today, the main reason for creating this squeeze page is that most people complain that they can not afford $147 per month to pay Clickfunnels, so we are going a create a squeeze page in HTML.

How do I make a squeeze page in HTML?

In order to make a squeeze page in HTML, you will need a few things, a place where you can host your files (Webhosting), you will need a domain name (you get this for free with hosting), an autoresponder ( you get this for free with Aweber), and a file editor, this is free too.

I am going to provide you will an existing HTML file that is pre-coded, all you need to do is to edit some information, make it yours and upload it to your hosting.

Tools Needed

You’ll need:

A text editor like Notepad ++
Hosting and a domain to host the squeeze page (I recommend HostGator)
Aweber account
An HTML file that I am going to give you and show you how to edit it.

How to create a squeeze page in HTML in 7 steps

STEP 1:Get a hosting account

The first step is to get a hosting account, I recommend Hostgator for this. For Squeeze page building Hostgator is the perfect solution and it is cheap.

Step 2: Get your autoresponder account

You need to get an autoresponder, this is the software you will use to store and send emails to your subscribers. The Autoresponder I use is Aweber.

You can read why I recommend Aweber here.

After you create a free account, they will send you a confirmation message, click on the confirmation link, create a password and log in. Follow the instructions to set up your account.

After logging in, click on the signup forms and then, click on the create a signup form.

aweber

Choose a basic form, you do not need to edit it, just click next, then save the form.

Now go and click on the list option then click on list settings, all you need to do is to copy your unique list ID, the one in the red circle, which starts with awlist, copy it, and paste it into a notepad.

Aweber

Step 3: Download the HTML editor and install it on your computer

Go to the Notepad++ website and download the editor, then install it on your computer.

Step 4: Download the HTML file

As promised I am going to give you the HTML file, click here to download the files. Just right-click the zip file you just downloaded and unzip it.

Step 5: Edit the HTML file

Open the file, you will find a file named index.html, right-click it and then select edit with Notepad++.

wfh

After opening the index file, you will need to edit it, do not worry you do not need to be a programmer to do this just follow my red numbers.

htt

The number 1, is the heading of your squeeze page, you can change it to free video, free report, free training, or anything you need. Just change the black letters.

The number 2, you need to rewrite it, if you want you can leave it as it is, here is just you put what your offer is going to do to your prospects, how to lose 10 pounds in two weeks, how to make your dog stop barking, etc. Short and sweet.

Number 3, here is your call to action, you can leave it as it is or you can change it to something like enter your email address so that I can send you the training.

The number 4, is what adds people to your Aweber account, just take the unique id you got from Aweber in step 2, and paste it between the ” ” without leaving a space.

The numbers 5 and 6, These two links are the same, both of them will redirect your prospects after they click the submit button. It can be the thank you page or an affiliate link, for me it is an affiliate link to a Clickbank product.

The number 7, is the big button they have to click to watch the video, you can change it to something like Watch the video, Instant Access, or anything you like.

After editing those 7 spaces, just click on save.

Step 6: (Optional) Change the background image.

Inside that folder, there is another folder called img, if you want to change it, just go to a free image site like https://pixabay.com/ find a cool image you like copy and paste it into the img folder, change the name of the image to background.jpg.

Step 7: Upload the files to your hosting

After editing the HTML file and changing the background image, now it is time to upload the files into your hosting.

The first thing you need to do is to zip the file, just right click it and then add it as a zip file, then login to your hosting account, go to the file manager, select your domain, find the directory where you have your files saved, click on upload, it will take less than 2 minutes when it is done just click on go back to your domain name.

After that, you need to right-click the uploaded folder and then click on extract here.

If your file name was workfromhome, then open a new browser and type yourdomainname.com/workfromhome

for example, mine is https://sekihudson.com/workfromhome/

Conclusion

That is it, this is how you make an HTML squeeze page. If you did everything in the right way you should see your squeeze page and opt-in using your email to see if it will redirect you to the affiliate offer or thank you page.

If there is any issue or problem contact me and I will help you out free of charge.

What is a squeeze page?

How do you use a squeeze page?