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.
How to add a SavvyCal activity to your course
Select + Add new, go to Embeds & integrations, and choose SavvyCal
Get the SavvyCal embed code (learn more about this below)
Paste the SavvyCal embed code into your SavvyCal activity in Eduflow
Adjust the width and aspect ratio in Settings
Getting 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.
Learners will mark the activity as complete themselves after interacting with SavvyCal . It's important to note that learners are able to mark the activity as complete without interacting with SavvyCal.
Completion & Visibility settings
You can use completion and visibility settings to add specific rules for who can view and access this activity, including setting deadlines and prerequisites. You can see details about these rules here.