Adding the Noteefy Widget to your course website ensures golfers can easily join your chat with your AI Assistant or join your waitlist directly from your site. Here are some high level instructions on how to implement.
General Implementation Instructions
- Log into your website’s content management system admin portal
- Add the following code in the <head> tag or after the <body> tag of your site
- Note: If you are migrating from Noteefy’s old widget script on your site, remove that script entirely before adding the following script
<script>
(async () => {
try {
const r = await fetch(
"https://noteefypublic.blob.core.windows.net/widget/scripts/manifest.json",
{ cache: "no-cache" }
);
const { url, integrity } = await r.json();
const s = document.createElement("script");
s.src = url;
s.integrity = integrity;
s.crossOrigin = "anonymous";
s.async = true;
s.onerror = (e) => console.warn("Noteefy widget failed to load", e);
document.head.appendChild(s);
} catch (e) {
console.warn("Noteefy manifest fetch failed", e);
}
})();
</script>- Save and refresh your site to make sure the Noteefy widget is appearing as you would expect
Below is a list of implementation instructions for common content management systems:
Implementing on Wordpress
- Log in to Your Website Admin Panel
- Use your golf course’s WordPress admin credentials to access the site’s back-end.
- This can typically be found via your main website URL and adding “/login”
- Use your golf course’s WordPress admin credentials to access the site’s back-end.
- Go to Appearance
- On the left-hand menu, click Appearance to access your site’s theme options
- Click Customize
- Under your Active Theme, click the Customize button.
- Open Theme Settings
- In the customization menu, find and click on Theme Settings.
- Locate Header and Footer Scripts
- Within Theme Settings, click Header and Footer Scripts.
- Paste Your Widget Script
- Select to ‘add an object’, then select ‘custom HTML’, and lastly paste the Noteefy widget script exactly as provided
- ⚠️ Important: Do not make any changes to the script — paste it exactly as it is.
- Publish Your Changes
- Once the script is added, click Publish to save.
After publishing and refreshing the page, the Noteefy Widget will appear on your course’s homepage — ready for golfers to use!
Implementing on Cascade CMS
By default, Cascade CMS encodes special characters in <script> blocks (e.g. converting => into =>), which prevents JavaScript from running as intended.To ensure code is published exactly as written, wrap your script inside passthrough tags:
<!--#passthrough
<script>
(async () => {
// your code here
})()
</script>
#passthrough-->
How It Works
- Cascade comments out the passthrough section in Preview, so scripts won’t execute there.
- On Publish, Cascade removes the comments and outputs the raw code unaltered.
Notes
- Passthrough is best for snippets that must appear exactly as written.
- Because Preview won’t run the code, always verify functionality on the published site.
- Cascade does not validate passthrough content, so ensure your JavaScript is correct and secure before publishing.
Customizing the Look and Placement of Your Widget
Want to change the color, text, or placement of your widget? Reach out to your CSM with specifications on what you’d like to have changed so we can make those changes. The following is a list of what can currently be customized:
- If it displays the AI Assistant or just the Waitlist
- The display title on the widget
- What pages it appears on your website (if not all)
- Icon used in the widget
- Background and font color when closed
- Border color of the widget
- How rounded the corners of the widget are (when closed and opened)
- Width of widget when closed
- Placement of widget on screen
- Defaults to bottom right
- [if on AI Assistant layout] the background and font color of the ‘classic waitlist experience’ callout
Need Help?
Your Noteefy Customer Success Manager is here to help every step of the way. If you need assistance adding your widget or verifying that it’s working correctly:
📧 Email customersuccess@noteefy.app