Loading...

Follow WpCtrl.com on Feedspot

Continue with Google
Continue with Facebook
or

Valid
Last updated on: 24th January, 2019

E-commerce themes are getting more unique and interactive the past few years. Even though when it comes to the single product page, we keep seeing the same familiar layout, in 90% of the themes it looks something like this:

Is this looks familiar?

Probably you’ve seen it hundreds of times. But is there another way of styling this page?

Yes, there is!

Some of the more advanced WooCommerce themes on the market have more than one custom product page layout. This means you can choose this setting per product, or set it globally for all your products.

Note that you will need to have transparent product images in order to make this look good. The popular white background once, won’t do the work in most cases.

1. Barberry

This layout features a full-width slider, overlapping the header. Barberry has two more product layouts which are also very sleek.

You can check out the demo here.

View Demo2. Kona

Kona is a new Woocommerce theme, that has all that it takes to become a future best seller.

Check out all the features of the theme here.

Note the cool sticky add-to-cart button on the top of the product page when being scrolled.

View Demo3. Chromium

Chromium is an auto parts theme, but you can fit it in any niche you want (most likely). The single product page is far from fancy, but the information is nicely put in boxes with some additional details that make the Chromium product page very sleek.

View Demo4. Elessi

Elessi is a clean modern fashion theme with unique product pages. The theme has a sticky description section and big product images grid.

You really have to check it live to see how well-put is this theme. On top of that, the theme comes with off-canvas ajax cart and wishlist, custom variation swatches and recent buyers notifications.

View Demo5. Supro

Supro is a minimalist Woocommerce theme with 7 product layouts to chose from. The theme also has Ajax add to cart button and Ajax cart.

The post Tired of Boring Product Page Layouts? Here are 5 Unique WooCommerce Templates appeared first on WpCtrl.com.

Read Full Article
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 
Last updated on: 4th December, 2018

The season is on and you want to add some Christmas mood to your WordPress website?

The easiest thing you can do is to add falling snowflakes, which might sound a little cliche, but it always grabs the attention in a good way.

If you run a corporate website or some serious business site, this might not be for you.

These Free plugins I’m about to show you are lightweight, and won’t get you in trouble with loading time or increased page size.

So let it snow!

1. WP Snow Effect

This snow effect is my favorite. The plugin has just enough customization options to get you the desired effect.

You can also choose specific pages where to display the snowflakes. Another cool feature is the min and max falling speed, which creates a more realistic effect.

2. WP Super Snow

WP Super Snow gives you a full set of options while keeping it lightweight and easy to manage.

You can choose your own png image files or use the default.

3. Christmasify!

With Christmasify! you can turn the full Christmas mode on.

It will not only add snowflakes to your blog, but you can also enable music, decorations for images, a custom font for your headlines and a ridiculous flying Santa.

Bonus – Add Falling Snow to Your Slides

You probably have at least one theme, packed with Revolution slider. It is the most well-recognized slider for WordPress.

If you planning to make some Christmas slides this year, you should definitely check the FREE Snow Effect add-on!

Note you will need an activated license in order to use the add-on.

Happy Holidays and let it snow! Have fun and don’t be so serious on Christmas. Everybody will enjoy a little snow!

The post 3 Free Plugins to Add Snow Effect to Your WordPress Blog (and Slides) appeared first on WpCtrl.com.

Read Full Article
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 
Last updated on: 28th November, 2018

Running a real e-commerce store often requires more than the default product layout. Every business is different and it needs to speak to make the important information visible to its clients.

There is no better place to add a small disclaimer, than the area under the “Add to cart” button on your product pages.

You can also add an image with trusted payment logos, or whatever you find important to your customers.

Any shortcode will work! So get creative.

But how to do that quick, for all the products in the store, with the option to change it easily in the future?

For This Example I Used

Note that you can use any free or paid plugin or theme. This is just what I used in this tutorial.

  • WooCommerce Theme: XStore (highly recommend, you can even add Visual Composer elements)
  • Massive Addons – Probably the best WPBakery Page Builder extension.
  • Shortcoder – This plugin will let you change the content of the box lately, with anything you want.
  • Olevmedia Shortcodes – It provides cool shortcodes, without the need of Page Builder.

Of course, you can use any theme or shortcode plugin you like.

Using FREE Shortcodes

First in a draft post or page, create your note box, using the shortcode you like and styling it the way you like it. You can also use an image or just plain text.

For my example, I’m using the following shortcode, generated from Olevmedia Shortcodes plugin.

My final shortcode look like this:

[infobox color="#f4f4f4" textcolor="#636363" icon="info-circle"]This is very important information, please read before you order![/infobox]

Once you are happy with your note. You can go to the next step, which is adding the shortcode to your theme’s layout.

Creating Your Own Shortcode with Shortcoder

To make this functional as much as possible and easy to edit it in the future. Download the Shortcoder free plugin and install it.

Then just go to the plugin settings page (Settings > Shortcoder), create a new shortcode and paste your shortcode (the one we did above). Give your new shortcode a name and save it. Then grab the shortcode’s code and head to the next step.

(I know I said ‘shortcode’ too many times in this paragraph – shortcodeception)

Adding the Content to Your functions.php file

Find your child theme’s functions.php file and add the following code at the bottom.


add_action( 'woocommerce_after_add_to_cart_button', 'html_after_add_to_cart' );
function html_after_add_to_cart(){
?>
<?php echo do_shortcode(' [sc name="below_cart"] </body></html>
'); ?>
<?php
}

Change [sc name="below_cart"] with your Shortcoder shortcode.

You are ready to see what you have achieved!

It is possible to play with the CSS to position it nicely below the button, add some paddings etc.

Using WP Bakery Page Builder Static Block and Massive Add-ons

If your theme supports static blocks, create a new one and place a row with “Alert” element.

If you’d like, you can add more elements like a countdown or any other Massive add-ons element of your choice.

Save your static block and copy the generated shortcode to the code we added in the functions.php file.

Enjoy and always back up your files in case this code is not supported by your theme!

The post Woocommerce: Display Important Info Box Below Add-to-Cart Button (With Shortcode) appeared first on WpCtrl.com.

Read Full Article
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 
Last updated on: 14th October, 2018

The good theme is the ground base for your affiliate reviews website. Content is a king, but having a strong core will guarantee your future success and save you money.

Review websites are simple, they focus on detailed long articles, comparison tables, and helpful user guides. Google loves good, long articles and therefore ranks these sites higher in the search results. This makes reviews websites a passive income machines if you make everything right.

When choosing a theme, you should focus on the review pages (posts) because these are the pages that will bring traffic and conversations to your website, not your homepage or any other fancy page.

If you already have researched the market and you have chosen your desired niche, then it’s time to build your website and start ranking some pages in the Google results.

Did you Know... There are special conversion focused themes and plugins, that will make your life easier and maximize your conversion rates. It's called Thrive Themes.

They are full of awesome tools to help you increase your ROI and make the most of your content. Thrive Themes also have their own page builder made with conversion in mind.

Check All the Products

Check also: 6 Must Have FREE WordPress Plugins for Affiliate Bloggers

Why these themes and not others?
We’ve selected only thems that are:
  • Clean and lightweight
  • Easy to setup
  • SEO optimized & Fast loading
  • Well design and coded.
We’ve avoided thems with:
  • Lots of bundeled plugins
  • Visual Drag & Drop page builders
  • Hundreds of options and elements
  • Heavy design and slow loading times

Let’s jump to our best picks.

1. Dividend

View Demo

Dividend is one of the latest and most wanted themes from MyThemeShop. It features 5 demo layouts and special “Deals” custom post type, that can be a useful tool in your affiliate arsenal.

How fast is Dividend?

2. Lighthouse Blog

View Demo

This is a very clean and lightning fast theme. The creators claim the theme loads for 0.350 seconds which is kind of lightning (Our test showed 2.2 sec.)

The theme is very simple, but it can be perfect for your affiliate reviews. If you add some of these handy affiliate plugins your blog will be ready to convert some of the organic traffic that should quickly start to come towards your blog.

How fast is Lighthouse Blog?

3. GeneratePress

GeneratePress is available in both free and premium versions, but the premium is fully customizable and it comes full of great features for just $39.95.

With premium, you get access to 15 modules to control any part of your blog + predefined demos, you could install with few clicks.

The theme is compatible with all the major page builders, so you can always extend the design and tailor it to your needs with your favourite builder.

How fast is GegneratePress?

I have tested most of the demo sites, and the results are similar – loading times between 1-1.5 seconds.

4. Genesis Framework (+ Aspire Pro Theme)

Genesis is one of the established frameworks on the market, powering many successful affiliate blogs. It is solid, fast, reliable, but very hard to customize if you are new to this stuff.

The theme is a little pricey – $74.95 for the theme +$59.95 for the Genesis framework, but you get unlimited updates in time and the rare ability to use on as many sites you wish. If you know what you aim for, this can be a perfect fit for your next project(s).

10beasts.com is using the Aspire Pro theme and absolutely crushing it, with affiliate commissions of $40K+/month.

How fast is the Aspire Pro theme?

To wrap it up

In the process of running your niche site, you’ll see what works best for you. There will be plenty of customizations and added plugins.

Later you can add some page builder and design the pages the way you want, escaping from the theme layout limitations. But for now, focus on building solid content and a fast, simple website.

Image credit: Designed by Pikisuperstar

The post Best Themes to Build a Successful and Converting Affiliate Reviews Website in 2018 appeared first on WpCtrl.com.

Read Full Article
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

Drag and drop page builders are powerful tools that gave the opportunity to the regular WordPress users to create pages and layouts, similar to what only experienced web designers were able to do a decade ago.

The process of web designing is becoming more user-friendly with every year and WordPress is the best platform for non-tech savvy users.

What you’ll find in this article:

  • Why having a page builder plugin is necessary
  • The difference between the plugins interfaces
  • The actual process of designing a section with a page builder
  • The available elements for both plugins

The web is changing quickly and webmasters want a flexible environment to change their websites with a similar phase. Having a website is no longer a “set it and forget it” work, another contact channel just to fill the info on your business card.

Today most of the themes on the market come with some kind of visual page builder. This is giving the owners the opportunity to easily manage the look of their websites and update things quickly when needed, without hiring a professional.

Why do you Need a Page Builder?

Let’s take a look at one of the most popular themes on the market – The Genesis Framework themes.

The Genesis Framework is valued for its clean code, speed, security and SEO friendliness.

The themes are stylish, clean and completely inflexible.

If you take a look at any Genesis Framework child theme, you’ll see the same issues with all of themes – they are predefined!

For example, You can love the Essence Pro when you first see the theme demo. Let’s say you decide that this is your theme and you buys it.

What you’ll probably find out later is, except the complicated setup to make it look like the demo, is that you have absolutely no control over your layouts. You are given a few widgets and that’s it!

For Genesis Framework, even simple tasks like adding a search to your header, or changing the colours of your site are made so complicated and frustrating even for experienced users.

If you want to feature a new section on your homepage, to list new services or anything else, you will be stuck.

And that’s the reality with most of the predefined “section ready” themes.

WPBakery Page Builder

$46

More info

Elementor Pro

$49

More info

Elementor has a FREE version. You can create the hero section and some more basic designs, but you won’t have access to the premium widgets and elements.

Now let’s get into it. I’ll make one of the most used section that almost every website or landing page have – the hero section, with both Elementary and WPBakery Page Builder.

Hero Section with WPBakery Page Builder

This is what your visitors see first, so you better grab their attention with clear messages and design.

How to create a hero section with WPBakery Page Builder?
  • Make sure you have disabled any sidebars and preferably choose a full-width layout if you have the option in your page/theme settings.
  • Switch to “Backend editor” (this will enable the page builder instead of the classic text editor) then click the “Add Element” button. Choose “Row”.

Note: You can also use the frontend editor of WPBakery Page Builder, but I find it easier to work in the backend.

Add an empty row first

  1. The row columns layout
  2. Row settings – from here you set the background, width, setting the margins and paddings and more.
  3. This is the style of the column
  4. From here you add your elements (content)

The hero section needs a background image. Head to the row settings (2). On the ‘General’ tab set the row stretch to ‘Stretch row’, this will make your row full width.

Then go to the ‘Design options’ tab.

Here you can choose your hero image and set the row paddings, this is necessary in order to get enough space around your elements.

In the drop-down menu, below the thumbnail, set the option to ‘Cover’.

Note: You can play with the paddings to get the desired height of your row. I choose percentages, but you can use px, em or rem values.

Click Save changes.

Note: Later when I added the headings I changed the top padding to 10%.

The default background options of WPBakery Page Builder are very limited. You can add overlays, parallax effects, gradients and more with any of these additional add-ons.

What you should get is a nice full-width section ready for some extra elements.

Adding text and Call-to-Action button

WPBakery Page Builder comes with its own Custom Heading element.

For this example, we’ll use two custom heading elements, the second will play the role of a subheading.

Choose your desired font, size, colour and align in the element’s settings screen.

Clone the element for the subheading and just change text and the size to a smaller one.

Click the small plus sign below your element to add a CTA.

Select the ‘Button’ element and select your prefered settings (size, color, url etc.). Remember to add some padding to give your CTA space to breath – go to the ‘Design options’ tab of your button and add 15px top padding!

…and voila!

Our Hero Section is ready to get some clicks.

Hero Section with Elementor Pro

Let’s try the same example but this time using Elementor Pro.

The main difference is that Elementor is a frontend page builder only, the moment you click the ‘Edit with Elementor’ Button you will be redirected from your backend.

Both page builders have a very different interface and approach to design.

First things first, you want to get rid of any sidebar you might have and hide the page title.

Then click the purple plus icon to add a new section. Before we add the image and the heading, there is some work to be done in the row settings.

When you hover over the section, three small icons appear at the top left corner. Click the middle one (the 6 dots) and the settings panel will appear on the left side.

To get a nice full-width section turn on the Stretch section option and from the Content width drop-down choose Full Width.

In the Style tab, you can set your font colour, alignment and more.

Hover again and another small icon will appear at the top left corner, that is where we’ll place our image and set the paddings.

Note that your background won’t appear until you add your an element.

Click the plus icon and drag the Heading widget to your section. Then again drag another heading for the subheading and finally drag a button below the two.

Click update and your hero section is ready.

Here is the final result.

Elementor or WP Bakery Page Builder?

If you want a front end drag-and-drop page builder – Elementor is the better choice. It has also a free version, which might be totally enough for some users. It’s also more intuitive and easier to get used to. If you want to get creative, I think WP Bakery is the one you should get. Combined with some of the premium addons on the market it becomes a powerful tool to create almost anything.

The post WPBakery Page Builder vs. Elementor – Creating Hero Sections (Step by Step) appeared first on WpCtrl.com.

Read Full Article
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

TablePress is the most popular and widespread WordPress table plugin (700 000+ active installs).

The plugin does a great job and the creator Tobias Bäthge is providing amazing support for a free plugin! It is perfect for data tables and with some work, it could also be used for comparison tables (powerful marketing tool).

But the thing is that the plugin default styling looks old-fashioned and not very appealing to the eye of the modern user.

Here is a preview of our test table with the default styling and options:

What will probably grab your attention is the poor alignment of the text and elements, the unnecessary sorting and search options and some other minor details, that we’ll want to get rid of.

Center the alignment of all elements

You can see how the text is aligned in the top left corner of the cell.

Even if we centre it, it’d still be at the top which looks bad. Instead, we’ll set it to be centred in the middle of the cell, no matter of the height of the row.

Like this

To do that add this line of CSS to your Custom CSS (you can use this free plugin):

    .tablepress thead th,  .tablepress tbody td {  	text-align: center;  }    td.column-1, td.column-2, td.column-3, td.column-4, td.column-5 {  vertical-align: middle !important;  }    
Remove the unnecessary TablePress options

When adding a new table you will see some checkboxes with options. Some of those are handy, but for our purpose, we’ll want to disable them.

Here is what we left checked:

Alternating Row Colors and Row Hover Highlighting looks good only if your product images are transparent! If you use transparent background images you can leave those options enabled.

Changing the header and footer colour

By default, all tables have a blue header with no option to change. To do so you’ll need to add this line of CSS to your custom CSS:

    .tablepress thead th,  .tablepress tfoot th {  	background-color: #F2A53B;  }    
Adding visual elements

Visuals work better than plain text and when it comes to conversion rates, the numbers increase significantly.

TablePress works perfectly with shortcodes. Add your favourite button shortcode for your CTAs. Download some icons to display pros and cons, “yes and no” etc.

You can even add lists of benefits or specifications, get creative.

Making TablePress Responsive

By default, TablePress tales will shrink to some degree, but on smaller screens most of the tables will look cluttered.

You can see how the columns are overlapping on the example below.

Download the responsive add-on for TablePress- Click Here

Read the description on the page above, because the plugin has 3 responsive modes, also you have to change the shortcode of your table from:

[table id=1 /]

to something like

[table id=1 responsive=collapse responsive_breakpoint=device /]

For “responsive” you can choose from: flip, scroll, or collapse and for the “responsive_breakpoint” from what type of device the table will become responsive – phone, tablet, desktop, or all.

Upload and activate the plugin and let’s check again our table.

I choose the following setup:

[table id=1 responsive=scroll responsive_breakpoint=tablet/]

And here is the final look of our refreshed and styled TablePress table

The post TablePress Custom Styling – How to Make your Tables Sleek and Responsivene appeared first on WpCtrl.com.

Read Full Article
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

The good theme is the ground base for your website. Content is a king, but having a strong core will guarantee your future success and save you money.

The Review sites are simple, they focus on detailed long articles, comparison tables, and helpful user guides. Google loves good, long articles and therefore ranks these sites higher in the search results. This makes reviews websites a passive income machines if you make everything right.

When choosing a theme, you should focus on the review pages (posts) because these are the pages that will bring traffic and conversations to your website, not your homepage or any other fancy page.

If you already have researched the market and you have chosen your desired niche, then it’s time to build your website and start ranking some pages in the results page.

Check also: 6 Must Have FREE WordPress Plugins for Affiliate Bloggers

Why these themes and not others?
We’ve selected only thems that are:
  • Clean and lightweight
  • Easy to setup
  • SEO optimized & Fast loading
  • Well design and coded.
We’ve avoided thems with:
  • Lots of bundeled plugins
  • Visual Drag & Drop page builders
  • Hundreds of options and elements
  • Heavy design and slow loading times

Let’s jump to our best picks.

1. Dividend

View Demo

Dividend is one of the latest and most wanted themes from MyThemeShop. It features 5 demo layouts and special “Deals” custom post type, that can be a useful tool in your affiliate arsenal.

How fast is Dividend?

2. Lighthouse Blog

This is a very clean and lightning fast theme. The creators claim the theme loads for 0.350 seconds which is kind of lightning (Our test showed 2.2 sec.)

The theme is very simple, but it can be perfect for your affiliate reviews. If you add some of these handy affiliate plugins your blog will be ready to convert some of the organic traffic that should quickly start to come towards your blog.

How fast is Lighthouse Blog?

3. GeneratePress

GeneratePress is available in both free and premium versions, but the premium is fully customizable and it comes full of great features for just $39.95.

With premium, you get access to 15 modules to control any part of your blog + predefined demos, you could install with few clicks.

The theme is compatible with all the major page builders, so you can always extend the design and tailor it to your needs with your favourite builder.

How fast is GegneratePress?

I have tested most of the demo sites, and the results are similar – loading times between 1-1.5 seconds.

4. Genesis Framework (+ Aspire Pro Theme)

Genesis is one of the established frameworks on the market, powering many successful affiliate blogs. It is solid, fast, reliable, but very hard to customize if you are new to this stuff.

The theme is a little pricey – $74.95 for the theme +$59.95 for the Genesis framework, but you get unlimited updates in time and the rare ability to use on as many sites you wish. If you know what you aim for, this can be a perfect fit for your next project(s).

10beasts.com is using the Aspire Pro theme and absolutely crushing it, with affiliate commissions of $40K+/month.

How fast is the Aspire Pro theme?

The post Best Themes to Build a Successful and Converting Affiliate Reviews Website in 2018 appeared first on WpCtrl.com.

Read Full Article
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

What is Rank Math?

Rank Math is a brand new FREE plugin from MyThemeShop, that promises to be а main competitor in the fight of the WordPress SEO plugins, a fight dominated by Yoast for years.

The plugin is still not available for public download, but a selected few MyThemeShop users were given the opportunity to test it before everybody else and their reviews are promising.

As it looks like Rank Math will be available in both Free and Premium versions.

One thing is for sure, the guys from MyThemeShop have put their hearts and souls into this project and from what we’ve seen so far, it’s notable that this plugin is powerful!

The plugin is so well-documented and described, you can view the plugin’s page for more details here.

Rank Math Setup

The plugin has a setup wizard and a 1 Click Import From Yoast SEO, which will keep your existing SEO settings and you won’t lose anything along the way.

The setup is very detailed, but users can also choose the recommended settings option and skip a lot of the manual work.

The in-post user interface looks similar to the one in Yoast, but with more polished and modern look.

Watch this sneak peek video of Rank Math:

Rank Math - The Most Powerful & Lightweight SEO Plugin for WordPress (Long Intro) - YouTube

I can’t wait for the official launch of Rank Math, to install it and test it myself. I’ll write more details and personal experience once that happens.

The post Rank Math vs. Yoast – Should you Make the SEO Switch? appeared first on WpCtrl.com.

Read Full Article
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

WooCommerce has proved itself over the past decade as a major e-commerce platform. Combined with the powerful WordPress functionalities and the abundance of plugins available, it is reasonable for some shop owners to switch to WooCommerce.

Migrating stores over platforms is a pain in the ass and even more when it comes to moving the users’ accounts with passwords.

So for one of my stores (running on Presta since forever) I decided to start a second store from scratch, keeping only the products (a total of 646) and the categories.

And I wanted to do this fast.

I searched the web for a FREE solution and I found this plugin.

FG PrestaShop to WooCommerce

With the free version, you can migrate:

  • Product images
  • Product Descriptions
  • Prices
  • Categories
  • Tags
  • and CMS pages

For me, that was more than enough to start my WooCommerce version of the shop. What I noticed afterward was that the plugin puts all products that were disabled or out of stock in the PrestaShop dashboard to drafts which was very handy.

What will you need for the migrate process?

First, you will need to install WooCommerce and the FG PrestaShop to WooCommerce plugin.

After that, you will see an “import” link in the plugin’s box.

This will lead you to the plugin’s settings page, where you will need to fill your PrestaShop database information.

  • Store URL
  • Database Name
  • Database User and password

The rest should be left as default in most cases.

Note:
In case your Presta store is on a different server you have to export the database (from phpMyAdmin), then create a new database and user on the server where your WordPress website is hosted, and import the previously downloaded .sql file to the new database. Then fill the details of it in the plugin’s settings page.

If everything is set properly you should get a green light – Connection Succesful!

Now you are ready to start the importing process. Brace yourself because it takes a while, and by while I mean forever.

What I found was that the importing gets stuck after 2-3 minutes of working. The best thing you can do is refresh the page and click the “Start/Resume the import” button. Then repeat the process until you reach 100%

Also Note: The Import progress goes beyond 100%, so wait for it to finish, don’t close it when it reaches 100%!

Hope this plugin works for you as it worked for me. With its help, I managed to get the store from nothing to full catalog with prices featured images and descriptions.

You can download the plugin here.

The post How to Import Products from PrestaShop to WooCommerce (for FREE) appeared first on WpCtrl.com.

Read Full Article
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

Are you writing amazing detailed reviews with valuable information? Long articles are great for SEO and you should totally stick to them.

On the other side, you have your readers, actual human beings (in a hurry most of the day) that want to find the information they search for in the fastest way possible, or they can get annoyed and leave your website.

Then you have your conversion goals, you want to design your posts in a way that suggest a call to action in an intuitive and not too pushy manner.

Here’s an easy piece of shortcodes that you can try for your product reviews or for whatever other purposes you chose.

The Summary Box

This box is telling the user what is all about within few seconds. It’s responsible and it will integrate smoothly with any theme and post layout.

Here is the live preview first:

You’ll need the following plugins:

  • Olevmedia Shortcodes or simmilar
  • YASR or simmilar for star rating
  • Any button shortcode or image
  • 300×200 image

Free Template

Just copy the following code and paste it to your post, modify it and see how will look.

[box title="" bg_color="#f9f9f9" ]

[one_half]

<img  src="https://wpctrl.com/wp-content/uploads/2018/05/review-img.jpg" alt="" width="350" height="200" />

[/one_half]

[one_half_last]

You'll need the following plugins:

[custom_list icon="check-circle-o" iconcolor="#74b538"]
<ul>
 	<li>Olevmedia Shortcodes or simmilar</li>
 	<li>YASR or simmilar for star rating</li>
 	<li>Any button shortcode or image</li>
 	<li>300x200 image</li>
</ul>
[/custom_list]

<center>[yasr_overall_rating]</center>[/one_half_last]

[su_button url="#"  background="#216fb7" color="#ffffff" size="8" center="yes" radius="0" text_shadow="px px px "]Your Button[/su_button]

[/box]

If you have activated all the suggested plugins and paste the above code in your post/page text editor you should have the same summary box as the example above!

Enjoy!

The post Add Summary Box to your Reviews to Increase Conversions (Free Template) appeared first on WpCtrl.com.

Read Full Article

Read for later

Articles marked as Favorite are saved for later viewing.
close
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

Separate tags by commas
To access this feature, please upgrade your account.
Start your free month
Free Preview