How To Perform A Basic Integration
ChowNow allows you to connect a link or image directly to your ChowNow online ordering interface. To set this up, copy and paste the ChowNow Ordering Script Code below anywhere within your page source (we recommend just before the closing </head> tag). Then identify or create links to your online ordering widget, and set (or add) the link CLASS to “chownow-order-online”.
You’ll need to replace the ‘XXXX‘ with your Headquarters ID number. You can find pre-populated HTML code on the ChowNow Dashboard. Select a location, then click on Settings -> Website Access.
ChowNow Ordering Script Code
<script src='https://cf.chownowcdn.com/latest/static/integrations/ordering-modal.min.js' data-chownow-company-id='XXXX'></script>
Important: Only paste one instance of the ChowNow Ordering Script on your page, as placing multiple will result in errors when a user tries to close the menu. On mobile devices, the menu will always appear in a new page to ensure the best experience for your customers.
Link Class Example
Any link (<a> tag) with the class “chownow-order-online” will open the ChowNow online ordering interface. See the following example:
<a class=’chownow-order-online’ href=’https://order.chownow.com/order/XXXX/locations’ target=’_blank’>Order Online</a>
NOTE: The class=’chownow-order-online’ is what connects this link to the script.
URL Class Example
Certain site builder software only requires URL links to attach to preset buttons/images. As an alternative to the Link Class Example method, you can set the class of the linked element by adding the bolded red query string to the end of the URL. See the following example:
https://order.chownow.com/order/XXXX/locations?add_cn_ordering_class=true
NOTE: The ‘?add_cn_ordering_class=true’ is what connects this link to the script.
Important: Do NOT use your ChowNow Marketplace URL (ex: https://eat.chownow.com/discover/restaurant/XXXX).
This will cause errors in order reporting and charge a Support Local fee for orders from customers already on your site.