Versus pages

From 7.1 version we added some unique ways to make epic Versus posts. What is Versus Posts? It’s something like “Product VS Product” where you compare 2 or 3 products and give users some ideas which is better to buy.

We found that such pages have a really big love from google, so we added some templates and ready shortcodes for page builder.

First of all, check new demo for such pages

Demo 1

Demo 2

In first screen we made sliders for Revolution slider (bundled with theme). You can download plugin from Rehub – plugins page. You can download example of slider from page

On the versus pages, we use page builder

There are several modules in page builder which we made for Versus pages

Versus Table.

This is really great thing, for this, you need to use Versus Line module from page builder. It’s easy to use this module, just add new line, add content for 1 column and second column, choose background color (or leave blank) and choose which column must be not highlighted (to highlight value which is better). First line better to make with light grey background and add there images, so, this line will be as heading.

In side columns I added also images and buttons (Button module) which goes to product pages. If you want to import value of price from product page, use Meta/attribute value module and use key for meta “_price”

Next module which can be used is Woo Compare Bars

It’s available in Elementor as woocommerce module (it shows attribute values of woocommerce product), but also, you can add such bars manually in shortcode generator in Classic Editor as “Compare Bars”. How it works. You set maximum value of bar which is equal to 100%. Then, add each line with it’s value. Theme will count each value and show it in comparison with maximum value. This is great tool to show differences between two product specifications.

Also, when you make any comparison, maybe you want to add some small text who is winner. We added small helper inside Classic editor

Just click on icon and you will have emoji special cup badge in post

Next thing is comparison of latest reviews. Use next shortcode

Also, you can add multiple review boxes with final verdicts. Use Reviewbox module for this from Elementor or from shortcode generator