I am working with a client who wants to get involved with Amazon Affiliate marketing on her site.
She recently emailed me with the following question:
I signed up to be an Amazon affiliate, and it seems that if you want to include an image of the book as a link, etc., you need to put the actual code into the body of the page.
I would prefer to not grant her designer access. Is there a way to do this without granting her access?
Yes there is. The easiest way would be adding a code/embed field to a CMS collection that handles any of her product posts.
A couple of follow-up questions until I can use actual code from her as an example to test this.
If my client wants to list several books as affiliate links within a Rich Text Field, how would that work? See read-only link.
When I embed the code, do I need to somehow attach it to an image of the book, or does Amazon generate the book image within the code?
Hey, I can’t speak for how the amazon embeds work. But I would imagine it probably generates its own self-contained component including the product image but I could be wrong. Are we sure it’s a full-on embed and not just a tracking URL?
For custom HTML in the middle of a rich text field, I’d recommend checking out this: Powerful Rich Text by Finsweet
Edit: here’s a quick amazon affiliate link explainer: How to Tell if a Link Is an Amazon Affiliate Link?
A couple of final (I think) questions.
I implemented an actual example my client gave me and used Finsweet’s Rich Text code, but I am still running into two issues.
The image and text embedded from the link is too small, but I’m not sure how to classify HTML in my Rich Text style guide page so I can style it to be bigger. It’s a mix of a link, text blog, and image.
The affiliate code only works when I paste it into a current H4 header with text as a link (the way the other book titles are styled in the read-only link right now). I can’t simply paste it anywhere. Why is this happening? I suppose I could instruct my client to create an H4 link header, then paste the code into the header, but I would love to allow her to simply paste it where she wants.
Here is the Read-Only link from the test page.