Customization Of Comparison Tables
AzonPress offers excellent customization features, making it easy to customize according to your needs. This article will guide you through Customizing Comparison Tables with Azonpress for Amazon products on your WordPress website.
How To Customize A Comparison Table
To learn how to customize the information displayed in your Comparison table with AzonPress, follow the steps with the screenshots below –
First, go to Amazon Comparisons from the WordPress Sidebar or Comparison Tables from the Amazon dropdown in the top right corner of the AzonPress Navbar.
Now, select the desired Table you want to customize and click on the Pencil Icon.
If you do not have any existing Comparison Tables, you can create a new Comparison Table.
![Desired-Comparison-Table](https://wpmanageninja.com/wp-content/uploads/2024/07/Desired-Comparison-Table-scaled.webp)
Now, you can see that your desired product table has been opened where you will find three major settings options. These are:
- Compared Rows
- Appearance Settings
- Compared Products
![Opened-Table-with-three-major-option](https://wpmanageninja.com/wp-content/uploads/2024/07/Opened-Table-scaled.webp)
Here is a brief explanation of all the settings options on the pop-up page given below –
Compared Rows
Compared rows describe the product information that is directly fetched from Amazon product metadata. Every row has a list of dropdown options to change the value of that Row.
If you want to change, you can do it by clicking the Arrow Icon and choosing the appropriate one that suits your needs. You can also change the value of the column as well.
![Dropdown-list-of-each-row](https://wpmanageninja.com/wp-content/uploads/2024/07/Dropdown-list-of-each-row.webp)
You can move rows up and down using the Drag and Drop button. You can also hide and unhide rows using the orange Toggle button.
You can add as many rows as you want by clicking the + Add New Row button and delete any existing row by clicking the Trash Icon.
![Drag-Drop-Add-new-row-and-Delete-buttons](https://wpmanageninja.com/wp-content/uploads/2024/07/Drag-Drop-Add-new-row-and-Delete-buttons-scaled.webp)
Appearance settings
From the appearance settings in the top right corner, you have two more options for showing the Table Title and Table Description in the front end.
To learn about customizing tables through Appearance Settings in detail, read this Documentation.
![Appearance-Setting-and-its-Two-options](https://wpmanageninja.com/wp-content/uploads/2024/07/Appearance-Setting-and-its-Two-options-scaled.webp)
Compared Products
In the compared products section, you will see the products you added to your comparison table. Here, you can manually edit the information of your comparison table for an individual product.
To do this, go to the desired product you want to edit and click on the Pencil Icon and a popup page will appear.
Also, you can add more products by clicking the + Add Product button and delete any products by clicking the Trash icon.
![Compared-Products-setting](https://wpmanageninja.com/wp-content/uploads/2024/07/Compared-Products-setting--scaled.webp)
Here, you will get a list of dropdown items that will allow you to change the default value of a row inside a product.
Now you can change the default value of your product row by clicking the Arrow Icon and choosing the value that suits your needs.
If you want to highlight a specific product in the comparison table click on Show More Options and it will open up with a Featured Text input field.
![Edit-Compare-Product-popup-page](https://wpmanageninja.com/wp-content/uploads/2024/07/Edit-Compare-Product-popup-page.webp)
Now, write a text into the Featured Text field that you want to show, e.g., Recommended, Best Pick.
Then, give it a Primary Color, so the column stands out from others, and you can ensure better user engagement. To set a different text color to the heading, use the Secondary Color.
Once you are done, press the Update button to save all the changes. If you don’t want to save simply press the Close button.
![Show-more-options-for-highlighting-the-products](https://wpmanageninja.com/wp-content/uploads/2024/07/Show-more-options-for-highlighting-the-products.webp)
Once you complete all the customization, click the Update or Update Setting button, and your tables will be ready to display.
You can see the preview of your table by clicking the Preview button as well.
Additionally, to do any custom design in your table, press the Custom CSS button.
You can also change the Table name anytime by clicking the Pencil Icon right next to the table name in the top left corner.
![Update-Preview-button](https://wpmanageninja.com/wp-content/uploads/2024/07/Update-Preview-button-1-scaled.webp)
If you have any further questions, concerns, or suggestions, please do not hesitate to contact our @support team. Thank you.