How To Add An Amazon Affiliate Product Box in WordPress?

With millions of products on Amazon, both new and old, you may be in a situation where you need to add an Amazon Product Box for your audience to boost conversions, but you don’t know how.

Attractive affiliate product boxes grab your visitors’ attention and increase conversions by using a prominent call-to-action (CTA) button to get users to purchase your product.

In this step-by-step tutorial, I will show you how to create an Amazon affiliate product box in WordPress.

You will be able to set up a product box that will help you increase your website’s traffic and make more money from your products.

People often ask me how to build a product box for Amazon associates?

My simple answer to them is- Kadence Blocks.

It is a premium WordPress editor that gives you more freedom to customize the default Gutenberg editor. You may read this Kadence Blocks Review to know more about this WordPress plugin.

In this article, I’ll show you how to create a product box for affiliate websites.

How to add Amazon Affiliate Product Box in WordPress Using Kadence Blocks?

Why do you need a Product Box?

Creating an affiliate product box on your website is a great way to increase your revenue and make more money. With just a few steps, you can easily bring in extra income from your website.

People use different WordPress plugins for creating such product boxes and customizing their WordPress blogs. But, I don’t prefer to use separate plugins for such tasks.

Instead, I use my Kadence Essential Bundle which gives me Kadence Pro Theme + Kadence Blocks to make my website more beautiful.

Final Amazon Affiliate Product Box Example

Here you may see the final image of the Amazon Affiliate Product Box.

Kadence Affiliate Product Box Video Tutorial

I’ve created a video tutorial also, it will guide you step-by-step to customize your product box. Watch it here. 👇

Install Kadence Blocks Plugin

Before we start, install the free Kadence Blocks plugin on your affiliate website.

Note: You may use the free plugin, but Kadence Blocks Pro adds the feather to the cap by providing you with amazing add-ons like the animation on a scroll, custom icons, dynamic content, etc.

You get Kadence Theme Pro and Kadence Blocks Pro with Starter Templates in all Kadence Bundles.

👇Get up to 40% OFF now until 29 November 2023. (Deal Expired)

How to create an Amazon Affiliate Product Box in WordPress Using Kadence Blocks?

1. Create a Top-Level Box

To create an affiliate product box, the very first thing you need to do is add a row layout that holds everything in the box.

It is the foundation of your box.

How to add a row layout?

To add it, click on the black “+” button on the left side of your Gutenberg editor, or the blue “+” button shown in the middle of your Gutenberg editor when you hover over the two sections of the editor.

Now, choose the “Row Layout” among other block items.

Another way to choose it is to put a forward slash and type row layout in the ongoing paragraph as shown below.

/row layout

Now select the layout among the different layout options. For the top-level container, you need to select the section with a single column.

Let’s mark an outline of the outer box. So, go to the top-level row layout and set the top and bottom padding as 25. Then, select the section under it.

Now, set the border width, radius, and color (use the settings given in the block settings present on the right side).

Read– 8 Ways How to Start Affiliate Marketing With No Money in 2023?

2. Add the “My Pick” Callout

After, creating the outer structure, now click on the “+” button in the same selected section and add another row layout.

Now, again click on the “+” sign and add the heading block in it.

Now type the Callout heading that is suitable for you, like My Pick, Our Best, Best Choice, etc.

It’s time to customize it to make it able to attract the eyeballs of the audience.

Now, select the heading block and go to the block settings on the right side of your editor dashboard.

Select the background color and text color that suits your theme layout.

Click on the three horizontal lines icon in the top left corner and choose the section under the selected row layout.

Now, go to the section settings on the right side and set the Flex Align Settings to Horizontal. It will cut down the horizontal length of the heading to make it more focused.

Now, it’s time to highlight this CALLOUT text.

Let’s go to the spacing settings of Advanced Text Block and select the padding and margin. You may select them as given in the below image.

3. Add the Inner Columns

Now add the inner columns to the outer structure.

Select the outer row layout and click on the “+” icon, then select a two-column row layout.

4. Add the Product Image & Description

Select the first column and click on the “+” sign.

Now select the Advanced Image block and upload the product image.

Note: Make sure to add your target keyword as the alt text to the image.

Select the image and go to the image settings and customize the padding and margins.

After customizing the image section, it’s time to add the product description.

So, click on the second column and add the Advanced Text block to it.

Now convert the H2 tag into the paragraph.

Then, enter the product description and customize this block.

So, you have done 80% of the task, it’s time to conclude it by adding the CTA button.

5. Add the CTA button

Now come to the last step, which is adding the CTA button.

Just follow the earlier steps and click on the “+” icon to add the Advanced Button.

Now, enter the button text. After it, paste your affiliate link in the link box, then choose the button colors. Refer to the below picture for more clarity.

Now, to make the button more appealing, add the icon to it and set the button margin and border-radius. (See the picture below).

Once you have done this, the Amazon Affiliate Product Box is fully created.

Here is the final affiliate product box of your Amazon Affiliate website.

Congratulations!

You have created a beautiful and appealing affiliate product box using Kadence Blocks.

Isn’t that easy?

That’s why I always recommend using Kadence Essential Bundle because it provides you with Kadence Pro Theme along with Kadence Blocks Pro + Starter Templates.

Did this detailed Kadence Blocks Tutorial on how to create an affiliate product box help you out? Please tell me in the comments section. You may also share your experience or questions in the comments.

If you liked this article and want to appreciate my efforts, please share it with others.