Responsive Pricing Table Builder for WordPress – AP Pricing Tables – Documentation

Documentation of AP Pricing Tables

AP Pricing tables is a Premium WordPress Plugin by AccessPress Themes. AP Pricing tables is a plugin to display your pricing plans to your site. A perfect plugin to show your pricing plan to your viewers. All you have to do is create a shortcode to display your pricing table on your website in your desired location!

Installation

ap-pricing-tables-image1

  • Go to Dashboard-> Plugins-> Add New
  • Click on Upload Plugin-> Choose File
  • Select [plugin].zip file and Click on Install Now
  • Once the plugin is installed, Activate it.
  • For configuration of the plugin’s settings, click on AP Pricing Tables of left admin menu.

Plugin Settings

In the Plugin settings, you can configure general settings of a plg that will be applicable for all your pricing table. The Plugin settings consisted of the following:

Plugin Assets

AP Pricing Tables - Plugin Assets
This settings allows you to control enqueuing of certain scripts and CSS included in the plugin. It includes:

Prevent Font Icon CSS Files From Loading:

  • Font Awesome: Whether to prevent loading the required files for Font Awesome iconset. Read more on Font Awesome here.
  • Linecon: Whether to prevent loading the required files for Linecon iconset. Read more on Linecon here.
  • Icomoon: Whether to prevent loading the required files for Icomoon iconset. Read more on Icomoon here.
  • Typicon: Whether to prevent loading the required files for Typicon iconset. Read more on Typicon here.
  • Material Icons: Whether to prevent loading the required files for Material Icons iconset. Read more on Material Icons here.
Prevent JS Files From Loading:

  • gomap.js: Whether to prevent loading of the gomap.js for Google Map. Read more on gomap.js here.
  • WOW.js: Whether to prevent loading of the wow.js for Table Animation. Read more on WOW.js here.
  • countdown.js: Whether to prevent loading of the countdown.js for Countdown Timer. Read more on countdown.js here.

Google Map Settings

Set the API Key for Google Map. AP Pricing Tables - Google Map Settings
Steps to get Google API Key:

  • Please create the Google app by going to https://console.developers.google.com
  • Now click on “Create Project”. A popup will appear. There you will need to enter Project name and click on “create” button.
  • Now go to “library” tab, the list of the Google APIs will loads.
  • Now go to Google Maps APIs section there you will find a lot of options to enable the APIs but you need to enable “Google Maps JavaScript API” and “Google Maps Geocoding API”.
  • After that please go to “Credentials” tab and click on “Create credentials” the options dropdown will list up and then click on “API Key”.
  • A Popup will appear with your API key.
  • Please copy the Key and use the key above.

Time Zone

Here you can configure the Time zone for the countdown Timer. AP Pricing Tables - Time Zone Settings

The Plugin Settings comes with a Reset Settings button that changes the settings to its default settings.

Create Pricing Table

To create a pricing table please click on “Add new table” or “Create” link, A page will load and please configure it as per your need.

Table Name (Required)

For the very first step please enter your pricing table name and shortcode ID. Table name is for your reference only so that it will be easier for you to view the table for later reference. Shortcode ID is th ID that will be used in the shortcode (e.g. If your shortcode ID is ‘table_1′, your shortcode will be: [appts_pricing_table sid=’table_1’]). You can enter your own shortcode id as well so that it will be easier for you to use the shortcode. The shortcode ID you use should contains only numbers, lowercase letters, hyphen and underscore(eg table_1). If you use the uppercase letter it will be automatically converted to lowercase. Or you can use auto generated shortcode id as it is.
AP Pricing Tables - Add New Table

Template selection and styles (Required)

Here you can configure various options related to table like you can configure the layout of the table by selecting template. You can define the column border radius for specified templates, space between columns, column width, tooltip options.  AP Pricing Tables- Template Selection and styles

Common Header and Footer

Here you can configure the common header and footer settings of a table. You will get different options for header and footer settings.
AP Pricing Tables - Common Header Footer

Currency Settings

Set the Currency symbols and decimal places and thousand saparators that will appear on your pricing table. AP Pricing Tables - Currency Settings

Currency: Set the Currency of the price. Default Currency includes

  • United Arab Emirates Dirham
  • Australian Dollars
  • Bangladeshi Taka
  • Brazilian Real
  • Bulgarian Lev
  • Canadian Dollars
  • Chilean Peso
  • Chinese Yuan
  • Colombian Peso
  • Czech Koruna
  • Danish Krone
  • Dominican Peso
  • Euros
  • Hong Kong Dollar
  • Croatia kuna
  • Hungarian Forint
  • Icelandic krona
  • Indonesia Rupiah
  • Indian Rupee
  • Nepali Rupee
  • Israeli Shekel
  • Japanese Yen
  • Lao Kip
  • South Korean Won
  • Malaysian Ringgits
  • Mexican Peso
  • Nigerian Naira
  • Norwegian Krone
  • New Zealand Dollar
  • Paraguayan Guaraní
  • Philippine Pesos
  • Polish Zloty
  • Pounds Sterling
  • Romanian Leu
  • Russian Ruble
  • Signapore Dollar
  • South African rand
  • Swedish Krona
  • Swiss Franc
  • Taiwan New Dollars
  • Thai Baht
  • Turkish Lira
  • Ukrainian Hryvnia
  • US Dollars
  • Vietnamese Dong
  • Egyptian Pound
  • Saudi Riyal
Currency Position: Set the Currency position of the price to Left or Right.
Thousand Separator: Set the Thousand separator of the price. Default Value is comma (,)
Decimal Separator: Set the Decimal separator of the price. Default Value is period(.)
Number of Decimals: Set the Maximum number of decimals to show in price. Default Value is 2

Custom CSS (Optional)

In this section you can write your own custom css for this table if you need to do small changes in the table. AP Pricing Tables - Custom CSS

Column Editor (Required)

In this section you can add new columns as many as you want. AP Pricing Tables - Column Editor Each column will have General settings, header Settings, body and footer settings.

General settings

In column settings you can configure the general settings of the column like option to enable/disable highlight column, enable/disable hover effect, Column Animation, Ribbon Settings, Box shadow settings.
AP Pricing Tables - Column - General Settings

Header Settings

In header section you can configure the feature image of the column, title and subtitle of the column, Marked Price, Selling Price and Payment Name. You can also change the price type to HTML Content and set Selling price and Payment Content with additional Shortcode Options. In header section there is an option to show the countdown timer for each column, Rating field. Here you can remove the header section completely if you need it.
AP Pricing Tables - Column Header settings

Body settings

In body section you can add body rows as per your need. In each row you can enter either html content or button. In the HTML Content you can enter texts or audio/video shortcodes and google map Shortcode. Where as if you want to use button you can enter button label and button link.
AP Pricing Tables - Column Body Settings

Footer settings

In footer section you can add footer rows as per your need. In each row you can enter either html content or button. In the HTML Content you can enter texts or audio/video Shortcodes and google map shortcode. Where as if you want to use button you can enter button label and button link.
AP Pricing Tables - Column Footer Settings

How to use

After setting up the desired columns and it’s settings of a table when you click save button the table will be created and you will get the shortcode.
AP Pricing Tables - Shortcode use
To display the pricing table in the frontend is also very easy. You need to insert the generated shortcode in the post or page. You can direclty use the shortcode in post’s or page’s content as well or you can use template shortcode to use it in the template files.

Import and Export

Export: You can choose the Pricing tables you have already created and Export them in json format one by one. Import: You can upload a json file of the pricing table that you have exported. AP Pricing Tables - Import Export

Available Shortcodes

You can use the shortcodes in the column’s body and footer parts.

Shortcode options

Note: Please use these shortcodes in the html content only for body and footer rows. You can use the shortcode in the header part as well but for the price html content only.

Youtube Shortcode

[appts_video_youtube video_id=’WK6QHoXJsdg’ autoplay=’true’ height=’300′ width=’400′]

Where

video_id: The video id of the youtube.

autoplay: Allow youtube video to autoplay or not. ( Available parameters – true/false )

height: Height of the youtube video player(Only integer number).

width: Width of the youtube video player(Only integer number).

Vimeo Shortcode

[appts_video_vimeo video_id=’179779722′ autoplay=’true’ color=’00adef’ loop=’true’ height=’300′ width=’400′]

Where

video_id: Video id of the vimeo

autoplay: Allow vimeo video to autoplay or not ( Available parameters – true/false ).

color: Color of the player.

loop:Allow vimeo video to be played in loop ( Available parameters – true/false ).

height: Height of the vimeo video player( Only integer number ).

width: Width of the vimeo video player( Only integer number ).

DailyMotion shortcode

[appts_video_dailymotion video_id=’x54qi54′ autoplay=’true’ loop=’true’ height=’300′ width=’400′]

Where

video_id: Video id of the dailymotion

autoplay: Allow DailyMotion video to autoplay or not ( Available parameters – true/false ).

loop:Allow DailyMotion video to be played in loop ( Available parameters – true/false ).

height: Height of the vimeo video player( Only integer number ).

width: Width of the vimeo video player( Only integer number ).

MetaCafe shortcode

[appts_video_metacafe video_id=’11421496/2-alarm-protects-your-stuff’ autoplay=’true’ height=’300′ width=’400′ ]

Where

video_id: Video id of the MetaCafe

autoplay: Allow MetaCafe video to autoplay or not ( Available parameters – true/false ).

height: Height of the vimeo video player( Only integer number ).

width: Width of the vimeo video player( Only integer number ).

HTML5 Player

[appts_html5_video mp4_src=’http://techslides.com/demos/sample-videos/small.mp4′ ogg_src=’http://techslides.com/demos/sample-videos/small.ogv’ webm_src=’http://techslides.com/demos/sample-videos/small.webm’ autoplay=’true’ controls=’false’ loop=’false’ height=’300′ width=’400′]

Where

mp4_src: MP4 video source path

ogg_src: OGG video source path

webm_src: WEBM video source path

autoplay: Allow HTML 5 video to autoplay or not ( Available parameters – true/false ).

controls: Option to show video controls or not ( Available parameters – true/false ).

loop: Allow HTML5 video to be played in loop ( Available parameters – true/false ).

height: Height of the video player( Only integer number ).

width: Width of the video player( Only integer number ).

Soundcloud

[appts_soundcloud track_id=’81018341′ height=’300′ width=’400′ color=’00cc11′ autoplay=’true’]

Where

track_id: Track id of the sound cloud

height: Height of the audio player( Only integer number ).

width: Width of the audio player( Only integer number ).

color: Color of the audio player

autoplay: Allow soundcloud audio to autoplay or not ( Available parameters – true/false ).

Beatport

[appts_beatport track_id=’6350554′ height=’300′ width=’400′]

Where

track_id: Track id of the beatport

height: Height of the audio player( Only integer number ).

width: Width of the audio player( Only integer number ).

HTML5 audio

[appts_html5_audio ogg_src=’http://www.music.helsinki.fi/tmt/opetus/uusmedia/esim/a2002011001-e02-32k.ogg’ wav_src=’http://www.music.helsinki.fi/tmt/opetus/uusmedia/esim/a2002011001-e02.wav’ mp3_src=’http://www.music.helsinki.fi/tmt/opetus/uusmedia/esim/a2002011001-e02-128k.mp3′ autoplay=’true’ loop=’true’ controls=’false’]

Where

ogg_src: OGG audio source path

wav_src: WAV audio source path

mp3_src: MP3 audio source path

autoplay: Allow audio to autoplay or not ( Available parameters – true/false ).

loop: Allow audio to be played in loop ( Available parameters – true/false ).

controls: Option to show player controls or not ( Available parameters – true/false ).

Google Map shortcode

[appts_google_map address=”Second Floor, Lucky Tower, Samarpan Marg, Kathmandu 44600″ latitude=’27.694753′ longitude=’85.313926′ height=”200″ title=”Office location” popup_content=”Foolloww me” popup_enable=”true” maptype=”ROADMAP” zoom_level=”20″ icon=”http://demo.accesspressthemes.com/wordpress-plugins/ap-pricing-tables/wp-content/plugins/ap-pricing-tables/assets/markers/marker_3.png”]

Where

address: Address of the location

latitude: Latitude of the location

longitude: Longitude of the location

Note – Please user either Address or (latitude and longitude)

height: Height of the google map

width: Width of the google map

title: Title of the marker

popup_content: The content of the popup to be displayed

popup_enable: Option to show the popup content on load (Available parameters – true/false)

maptype: Please configure this option for the type of the map to be displayed – (Available parameters – HYBRID, ROADMAP, SATELLITE, TERRAIN)

zoom_level: Please set the zoom level of the google map to be displayed. Please set the parameter value to only number from 1 to 20

icon: The image source of the icon to be used for the marker. Our plugin contains 13 markers that you can use. Just copy the path and change the name to marker_1.png to marker_13.png here just change the number to change the another image of a marker
/wp-content/plugins/ap-pricing-tables/assets/markers/marker_1.png

Woocommerce Stock counter

[appts_wc_stock_counter product_id=’49’ text=’ in stock’ ]

Where

product_id: Woocommerce Product ID

text: Text to be displayed after the stock number counter. Default : ‘in stock’

FAQ

Can this plugin be used in multiple sites? Yes, you can use this plugin in your individual projects but not allowed to sell it bundled with themes.
Does this plugin affect the site load? This plugin will not affect your site load unless if you have used google map or video shortcodes.
Is this plugin compactible with all themes? Yes, this plugin is compactible with all themes which have followed the wordpress theme development standards.
Do I have to pay extra for the further update of a plugin after purchase? No, You don’t have to pay you will get free updates of a plugin.
Do I have to have HTML and CSS Knowledge? No you don’t need to have knowledge of HTML and CSS unless if you want custom works other than the pre designed templates.
How do I use the pricing table? You just need to create a pricing table from backend and the generated shortcode can be used in your posts or pages.
How many pricing tables can be created with a plugin? You can create pricing tables as many as you want.
Can I use multiple pricing tables in a single post or page? Yes, You can use multiple pricing tables in a single page/post.

Support

If you require any assistance with the AP Pricing Table or want to drop any suggestion or feedback, please write to support@accesspressthemes.com

Hot Sales!! Get all our 22+ Premium Themes Bundle worth $299 $199 with 33% discount. Valid up to 30 July Only. Hot Sales!! Get all our 22+ Premium Themes Bundle worth $299 $199 with 33% discount. Valid up to 30 July Only. Hot Sales!! Get all our 22+ Premium Themes Bundle worth $299 $199 with 33% discount. Valid up to 30 July Only. Hot Sales!! Get all our 22+ Premium Themes Bundle worth $299 $199 with 33% discount. Valid up to 30 July Only.