how to add the online ordering button in Wordpress
by Andreea Dobrila

Video instructions

Consent needed

The online ordering button is a piece of HTML code that you add to your website. In WordPress, you can do this with a simple copy-paste.

Important note: this code contains JavaScript. For security reasons, WordPress allows posting JavaScript only on self-hosted WordPress (.org) websites. The code will not work on websites built with (neither the free nor the paid service).

Thinking about creating your restaurant website in WordPress? We’ve got you covered.

This is how you add the ordering button to your website:

  • In your WordPress Admin, go to the page where you want to place the “See MENU & Order” button
  • Click on the “+” icon to add a block to the page.
  • Type “HTML” in the search bar that is located in the top left of your screen. 

  • Drag and drop the Custom HTML widget to your desired location on the page, ideally, the button should be placed as high as possible so that your customers can easily see it.
  • Paste your unique custom code of the ordering button.
  • Click update to save.
  • You can preview what the button will look like to your clients by clicking the preview button.

This is an example of how it will look like:

wordpress online ordering

Start with the homepage, but feel free to add the button on all the pages where it makes sense (like Contact us or Menu). You can also use a WordPress Popup plugin to make your website more appealing and boost your sales.

If you’re new to WordPress, check out some WordPress tutorials to familiarize yourself with the platform better. You can also browse other WordPress themes for your restaurant.

photo of GloriaFood blog writer Andreea Dobrila
Andreea Dobrila

Andreea Dobrila is a proven web copywriter & marketing strategist. She pushes online restaurants on the fast-track to quickly growing their online sales. Win more business by using her bulletproof tips & secrets.

Download’s Andreea’s free report:

**Food Descriptions That Make You Hungry: Hypnotic Menu Writing Tips & Secrets**