Add Beautiful Pros and Cons Boxes in WordPress with these Plugins

When writing product reviews or comparison posts, where highlighting the strengths and weaknesses of the featured product or service is essential, it’s a good idea to use a Pros and Cons plugin. This allows you to display standardized boxes at the bottom of your posts.

pros and cons examples Gutenberg

Pros & Cons Examples

Once you let go of the old habits from the ‘Edit Post’ screen, such as TinyMCE and Meta Boxes, and get accustomed to the Block editor, you’ll find that you love it.

First, go ahead and download some free add-on plugins that you’ll need for these examples.

Plugins used in the tutorial:


– Qi Blocks – Free Download
– Getwid blocks – Free Download

Method #1 – Using QI Blocks

This is my first suggestion to create a Pros and Cons section for your reviews with Gutenberg blocks.

Example:

gesture-46-filled

Pros

– Free
– Good Price
– Optimized

gesture-47-filled

Cons

– Bad quality
– Poor Support
– Pricey

The section above is created using the free plugin QI Blocks.

Here’s the exact process:

  1. Choose the location in your post where you want to place the boxes and click on the ‘+’ sign to add a new block.
  2. Add a column and split it into two halves.
  3. Once you have the two columns, select the first one, which will be your PROS box. Then click on the plus sign to add a new block to it.

Use the search bar and type – Message boxes.

From here you only have to change the colors and add the list of pros and cons.

For the example above I used free SVG icons from dryicons.com.

Method #2 – Using Getwid Blocks

Live example:

Pros

Good Price

Good Support

Good Quality

Cons

High Price

Bad Support

Bad Quality

This one is fairly easy to get as well.

Click on the plus sign in your post or page to add a new block. Find the Getwid blocks and select the Icon Box from the Getwid menu.

In the block options on the right side of your screen apply the following settings:

  • In the general tab choose the icon for the first column and the content alignment.
  • In the style tab, you can set the icon size, colors of both the icon and the icon background, the radius, and space around the icon (paddings)
  • In the advanced tab, you have the option to add a link to your icon. Leave this blank, because it won’t make any sense

Best FREE Pros & Cons Plugins

Pros&Cons is a powerful element in your affiliate product reviews and is known for increasing the conversion rate, plus being a great user-friendly element. Users tend to skip long articles and search directly for conclusions or sum-ups.

1. Mighty Classic Pros And Cons

This was one of the first plugins that are supposed to do just that – showing pros and cons lists with a simple CTA button.

The free plugin provides a shortcode and it’s built to work with the classic WordPress editor.

If you want to use the feature in the Gutenberg editor, you’ll need to get the Mighty Pros & Cons

View Demo

2. i2 Pros & Cons

i2 Pros & Cons

You can use the old shortcode or edit the list visually in Gutenberg blocks.

The pros and cons have multiple styles to choose from. You can change the colors, icons, button style, and more.

View Demo

3. AffiliateX

AffiliateX pros cons

AffiliateX is a versatile plugin designed for building high-performance affiliate marketing websites. It offers a range of blocks to enhance user engagement and improve conversion rates.

The Pros and Cons blog has four editable layouts, allowing for customization to fit your site’s design.

Other key features include:

  1. Single Product Block: Promote individual products with a strong Call-to-Action (CTA).
  2. Button Block: Easily add and customize buttons in various styles.
  3. Call to Action Block: Capture visitor attention with a dedicated CTA block.
  4. Notice Block: Present important notices in different styles.
  5. Verdict Block: Share product ratings and verdicts with a scoring system.
  6. Product Comparison Table: Compare multiple products side-by-side.
  7. Product Table: Organize multiple products in a single table.
  8. Specifications Block: Showcase product details in three distinct layouts.
View Demo

Congratulations! You are ready to create awesome reviews.

Save your preset in a draft page or post to be ready for use. Just make sure to paste it in “Text” mode, whenever you use it in an actual post, to avoid any code break-ups.

Disclosure: Some of the links on the page may contain a ref code (affiliate links), that tells the other side that we have sent you. If you liked what we suggest and you make a purchase, we may receive a commission.

Bozh
I'm Bozh, and I've been creating websites with WordPress for 15+ years. Since 2016, I've worked with top affiliate companies, run my own e-commerce business, and managed several niche blogs. I founded WPCtrl.com with the idea of sharing my knowledge, personal experiences, and recommending better alternatives to you.
WPCtrl.com