Ultimate Guide: Build Your Own Affiliate Product Box Without Any Coding!

A product box is an effective way to display your affiliate products attractively. It allows you to add additional details, images, and links, making the products more enticing for your audience.

This approach captures your audience’s attention and enhances the likelihood of them clicking on your affiliate links, allowing you to earn passive income through your blog.

At CanadaCreate, we have successfully utilized referral links to generate revenue for over ten years. Throughout this period, we have observed that promoting affiliate products within relevant articles, while providing detailed information and including their website images, consistently leads to increased clicks.

Affiliate product boxes serve a similar purpose, and they are likely to positively influence your affiliate conversion rates.

In this article, we will guide you through the simple process of creating an affiliate product box in WordPress.

Why Should You Create an Affiliate Product Box in WordPress?

Marketers use affiliate product boxes on their WordPress websites to effectively showcase and promote specific products to their readers.

Typically, this box includes a product title, images, a description, and a call to action (CTA) designed to encourage clicks and purchases.

This is a widely-used affiliate marketing technique that can enhance conversion rates, expand brand visibility, and conserve time and resources, making it an excellent opportunity to earn money online.

You can effortlessly incorporate an affiliate product box into a blog post to engage potential customers and earn commissions from any sales generated.

Now, let’s explore how to easily set up an affiliate product box in WordPress without any coding skills:

• Method 1: Create an Affiliate Product Box Using Pretty Links (Recommended)
• Method 2: Create an Affiliate Product Box in the Block Editor (Free)
• Method 3: Build a Product Box for Affiliate Landing Pages Using SeedProd
• Bonus: Set Up an Affiliate Program on Your Website

Method 1: Create an Affiliate Product Box Using Pretty Links (Recommended)

You can easily design a product affiliate box with Pretty Links. This top-tier affiliate marketing tool simplifies the process of creating and managing affiliate links on your WordPress site.

First, install and activate the Pretty Links plugin. For detailed instructions, please refer to our beginner’s guide on how to install a WordPress plugin.

After activation, navigate to the Pretty Links » Add-ons section in the WordPress admin sidebar.

Here, simply install and activate the ‘Product Displays’ addon by clicking the ‘Install Add-on’ button.

Once the addon is activated, go to the Pretty Links »Add New section to begin creating your affiliate link.

Start by entering the name of the affiliate product in the ‘Add Title’ field at the top. This title will appear as the heading in your product affiliate box.

Next, enter the affiliate URL in the ‘Target URL’ field.

Then, input the link slug in the ‘Pretty Link’ box. This will be the final segment of your affiliate URL.

After that, switch to the ‘Product Display’ tab located in the sidebar on the left.

Once there, you can select a theme for your product affiliate box from the ‘Theme’ dropdown menu.

Next, click the ‘Update Image’ button to upload the product image from your WordPress media library or your computer.

Finally, enter the product description in the ‘Description’ box.

Next, set the price for the product in the ‘Price’ field.

You can also include a badge at the top of your affiliate product box. For instance, if the product you are promoting is on sale, you can highlight this for your customers.

To add a badge, simply enter the desired text in the ‘Badge Text’ field.

Next, provide a call-to-action (CTA) for the affiliate product in the ‘Primary Button Text’ field. This text will appear on the button within the product affiliate box.

The affiliate link we created will automatically be linked to the CTA button.

If you have written a review of the affiliate product on your blog, you can include the URL of that post in the ‘Review URL’ field. Readers who click on it will be directed to your review.

To create a CTA for the review button, simply enter your desired text in the ‘Review Button Text’ field.

Once you have completed these steps, click the ‘Update’ or ‘Publish’ button at the top.

Integrate the Product Affiliate Box into a Page or Post

Now, you need to add the product affiliate box to a page or post on your WordPress site. For this tutorial, we will be adding it to a post.

First, open a new or existing post from the WordPress admin sidebar.

To begin, click the ‘Add Block’ (+) button located at the top left corner to insert the PL Product Display block into the post editor.

Next, click on the ‘Add Display’ button.

This will bring up a ‘Product Display’ prompt. From this prompt, select the ‘Single Link’ option from the dropdown menu.

After that, you will need to locate the affiliate link you created using the search box.

When you click on the affiliate link, the product display box will automatically be added to your post or page.

Finally, click the ‘Update’ or ‘Publish’ button to save your modifications.

Now, visit your website to see the product affiliate box in action.

Method 2: Create an Affiliate Product Box Using the Block Editor (Free)

In this method, we will guide you on how to effortlessly create an affiliate product box using the block editor.

First, open an existing or new post from the WordPress admin sidebar.

Once you are in the post, click on the Add Block ‘(+)’ button at the top-left corner to access the block menu. Then, find and add the Columns block to your post.

After adding the Columns block, a list of column variations will appear. To proceed, simply select the 50/50 variation.

This will create two side-by-side blocks in your post.

Begin by clicking the ‘+’ button on the left side of the screen to access the block menu.

Next, select the Image block and upload your affiliate product image from the WordPress media library.

Then, click the ‘+’ button in the right column.

When the block menu appears, add the Heading block and enter the product title.

After that, click on the ‘Select Column’ icon in the block toolbar, and then click the ‘+’ button at the bottom to open the block menu again.

Locate and add the Paragraph block, and write a product description in the provided box.

To finalize your affiliate product box, you will need to include a call-to-action (CTA) along with the affiliate link for the product.

To proceed, exit the block editor.

Remember to click the ‘Save Draft’ button to save your changes before returning to the WordPress admin dashboard.

Generate an Affiliate Link

There are various affiliate marketing tools available for creating and managing affiliate links on your WordPress site.

In this tutorial, we will utilize Pretty Links, the top WordPress affiliate marketing plugin.

Begin by installing and activating the Pretty Links plugin. For detailed instructions, refer to our beginner’s guide on installing a WordPress plugin.

After activation, navigate to the Pretty Link » Add New section in your WordPress dashboard. Here, enter the product name in the ‘Add Title’ field.

Next, paste your affiliate product URL into the ‘Target URL’ field.

You can now create a custom URL slug in the ‘Pretty Link’ box. This slug will be appended to the affiliate URL that Pretty Links generates for you.

Once you’ve finished, click the ‘Update’ button to create your affiliate link.

You will be redirected to the ‘Links’ page. Here, simply copy the affiliate link from the ‘Pretty Links’ column.

Incorporate an Affiliate Link into the Product Box

Now, return to the blog post where you are building the affiliate product box.

Once there, click on the right side of your Columns block to access the block toolbar, then click the ‘Select Columns’ button to open the block menu.

Next, simply add the Buttons block.

To insert a link, click on the ‘Link’ icon in the ‘Buttons’ block toolbar. This will open a popup where you can paste the affiliate link you copied from the Pretty Links page.

You can also find the affiliate link by using the search bar within the box.

Next, you need to add some text to your call-to-action (CTA) button.

Be sure to include an engaging phrase in your CTA to motivate customers to click the link.

You can customize the appearance of your affiliate product box using the block settings. To do this, click on the ‘Styles’ icon in the block panel.

From here, you can select the background and text colors for your affiliate product box using the Color Picker.

Finally, click on the ‘Publish’ or ‘Update’ button to save your changes.

This is how the affiliate product box appeared on our demo website.

Method 3: Create a Product Box for Affiliate Landing Pages Using SeedProd

If you want to design an attractive product box for custom affiliate landing pages, this method is perfect for you.

You can use SeedProd, the leading WordPress page builder plugin available, which allows you to create a visually stunning website without any coding.

Begin by installing and activating the SeedProd plugin. For detailed instructions, refer to our comprehensive guide on installing a WordPress plugin.

After activation, navigate to theSeedProd » Settingspage to input your plugin license key.

You can find this information in your SeedProd account on their website.

Next, go to theSeedProd » Landing Pagessection in the WordPress admin dashboard and click the ‘Add New Landing Page’ button.

In this tutorial, we will be adding an affiliate product box to a landing page.

You will now see the ‘Choose a New Page Template’ screen.

Here, you can select from the various pre-made templates provided by SeedProd.

Once you’ve made your selection, you’ll be prompted to enter a page name and choose a URL. After filling in the details, click the ‘Save and Start Editing the Page’ button.

This will open SeedProd’s user-friendly drag-and-drop page builder.

From this interface, locate the Columns block in the left sidebar and drag it onto the design area on the right.

After adding the block, you will be prompted to select a column layout. To create two blocks side by side, simply choose the 50/50 option.

Begin by dragging and dropping the Image block into the left column.

Next, click on the Image block to access its settings in the sidebar. From there, click the ‘Use Your Own Image’ button to select an image from your media library or upload a new one from your computer.

Then, drag and drop the Heading block into the right column and enter the title of the affiliate product.

You can modify the alignment and font size using the settings available in the left column.

Once that is done, drag and drop the Text block below the product title to include a description of the affiliate product you are promoting.

After completing this, click the ‘Save’ button to apply your changes.

Now, it’s time to create your affiliate link.

Create Your Affiliate Link

First, install and activate the Pretty Links plugin. For detailed instructions, refer to our beginner’s guide on installing a WordPress plugin.

Once activated, navigate to the Pretty Link » Add New page in the admin sidebar.

Begin by entering the product name in the ‘Add Title’ field to easily locate the affiliate link. You can input either the name of the affiliate company or the product itself.

Next, input the affiliate link in the ‘Target URL’ field.

Then, create a slug in the ‘Pretty Link’ box. This slug will be displayed at the end of your affiliate link.

Finally, click on the ‘Update’ button to generate your link.

You will be redirected to the ‘Links’ page. Here, simply copy the affiliate link from the ‘Pretty Links’ column.

Integrate the Affiliate Link into the SeedProd Product Box

After copying the affiliate link, open the SeedProd landing page where you are creating the affiliate product box.

Once there, drag and drop the Button block below the product description.

Next, click on the button to access its block settings in the left sidebar. Here, paste the affiliate link into the ‘Link’ box.

Then, input the text for the Call to Action (CTA) in the ‘Button Text’ box.

To customize the affiliate product box, select the Columns block to access its settings in the left column.

You can select a background color or upload a background image for your product box. Additionally, you can customize the width and alignment of the Columns block to suit your preferences.

After making your adjustments, click the ‘Save’ button to save your changes.

Here’s how the affiliate product box appears on our demonstration website.

Bonus: Launch Your Own Affiliate Program on Your Website

In addition to promoting products from other businesses, you can establish your own affiliate program to boost sales for your online store.

This is a cost-effective marketing approach that enables other businesses to join your program and promote your offerings on their sites for a small commission.

By implementing a referral program, you can expand your reach, foster trust with potential customers, and ultimately enhance conversions on your site.

For instance, if you run an eCommerce store, launching an affiliate program allows you to incentivize customers, fans, and digital marketers to promote your products in exchange for a small commission for each sale.

You can easily set up a referral program on your website using AffiliateWP, the leading WordPress affiliate tracking and management software that gives you full control over your affiliate program.

This solution features a simple setup process, advanced tracking for affiliate links, comprehensive reporting, flexible payment options, and compatibility with popular plugins such as MemberPress, Easy Digital Downloads, and WooCommerce.

For additional details, check out our in-depth review of AffiliateWP.

These plugins simplify the process of launching an affiliate program, allowing you to reach new markets, enhance brand visibility, and generate more leads. For step-by-step guidance, refer to our tutorial on creating a referral program in WordPress.

We trust this article has equipped you with the knowledge to incorporate an affiliate product box in WordPress. You might also find our article on cloaking affiliate links on your WordPress site and our comparison of Pretty Links and Thirsty Affiliates helpful in selecting the ideal affiliate management plugin for your needs.

If you enjoyed this article, please subscribe to our YouTube Channel for WordPress video tutorials. You can also connect with us on Twitter and Facebook.