How to add the online ordering button in Wix

​Online ordering is an important piece of your business, so you want it in the main menu. In WIX, you cannot just add the “See MENU & Order” button in the menu, so you need to create a new page (that Wix will automatically add to the menu) and place the button there.

• Add a new page to your website. Give it a suggestive name, like “Order Online”.
• Go to the editor’s left menu and click Add → More → HTML Code. A new grey container will appear on the screen.

Your menu will fill up the entire page, so make sure you position the grey container in the top left corner and then drag the margins to make it as big as the page.

• Click on your grey container to reveal the small contextual menu. Click on Enter Code – it will open the settings window.
• Paste the custom code you just copied and click Update. The “See MENU & Order” button will show up in the top left corner of the grey container.
• Save the changes and check the result.

At this point you have online ordering in your navigation menu. When you click on it, a page opens that shows the “See MENU & Order” button. One more click and the online menu opens. In case you want to put in this page some other important information (like delivery policy details), this is fine. Otherwise, the second click will just feel redundant. You can avoid the second click by automatically opening the menu when the “Order Online” page opens.

To get your food menu to open automatically, do the followings:

• In the button code, search for data-glf-auto-open="false" and change the value from false to true
• Click Update.

You might want to re-position the button in the app placeholder (to fit with the rest of the content in the page or simply to hide it under the menu when opened):

• Copy this code: style="position: absolute; left: 50%; transform: translateX(-50%); top: 100px;"
• Paste it inside the span tag, like you can see in the image below
• Adjust the values as needed and once you’re done, click Update.

​Add the ordering button to your homepage

We highly recommend that you also place an ordering button on your homepage. One that stands out. The “See MENU & Order” button would have been perfect, but as discussed before, adding the custom html code via the HTML app in your homepage will raise some issues. So, what we recommend is creating a regular Wix button that links to the same “Order Online” page that we have just created