Banner for Wpblox Compare Plans
A useful, usable and beautiful responsive plan / product / service / price / edition comparison table. It allows your customers to quickly find your o … Wordpress Tutorial
Noted That:
  • To install correctly this wpblox-compare-plans.zip .
  • Fisrt Download the wpblox-compare-plans.zip to your computer
  • Extract/Open wpblox-compare-plans.zip to Your Computer.
  • Then, Find readme.txt file inside wpblox-compare-plans.zip and Open readme.txt .
  • Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
  • Then, Follow the Tips Below.
Start the Tips:

Step-1 : Download " wpblox-compare-plans.zip " to Your Local Computer.

Step-2 : Then, Login to your " yourdomain.com/wp-admin " Dashboard.

Login to Wordpress Wpblox Compare Plans

Step-3 : Then, Click on " Plugins " + " Add New " from left Side Menu of Dashboard.

Go to Plugin Install Wpblox Compare Plans

Step-4 : Now, Click on " Upload Plugin " button.

Click Upload Button Wpblox Compare Plans

Step-5 : Now, Browse " wpblox-compare-plans.zip " Downloaded plugin from your computer, Where you downloaded " wpblox-compare-plans.zip " According to Step – 1 Above then, click on " Install Now "

Upload Plugin Wpblox Compare Plans

Step-6 : Now, Click on " Active Plugin "

Activate Wpblox Compare Plans

Step-7 : Then, See left Side Menu. " Wpblox Compare Plans " folder is added on left Side Menu. Now, Click on " Wpblox Compare Plans " folder.

Noted that: If you do not see " Wpblox Compare Plans " folder on left Side Menu then, see at left Side Menu " Settings " or " Tools ".

Step-8 : Now you configure yourself oR Watch video tutorial below about Wpblox Compare Plans Configurations and Settings or How to work " Wpblox Compare Plans " in your WordPress site.

oR

After Activated Plugin According to Step-6 then,

  1. Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
  2. or Direct go to: https://yourdomain/wp-admin/plugins.php
  3. Then, Find " WPBLOX | COMPARE PLANS " Activated Plugin from Plugin List.
  4. Then, Click on " Settings " from Plugin that is WPBLOX | COMPARE PLANS
  5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,
WP Plugin Setting



Guide

Documentation

Check the online documentation for the latest updates.

Installation

  1. Go to WP Admin > Plugins > Add new and search for WPBLOX.
  2. Find the WPBLOX | COMPARE PLANS plugin and click Install .
  3. Wait until the installation finishes and then click Activate .

Configuration

  1. Create a new post / page or choose an existing one.
  2. In edit mode, add a new Compare plans block by clicking to add a new block from the Widgets section.
  3. Select the block to activate the block’s editor in the right panel.
  4. To be able to compare plans (or prices, products, services, editions etc.) you must first add features. Expand the Manage features panel and click Launch editor to start editing features.
  5. Features must be grouped in capabilities so click to Add capability e.g. Collaboration .
  6. Then add one or more features e.g. Video conferencing and Instant messaging . Changes you made are saved instantly.
  7. Continue adding capabilities and features until you have described all features of all your collective plans.
  8. Once you finished adding all features, continue adding the various plans by expanding the Managed plans panel and click + Add plan .
  9. A new empty plan will be created with a random name. Click the Pencil button to start editing the plan.
  10. Add a Title, Subtitle, Name, Price, Nr. of decimals, Currency, Recurrence, Call-to-action and Description. Both Call-to-action and Description may contain valid HTML source.
  11. Finally at the bottom of each plan you can simply check all features that apply for the plan you are currently editing.
  12. Click Save to finalize the plan.

Change appearance

Optionally you can choose to change the default configuration of the Compare plans block when you expand the Manage appearance .

  • Add a title that appears above the table. If left empty, it will be ignored.
  • Add a subtitle that appears above the table. If left empty, it will be ignored.
  • Change the nr. of visible columns (default 3).
  • Update the nr. of visible columns (when the available screenwidth is less than 768px).
  • Choose to leave a group of features (capability) expanded when the user clicks to open another capability.
  • Repeat the call-to-action row at the bottom of the table.
  • Supress the auto-scroll from automatically scrolling through the plans.
  • Hide the Powered by WPBLOX.com notice at the bottom of the table.

Edit JSON

You can copy the JSON representation of the block’s configuration incl. Features, Plans and Appearance. This way you can create a backup of the configuration that you can re-use on other pages. It also allows you to edit the configuration directly (at your own risk).


Name