When you download a CPA Landing page, you generally want to custom it for your niche and add your own locker. This process is very easy with CPA Zip templates. We try to create all of our templates in the same way, and when you learn to edit one, then it’s very easy to edit the others.
This process shouldn’t generally take more than 5 minutes depending on the niche. Sometimes you just have to add your own content locker URL, and you can edit the whole template according to your niche if you want.
You will generally receive a ZIP file that contains everything you need. We organize all the landing pages in the same way, and the most important files for your customization are index.html and in the /img folder.
Index.html is where you add your content locker URL and you can edit all the text in the template. /img is the folder where all the useful images of the template are.
Every landing page templates have the same Variable to customize
We use a simple list of variables, that will be very usefull to edit your landing page.
In the index.html file:
- LOCKERURL – This is where you have to add content locker URL
- MYGAME – You can replace it with your niche game or any other niches. It will be useful for the multi-niche templates.
- RESOURCE1 – Change with the resource of your game, this is only useful for game niche templates.
- RESOURCE2 – Same as resource1, only useful for game niche templates and, if the game you target, has 2 resources to generate.
In the /img folder:
- bg.jpg – Background image
- favicon.png (or alternate size name) – The icon of the template
- logo.png – The logo of your template
- resource1 – First resource icon of your niche
- resource2 – Second resource icon of your niche
Don’t forget to compress your images before upload on your hosting. This is important to keep the right page speed and will keep your template lightweight.
Edit the index.html file with a Code Editor
The first step is to edit the index.html file to add your own customization and content locker URL. You will need a code editor to open the html file as text and add your own customization.
You can preview your landing page at any moment just by opening the index.html file with your web browser. All the landing pages are supposed to work the same when they are open locally on your web browser and also when they are hosted.
I personally use Notepad ++, and I recommend it if you are a beginner, plus this tutorial uses Notepad. If you want to use another editor, you can check this list which lists the 12 best code editor.
When you have download Notepad or the code editor of your choice, you can open the index.html file (right-click and select edit with notepad++).
Now you could scroll and manually search for everything but there’s something really faster, especially with our template. You can use the “find” option, which allows you to replace all the terms in one-time.
You can click on search/find.. or use the shortcut ctrl+f to access to the “Find” function.
Use the macro list above to start editing your template.
You can start by typing “LOCKERURL” to “find what” section, and then add your own locker URL in the “replace with” section. Then click on “Replace” or “Replace all” and that’s it!
Your locker is now implemented on the CPA landing page. Save your editing (shortcut: crtl+s), open the landing page and you should see your locker appear at the end.
Now your locker URL is implemented in your LP, you could start to make money right away. Anyway, in most cases, there’s a bunch of optimization you could add to make your template more unique or better fit your niche. You can use the list of macro above (LOCKERURL, MYGAME, RESOURCE1, RESOURCE2) and repeat the process.
When you are done with the customization and you think your landing page is good enough to make money, you can compress it and upload it on your hosting server. We will show you how to properly host your landing page in the tutorial bellow.