Use the code generator to generate the embed code and find customization options.
Embed code generator
Click on the button below to use the embed code generator. Instructions on how to use it and the different customization options are below.
How to embed the ordering system
In order to embed the ordering system, please use the embed code generator above, copy the embed code and add it to the web page where you would like to display the ordering system. Please note that it does not function correctly when placed on the homepage and when placed further down on the page.
How to find the Flipdish App ID
Log in to the Flipdish portal
Copy your App ID. Your App ID can be found here
Paste the App ID in the App ID field above
What is the light and dark theme
The light theme has a white background and dark text, while the dark theme has a dark background and white text.
To change your theme to dark when using an embed you will have to amend the embedded WebOrder code to pass in the correct theme property.
The code should look like the following:
(data-theme="dark")
*Example of an embed with dark theme:
<div
...
id="flipdish-menu"
data-restaurant="fd12345"
data-theme="dark"
></div>
Space above the basket
The number entered in this field represents the number of pixels the basket is moved down by so that the header or navigation does not overlap the basket.
To learn more about Flipdish's products or how to grow your online business enroll for FREE in the Flipdish Academy here: http://academy.flipdish.com/