Here's a step-by-step procedure for integrating a menu on Wix:

Prerequisites

  • Ensure you possess the Zuppler integration code package.

  • Have your Wix website prepared for integration.

Integration Procedure

  1. Access Wix Editor: Log in to your Wix account and open the Wix Editor for the desired site.

  2. Create Zuppler Code Page:

    • Navigate to Site Pages and click Add New Page.

    • Choose Blank Page from the available templates.

    • Name the page "Zuppler Code" or a similar, recognizable title.

    • Click Add Element, then select Embed Code -> Embed HTML.

    • Paste the Zuppler integration code into the Embed HTML field and click Update.

    • Hide this page from the navigation menu using the Hide option in the page menu.

    • Publish the newly created page.

  3. Retrieve Zuppler Menu URL:

    • Visit the new page by appending its URL slug to your site's address (e.g., https://[yourdomain].com/zuppler-code).

    • Right-click on the displayed Zuppler online menu and select View Frame Source.

    • Copy the full URL of the new page that opens, omitting the "view-source:" portion.

  4. Create Navigation Link:

    • Add a new menu item to your site's navigation and choose Link as the type.

    • Enter your website's URL with the ordering slug (e.g., https://www.[yourdomain]/order-online) as the web address.

    • Provide a title for this link, which will be visible in your site's navigation.

  5. Implement URL Redirect:

    • In your Wix dashboard, navigate to the SEO settings and select URL Redirect Manager.

    • Click Add a New Redirect.

    • Input the URL slug of the previously created link (e.g., /order-online) into the Old URL field.

    • Paste the URL copied from the frame source into the New URL field.

    • Click Save to store the redirect.

  6. Verification:

    • Click the "order online" link in your navigation to confirm it redirects to the frame URL and correctly displays the Zuppler menu.