Install on Framer
Your widget scripts
<script src="https://www.dispatchnode.com/widget/embed.js" data-agent="YOUR_AGENT_ID" async></script>Replace YOUR_AGENT_ID with your agent ID from Dashboard → Widget Install.
<script src="https://www.dispatchnode.com/widget/v1/booking-embed.js" data-slug="YOUR_SLUG" async></script>Adds the standalone scheduling calendar to your page. Replace YOUR_SLUG with your organization slug.
Open Project Settings
In your Framer project, go to Project Settings from the left sidebar.
Select Custom Code tab
Click the Custom Code tab.
Add a new script
Click + Add Script (or the + icon).
Configure the script
Name: "DispatchNode Widget". Placement: bodyEnd. Pages: All pages. Run: On every page visit.
Paste and Save
Paste your DispatchNode widget script tag into the code editor. Save and publish your site.
Custom scripts don't run in Framer's preview mode. You'll need to publish your site (even to a staging domain) to test.
📖 Learn More
🔗 Other Platforms
Need help?
If you're having trouble installing, our team can do it for you — free during your trial.
Get Started