- Use a blank page template from your theme (see theme documentation)
- Use the Cab Grid embed page
Either the standard price calculator widget or price table layout can be embedded by implementing the appropriate shortcode. See below for instructions.
The embed page will attempt to strip out all formatting and functionality other than Cab Grid Pro. This can lead to conflicts with some third-party theme/plugin code and error messages may be displayed. We recommend WordPress’ debug mode is disabled in the wp_config.php file to negate this as much as possible.
Using the Cab Grid Pro Embed Page
The Cab Grid Pro embed page is generated using a specific web address (URL). This URL can be supplied to third-parties for use on their sites as an iFrame, for example.
Here are a couple of basic examples (open in new tabs/windows):
The embed URL will also accept shortcode attributes as additional parameters that can pre-populate Cab Grid Pro’s settings. These can be appended to the URL as attribute=value pairs separated with ampersands (&).
In each of the following examples, replace our website address with yours, and replace our attribute values with those applicable to your installation.
Syntax:http://[your-domain]/?embed=[shortcode]&[attribute1]=[value]&[attribute2]=[value]
Cab Grid Pro Price Calculator Example Embed URLs
Cab Grid Pro Price Table Example Embed URLs
- https://cabgrid.com/?embed=cabGridProTable&caption=My Table Title
- https://cabgrid.com/?embed=cabGridProTable&vehicle=3
- https://cabgrid.com/?embed=cabGridProTable&caption=Airport Transfer Prices&groups=Airport
- https://cabgrid.com/?embed=cabGridProTable&link=https://cabgrid.com/styling-examples/
For details of Cab Grid Pro table shortcode attributes, see https://cabgrid.com/help-and-support/price-table-shortcode/
Custom Styling the Embed Page
Custom styles defined in the OPTIONS tab of the Cab Grid Pro WordPress admin panel will also be loaded on the embed page.
The embed page applies a special class to the <body> tag: cabGridProEmbed
This can be used to define styles that only apply to embed page instances of Cab Grid Pro.
SYNTAX:.cabGridProEmbed .cabGridPro {background-color:red;}
Trackbacks/Pingbacks