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>
- Copy the code and place it where you'd like it to appear on your website.
- 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.
- 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>
- Locate the script in the Admin Portal > Store Settings > Online Menu: Configuration > click 'Copy'
- 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!
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>
- Copy the code and place it where you'd like it to appear on your website.
- Stretch the code block horizontally and vertically.
- 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.
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>
- Locate the script in the Admin Portal > Store Settings > Online Menu: Configuration > click 'Copy'
- Paste the script where you'd like it to appear on your website (after adding an embed block to the page).
- 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-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 customer success representative for further instructions.