Horje
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:

1. First Download " wpblox-compare-plans.zip " Plugin to your Local Computer. (Click Download)

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

/stack/wp/e1593231376d7d849d2-4597-4fa3-a6ff-1eca18f72aab.png

3. Then, Click on " Plugins " + " Add New " from left sidemenu of Dashboard.

/stack/wp/e1593231378Screenshot20.png

4. Now, Click on "Upload Plugin" button.

/stack/wp/e1593231380Screenshot-2019-4-2AddPluginsHorjeWordPress.png

 

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"

/stack/wp/e15931461531577025694plugin.png

6. Now, Click on " Active Plugin"

/stack/wp/e15932313830ca45529-bf73-4101-8178-53ae60ce549f.png

7. Then, See left sidemenu. " WPBLOX | COMPARE PLANS " folder is added on left sidemenu. Now, Click on " WPBLOX | COMPARE PLANS " folder.

   Noted that: If you do not see " WPBLOX | COMPARE PLANS " folder on left sidemenu then, see at left sidemenu " Settings " or " Tools ".

8. Now you configure yourself oR Watch video tutorial below about  WPBLOX | COMPARE PLANS Configurtions 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).


useful , usable , beautiful , responsive , plan , product , service , price , edition , comparison ,

Name

Read Article
https://develop.horje.com/learn/1434/reference