How to Add Affiliate Links to My Website
How to Start in an Online Business
Phase 3 – Step 12
You can view all of my Posts by clicking on the following Link: HelpMeGetMine.com
Now, we get to some more fun stuff: How to Add Affiliate Links to My Website. Let’s begin with understanding exactly what an Affiliate Link is.
What is An Affiliate Link?
An Affiliate Link is the unique Link that identifies you as the referrer of the visitor to the Affiliate Program of the connected business. This is what tells the Company or Network, that you are the Affiliate that referred the person to their site. This Affiliate Link will go all the way through that visitor’s order process, so if they buy something within the Cookie Duration Time, you will automatically get credit for the sale and earn a Commission.
Here is the basic process:
A visitor comes to your website > They click your Affiliate Link > They buy something from the merchant > You get the Affiliate Commission ($$$)
It really is that simple, so do not over-think this process. If your Affiliate Link is the last one that someone clicks on before buying a product from the business that you direct them to, you will get credit for the sale.
All Affiliate Programs and Networks are different in terms of where you actually get the Affiliate Link. Most will have a section where you can go to get the Affiliate Links, along with other promotional materials, such as banners. You will need to see the individual instructions for each Affiliate Program in order to review their particular system for getting the Links to the pages and/or products that you are promoting, and how to install them into your content. There are usually multiple ways to accomplish this, so be sure to make notes in your document: My Affiliate Networks & Programs (or Copy & Paste any pertinent information there) for each program.
Types of Links
Most Affiliate Programs will use a variety of types of links. They may be:
- Text Links
- Image Links
- Text & Image Links
The links will either forward your visitor to a specific page or a specific product, depending on the link.
There are two types of Text Links:
- URL Link – begins with: http:// or https://
- HREF Anchor Text Link – begins with: <a href=
Depending on the Affiliate Program, they may use one or the other or both types within their program. However, both will contain your specific Affiliate Identification Number within the links, in order for you to get your proper credits for sales (always check for this when Copy & Pasting all Affiliate links).
The other types of links (Images & Banners) will usually be HREF Anchor Text Links. Each type (URL or HREF) needs to be entered in a specific way into your content. We will discuss those ways in the following sections. It is my recommendation, that whenever possible, use URL Links. They are the easiest and quickest to install into your content.
*** The following Training coincides with the Wealthy Affiliate Certification Training (green tab on the left after you log in): Level 3 – Lesson 4. You can view that Training HERE
Adding a URL Text Link to Your Content
To add a URL Link (one that begins with: http:// or https://), you will use the ‘paperclip’ Icon in the Toolbar when Editing your page or post. Perform the following to add your link:
- First, go into your Dashboard, and open the page or post (Edit) that you want to add the Affiliate Link to. Find the Text in your content where you will place your link and Highlight that Text only.
- Then, go to your Affiliate Program that contains the source for your link, which will either be a page or a product that you intend to link to. Copy your Unique link.
- Then, go to your content, and click the link Icon (the paperclip’ Icon) in your Toolbar.
- Paste the link in the ‘URL’ window. Then, Tick the Box next to: ‘Open link in a new window/tab’.
- Click on: ‘Update’ (lower right corner). The link has been added.
- Click on: ‘Update’ for your page or post in order to have your link go live on your site.
- Click on: your website to view that page or post, and then click on the link in order to confirm that it sends you to the right place.
You can view Kyle’s Video Training on installing this type of link by clicking: Here
What is an HREF Anchor Text Link?
The HREF (Hypertext REFerence) is HTML Code used to create a link. There are two types:
- Relative (implicit) – an internal link that points to another page on the same website.
- Absolute (explicit) – an external link that points to another website.
All of these links contain the same components in the following order:
- Beginning with: <a href=
- Followed by the Target Link: “http://www.example.com”>
- Followed by the Anchor Text: example
- Ending with: <a/>
The Target Link portion of an Absolute Link (one that links to another website) will begin with: http:// or https:// (within the double quotes), and ends with: .html (within the double quotes). This is the portion of the link that will point to where the link will take you.
For a Relative Link (internal link that points to another page on the same website), will not usually contain the http:// or https:// portion in the link, since it is linking to another page or post, or a specific section of a page or post within the same website.
The Anchor Text portion in the link, is the Text in your content that will contain the link, and be Highlighted to show that it is a link. This part of the link will need to altered once it has been installed, in order to make the visible clickable Text, exactly what you want it to be in your content.
Adding an HTML Link to Your Content
If your link is an HREF Anchor Text Link (starts with: <a href= , instead of: http:// or https://), there is different way to install this type of link within your content, including, altering the Anchor Text portion of the link to suit your content. You will install this type of link as follows:
- First, go into your Dashboard, and open the page or post (Edit) that you want to add the Affiliate Link to. Find the Text in your content where you will place your link.
- Next, click on: ‘Text’ tab (top right of Toolbar). This will display what your page or post looks like in HTML. Confusing right? This is where we will need to install the HTML Link, So, to make it easier to know exactly where to install your link, you need to put in a reference point.
- Click back on: ‘Visual’ tab (top right of Toolbar).
- Add the following reference point in all caps (right before the Text that you want to link to with no spaces): HERE (You can use anything you want instead of HERE. It could be AAA or XXX or whatever you like. Do not bold or italicize your reference point, as this will add additional HTML Code.)
- First, confirm that the link that you are going to use contains your Affiliate ID Number. Then, Copy the entire HTML Link from your Affiliate Program.
- Click on: ‘Text’ tab (top right of Toolbar). Find your reference point (HERE or whatever you use), and right after it, Paste your link.
Now you need to alter the link in order for you to use the Anchor Text of your choosing (be very careful here to only change the appropriate portion). Alter your link as follows:
- Right after your reference point, will be your chosen Text that you want to contain your link within. You need to now, Cut this Text from it’s current location.
- Next, Highlight the existing Anchor Text portion in your link (between the: > and the <) (after the closing double quote portion of the Target Link and before the ending: <a/>). Now, Paste your new Anchor Text there (the Text that you already Cut).
- Then, Highlight and Clear your reference point Text (HERE or whatever you use).
- Now, click on the: ‘Visual’ tab. Your link should be installed within your chosen Text.
- Once you have finished making any additional changes to your content, click on: ‘Update’.
- Then, click on: ‘Preview Changes’ to view your content as it will appear on your site.
- Click on each link that you installed to make sure that it takes you where you want it to.
If there is anything that is not working correctly, you will need to remove the link and redo. Be very careful that you are only altering the correct portion of your link.
If you are installing an Image Link or Banner Link, then you will not need to complete the second step above, since no altering will be needed. Just make sure that your ‘Ad Block’ is not activated, or the links will not be visible to you.
Adding a Link to an Image Within Your Content
If you have an Image in your content that you want visitors to be able click on and go directly to that product via your Affiliate Link for that product, you can easily add that as follows:
- In your ‘Edit’ section for your page or post, click on the Image that you want to install the link for.
- This will bring up a small Toolbar above your Image. Click on the ‘pencil’ Icon in the Toolbar.
- Click on the down arrow to the right of the: ‘Link To’ window.
- Click on: ‘Custom URL’.
- Paste your link into the window that appears directly below that.
- Then, click on: ‘Advanced Options’ (directly below that). Tick the Box: ‘Open link in a new tab’.
Your Image now contains your Affiliate Link. When a visitor clicks on that Image, they will go to the page or product that you are directing them to.
Now, go through all of your pages and posts, and add any Affiliate Links where needed. Do not overdo this in your content. Two or three links per page or post is all that you should use, or Google may look upon it as ‘scammy’ content, which may hurt Indexing and Ranking.
Please leave a Comment or ask a Question in the Comments section below.
Head to my next Post: How to Do a Product Review – Phase 3 – Step 13.