Embedding the Buddi Menu onto your Website

 
Squarespace & Wordpress Users:

Installing the Buddi menu onto your website involves just one line of code. Only one page is required to run our e-commerce platform.

After logging into your website builder account, your web developer would create a new Blank Page and Section, then copy and paste the script into a 'code block'. Technically speaking, he/she can even embed the menu script straight onto the homepage.


There are two methods for the menu embed (choose one); different scripts are used and the steps are slightly different.


 
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).
  3. 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-comm 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 onto your website involves just two lines of code. Only one page is required to run our e-commerce platform.

After logging into your website builder account, your web developer would create a new Blank Page and Section, then copy and paste the script into a 'code block'. 
Technically speaking, the menu script can be embedded straight onto the homepage.

There are two methods for the menu embed (choose one); different scripts are used and the steps are slightly different.


 
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.
  4. 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-comm 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.


 
Users of Other Website Builder Platforms


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