Embedding scheduling links on a Framer website

Framer is a website builder that uses the React JavaScript framework under the hood. To embed a SavvyCal scheduling link on a Framer web page, it may be beneficial to use a custom component. In this document, we'll outline the steps for accomplishing this.

1. In Framer, open the "Assets" panel and click the "+" button on the "Code" section.

   

2. Then, name the component something like SavvyCal.tsx.

   

3. Next, paste the following code in the code file and save the component: https://gist.github.com/derrickreimer/e4e6eeca08ab38f190daebcafb52f35e
4. Finally, insert that component at the desired place on the page.