Installing Buddi

How to Embed the Buddi Menu

This article provides step-by-step instructions for embedding the Buddi menu script onto a website. It covers Squarespace, WordPress, Wix, and GoDaddy users. For other platforms, contact support@buddi.io for further assistance.

Did you know? You can apply Custom Branding to your online menu at any time: before or after the menu is embedded.

Squarespace & Wordpress Users:

• Installing the Buddi menu on your website is simple and involves just a single line of code on one page.
  
  
• General Process: Log into your website builder account, create a new Blank Page and Section, and paste the script into a 'code block'. You can also embed the script directly on the homepage.
  
  
• There are two methods for embedding the menu; choose one based on the script provided. The steps vary slightly for each method.

Method #1: Standard Script

<script src="https://app.buddi.io/js/external-ropis.js" async></script>

1. Copy the code and place it where you'd like it to appear on your website.
2. After the script has been embedded and saved, you'll see loading bars with a "Hang Tight..." caption. This means that you are on the right track.
3. Send Buddi your menu page URL so that we can enable the domain on our end.

Method #2: Unique Script (with authID identifier #)

<script src="https://app.buddi.io/js/external-ropis.js" authId="###" async></script>

1. Locate the script in the Admin Portal > Store Settings > Online Menu: Configuration > click 'Copy'.

2. Paste the script where you'd like it to appear on your website (after adding an embed block to the page). After the script has been embedded and saved, the menu will load right away!

NOTE: If your store is already open (or transitioning from another e-commerce platform), please be sure to embed the menu script onto a hidden page. The menu page can be published after you complete Buddi Onboarding and are ready to go live.

WIX & GoDaddy Users:

• Installing the Buddi menu on your website involves just two lines of code and a single page.
  
  
• General Process: Log into your website builder account, create a new Blank Page and Section, and paste the script into a 'code block'. You can also embed the script directly on the homepage.
  
  
• There are two methods for embedding the menu; choose one based on the script provided. The steps vary slightly for each method.

Method #1: Standard iFrames Script

<script src="https://app.buddi.io/js/external-ropis.js"></script>
<div id="buddi-em-menu"></div>

1. Copy the code and place it where you'd like it to appear on your website.
2. Stretch the code block horizontally and vertically.
3. After the script has been embedded and saved, you'll see loading bars with a "Hang Tight..." caption. This means that you are on the right track.
   
4. Send Buddi your menu page URL so that we can enable the domain on our end.
   
   

Method #2: Unique Script (with authID identifier #)

<script src="https://app.buddi.io/js/external-ropis.js" authId="###" async></script>
<div id="buddi-em-menu"></div>

1. Locate the script in the Admin Portal > Store Settings > Online Menu: Configuration > click 'Copy'
2. Paste the script where you'd like it to appear on your website (after adding an embed block to the page).
3. Stretch the code block horizontally and vertically. After the script has been embedded and saved, the menu will load right away!
    

NOTE: If your store is already open (or transitioning from another e-commerce platform), please be sure to embed the menu script onto a hidden page. The menu page can be published after you complete Buddi Onboarding and are ready to go live.

Other Website Builder Platforms:

• Please reach out to support@buddi.io for further instructions.