Embed the Tablelist checkout widget on client's websites, allowing customers to purchase through Tablelist without leaving the venue's website.
Powered by Tablelist
See a Live Example.
See our Installation Instructions.
Add the following <div> to your website. This is where the Tablelist Widget will initialize.
<div id="tablelist-checkout-1"></div>
Add the following script to your website. Copy and paste the code into a <script> tag that lives right before your page's </body> tag.
- tablelistwidget.min.js (minified)
The configuration object support a number of customizable parameters.
For example, here's the demp configuration from tablelistwidget.js:
[{
id: 'tablelist-checkout-1',
venue: 'storyville',
partner: 'venue',
theme: 'tablelist',
date: ....
}, ....] We recommend Use our Widget Creation Tool.
For advanced configuration, the supported parameters are as seen below:
id - Element ID on which widget will be placed.
this must match the div from Installation Step #1
venue - Venue name for which venue will be loaded.
*This will be your tablelist "slug".
partner - Partner name.
If you don't have a partner name, please leave default of "venueWidget".
theme - Color scheme the widget should use. See examples
May be one of 'widget-theme-tablelist', 'widget-theme-light', or 'widget-theme-dark'
date - (optional) Unix Epoch time for what day the widget should default to.
If not provided, will default to the current date
Development tools that you will need installed on your local computer:
To start the setup of your local development environment, download dependencies:
$ npm install
# Run JSHint
$ gulp jshint``sh
$ node server.js ``
Widget demo should now be running locally at localhost:2001
To create a new release of the Tablelist Widget, build the project. The updated script will be created in the /release/ folder. Use the command:
``sh
$ gulp release ``
Note: Deployment is currently a manual effort. Partners will copy & paste the required code into their website's source code. We have future plans to provide a CDN for loading the most recent version of the Tablelist widget.
The widget is currently manually deployed. Users must copy and paste the code snippets into their website's source code.
We use SemVer for versioning. Please remember to update package.json