Using the Reseller Pricing Grid script

Note: As of April, 11th, 2013, this pricing script will no longer be updated.  This script is only for the old pricing scheme.  It does not, and will not represent the new pricing and names of the packages.

To display an unbranded pricing grid showing the package levels of the CMS, the page, storage and user limits of each package, and a listing of which features are included in which packages, simply copy and paste the following code snippet into the HTML of your website:

<script src="http://publishpath.com/scripts/resellerplans.js" type="text/javascript"></script>

See an example of an unstyled pricing grid script.

Set your own package names and pricing

You can customize the names and pricing for the packages output by the script. To set custom pricing, use a script as follows with a comma-separated list of prices for each package, starting with the lowest level and moving up to the highest:

<script src="http://publishpath.com/scripts/resellerplans5,25,55,75,105,155.js" type="text/javascript"></script>

To set custom package names and custom pricing, use a script as follows, pre-pending the name of your package followed by an underscore in front of your package price:

<script src="http://publishpath.com/scripts/resellerplansSmall_5,Tall_25,Grande_55,Super%20Grande_75,Venti_105,Super%20Venti_155.js" type="text/javascript"></script>

What about styling?

In order to provide you with ultimate flexibility to create your own styles, we have not included any styles inside the script (other than styles required to create the popup help functionality on the pricing grid). The markup is pure and will take on the style of whatever site you place the script in (you can see this on the examples above which are included in our templates with no special styles applied). That said, here are a few helpful ideas for styling the grid.

You can use our styles as a starting point on the pricing grid

If you want, you are welcome to take a look at the style sheets we created for the pricing grid on own marketing website for LightCMS. Please note, these styles are from a previous version of the LightCMS website, but can still be used as is for as a good starting point for your own styles. You may access the LightCMS styles at the link below.

Some basic CSS to add borders to the pricing grid

Adding borders to the pricing grid makes things a little easier to read. So, here are a few simple CSS statements you can add to your style sheet to achieve basic borders. Naturally, there's much more that you can do with CSS, but this will at least turn on some basic borders easily if you need a little help getting started.

div.tableholder { border: 2px solid #333; padding: 5px; }
table.signup td { border: 1px solid #333; padding: 5px; }
table.signup th { border: 1px solid #333; padding: 5px; }
table.signup { border-collapse: collapse; }

Common Questions

Back to top