How To Create Wealthy Affiliate Landing Page with Different Color Buttons: FREE Example
Published on December 6, 2023
Published on Wealthy Affiliate — a platform for building real online businesses with modern training and AI.
(Cover image: Wealthy Affiliate home page: it's a landing page for WA; your WA affiliate links go to this page where your referrals will sign into the platform to the Starter Account)
I do not do videos! I do not even know how to do videos. I do screenshots only!
This isn't the same landing page I am using. I have three different ones that look similar but with more information about the New Business Hub and the FREE 8 lessons for Starter Accounts.
I am doing three landing pages I created to promote Wealthy Affiliate for PPC Ads and social media platforms. I am testing which color button will get the best results for clicks.
So far, in some of my social media ads, the green button shows more clicks. I use an ad code that is available Links & Tracking at the dollar $ icon so I know which of the three landing page buttons have more clicks.
If you want to copy this method, sure, go ahead or create your own; you can do that.
Here is an example of HTML code you can ask for ChatGPT.
I use ChatGPT, the basic free version.
You can use other ChatGPT to create simple landing page in html coding
I want to show you step by step how I did it myself.
The HTML landing page has a minimalistic look.
Anyone can add photos or other things in the block editor if you desire to do so.
The landing page can be fun to make.
Ready to put this into action?
Start your free journey today — no credit card required.
ChatGPT screenshot

Second one

Third one

The link on the button will be my affiliate link, which I will add to the code
To get the HTML code for your WA affiliate link it's better to ask Bing ChatGpt because it can read the internet. I copy the code to Bing.
Bing will put your WA link 🔗 in the button the color will be blue.
You can copy the HTML code, go into your WordPress Account, and type it in at the plus on the right of your block editor.
custom html
Copy and paste the code; it will show a blue link on the button to signify my affiliate link.
I can ask ChatGPT to make the Hover easier to read. For now, this is an example I have. I just made it very simple. The goal is to get them to visit the WA page and become your referrals.
Then you get this example.

second landing page in red

The third one in orange
There you have it. You can even create one in Block Editor. It saves a lot of time just by using HTML coding.
Enjoy.
-BrendaMZ
Share this insight
This conversation is happening inside the community.
Join free to continue it.The Internet Changed. Now It Is Time to Build Differently.
If this article resonated, the next step is learning how to apply it. Inside Wealthy Affiliate, we break this down into practical steps you can use to build a real online business.
No credit card. Instant access.
