The SavvyCal activity allows you to embed a SavvyCal booking form into Eduflow as a learning activity. Your learners will be able to interact with your booking form without having to leave Eduflow.
When logged into Eduflow, and in the right course, click '+add New' to add the SavvyCal activity to your course
Get your SavvyCal embed code (you can learn more about this below)
Paste your SavvyCal embed code into your SavvyCal activity in Eduflow
Decide if you want to use the 'standard view' or 'wide view'
Set up any other relevant common activity settings, such as prerequisites, or an open date & deadline.
How to get your embed code from SavvyCal
Login to your SavvyCal account
Go to your scheduling links to find the last part of the scheduling link that you want to embed into Eduflow (e.g. https://savvycal.com/lindeloes/demo - lindeloes/demo)
Follow the instructions listed in section 4 of this help center article (Render an inline booking interface): https://docs.savvycal.com/article/6-embedding-links-on-your-website
Copy the following embed code:
<div id="booking-page"> <!-- this is where we will inject the interface --> </div> <script>window.SavvyCal=window.SavvyCal||function(){(SavvyCal.q=SavvyCal.q||[]).push(arguments)};</script> <script async src="https://embed.savvycal.com/v1/embed.js"></script> <script> SavvyCal('init'); SavvyCal('inline', { link: 'derrick/chat', selector: '#booking-page' }); </script>
And replace 'derrick/chat' with your link (e.g. 'lindeloes/demo').Copy the code and add it to the SavvyCal activity in Eduflow. The code you get should look like this:
<div id="booking-page"> <!-- this is where we will inject the interface --> </div> <script>window.SavvyCal=window.SavvyCal||function(){(SavvyCal.q=SavvyCal.q||[]).push(arguments)};</script> <script async src="https://embed.savvycal.com/v1/embed.js"></script> <script> SavvyCal('init'); SavvyCal('inline', { link: 'lindeloes/demo', selector: '#booking-page' }); </script>
Select 'wide view' in the settings tab of the SavvyCal activity for the best viewing experience.
Things to note
Learners will have to mark the activity as complete themselves after interacting with your SavvyCal booking form.
Learners are able to mark the activity as complete without interacting with the form.