![How to make an amazon product card using wp table builder](https://wpawesomesites.com/wp-content/uploads/2022/07/amazon-product-card-using-wp-table-builder-770x470.jpg)
How to make an amazon product card using wp table builder
In this article wp table builder tutorial I will tell you how to make a product card for amazon affiliate site using wp table builder plugin.
Product cards on affiliate sites are needed to show the user the product, its picture, name, characteristics, price and the button on which he can go and buy it.
How to add Amazon Table in WordPress?
1. Create a new table:
![creating new page wp table builder](https://wpawesomesites.com/wp-content/uploads/2022/07/1-creating-a-new-table.jpg)
2. The new table will consist of one row and two columns. In them we will put the content:
![wp table builder create table](https://wpawesomesites.com/wp-content/uploads/2022/07/2-new-table-one-row-two-column-wp-table-builder.jpg)
3. In the left column we will add a picture. The picture will make a link, so that it was also possible to go to the goods. Link put additional attributes:
![add image amazon product card wp table builder](https://wpawesomesites.com/wp-content/uploads/2022/07/3-image-to-product-card-wp-page-builder-1024x468.jpg)
![additional values to image wp table builder](https://wpawesomesites.com/wp-content/uploads/2022/07/4-values-to-image-wp-table-builder-1024x394.jpg)
4. In the right column we’ll add a Title, a stylized list of features wp table builder pro, Rating, button-link:
![title, raiting, styled list, button wp table builder](https://wpawesomesites.com/wp-content/uploads/2022/07/5-title-raiting-button-styled-list-amazon-product-card-wp-table-builder-1024x513.jpg)
For all elements set the size, colors, hover-effects. You can select an icon for the additional button.
5. In the left column add a ribbon. Here will be an inscription from amazon that this is the best product:
![ribbon example wp table builder](https://wpawesomesites.com/wp-content/uploads/2022/07/6-ribbon-amazon-product-card-wp-table-builder-1024x511.jpg)
In the ribbon settings you can choose the ribbon type, background color, text color and size. There is several type of ribbons – rectangle, bookmark, corner, icon, side. You can also specify the ribbon’s location – right or left.
![ribbon settings wp table builder](https://wpawesomesites.com/wp-content/uploads/2022/07/7-ribbon-settings-wp-table-builder-1024x458.jpg)
6. Now for the whole table set the background color, color and border-weight:
7. Configure adaptive – how the product card will be displayed on a mobile screen or tablet:
![fancybox adaptive table wordpress](https://wpawesomesites.com/wp-content/uploads/2022/07/8-adaptive-product-card-wp-table-builder-1024x554.jpg)
8. Now you can insert the table into the page of the site. This can be done either by using shortcodes or simply copy-paste directly into Gutenberg.
The product card for amazon affiliate site with wp table builder pro is ready. Now you can make such cards on your site and raise conversions.