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>
3. Save and refresh your site to make sure the Noteefy widget is appearing as you would expect
Important Note: If you have any plugins or apps on your content management system that could alter our script in any way, please have it set so that it will not do that. Doing so will risk the appearance and functionality of our widget to be impacted.
Below is a list of implementation instructions for common content management systems:
Implementing on Wordpress
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”
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!
Important Note: If you have any plugins or apps on your content management system that could alter our script in any way, please have it set so that it will not do that. Doing so will risk the appearance and functionality of our widget to be impacted.
Implementing on Cascade CMS
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.
Implementing on WIX
Implementing on WIX
In your Wix Site Dashboard go to Settings → Custom Code (under “Advanced”).
Click + Add Custom Code.
Paste the Noteefy script exactly as provided.
Name it (e.g., “Noteefy Widget”).
Under Add Code to Pages, choose All pages (recommended), or pick specific pages.
Under Place Code in, choose Head or Body – start (either works per Noteefy; “Head” is a good default).
Click Apply, then Publish your site and verify the widget appears.
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 [email protected]