Dine by Wix: Customizing Your Site on the App

4 min read
Customize how your restaurant looks and functions on the Dine by Wix app and prioritize the most relevant information for your customers. Add online ordering and reservation sections, a shortcut to 'Order Now' in the header, and a gallery of your dishes to encourage customers to place an order.
Important:
This article explains how to customize restaurant elements on the Dine by Wix app. To learn how to customize the general features such as the header, navigation tabs and more, click here

Learn how to:


Adding ordering and reservation sections

Add an ordering section to your site on the Dine by Wix app so that your customers can order your meals in just one click. You can also add a reservations section to allow people to book tables at your restaurant directly from the app on their mobile.
Important:
Before adding online ordering and reservations to the Dine by Wix app, you must first enable both features from your dashboard on a desktop. Learn how to add online ordering and reservations to your restaurant.

To add online ordering and reservation sections:

  1. Tap + Add Section.
  2. Scroll through the sections and tap Restaurants.
  1. Choose the section you want to include:
    • Online Orders: Customers can view your menu and place orders from the Dine by Wix app.
    • Reservations: Customers can book a table from the Dine by Wix app.
  2. Enter a title for the new section under Section Title.
    Note: You can also disable the toggle if you want to hide the section title.
  3. Tap Add.

Adding an 'Order Now' button to the header

Add an 'Order Now' button to your site's header in Dine by Wix to grab your customers' attention as soon as they enter your site.

To add an 'Order Now' button to the header:

  1. Tap Edit Header at the top.
  2. Scroll down and enable the Show Custom Button toggle.
  3. Tap the Select Action drop-down and select Order from restaurant.
  1. Edit the text that appears inside the header button under Button Label.
  2. Tap Save at the top right.
Tip:
You can also add custom order buttons to a specific navigation tab.

Add a gallery of your tasty dishes to encourage your customers to order. All photos from your dashboard are automatically pulled into the gallery. You can rearrange and update photos from the dashboard.

To add a gallery:

  1. Navigate to the tab where you want the gallery and tap +Add Section
  2. Tap the Elements tab.
  3. Tap Content.
  4. Edit the section title for your gallery e.g. 'Our Gallery'. 
  5. Tap the Add icon at the bottom left.
  6. Tap Gallery.
  1. Upload media from your device or the Media Manager.
  2. When you're done tap Publish at the top right.
  3. Tap Add.
Tip:
You can also add standalone images and videos in step 3.

Managing your restaurant's info and display settings

If you've added a 'Contact Us' section to your site, choose what info to display to customers who are viewing your restaurant from their mobile devices.

To manage your restaurant's info and display settings:

  1. Go to the 'Contact Us' section and tap Edit Contact Us above the section.
    Note: If you don't have a contact section yet tap Add Section then Contact Us under General.
  2. Tap Design Section.
  3. Under Display Settings select the checkboxes next to the information you want to be visible to potential customers:
    • Description: A short description of your restaurant.
    • Phone Number: Your business phone number.
    • Wix Website Link: A link to your restaurant site.
    • Invite Code: Your member app invite code for customers to share with others.
    • Location: Your restaurant's location.
  4. (Optional) Tap Edit General Business Info to update your restaurant's main information including email, currency, phone number, and location. When you've finished updating tap Save.
What's next?
Now you're ready to invite your customers and potential customers to join your site on the Dine by Wix app. Learn How.

Did this help?

|