function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
Spencer BerkSpencer Berk 

Embed Calendly Widget into a Custom Component used in a Screen Flow?

I would like to add this Calendly Widget code to build a custom Screen Flow Component. I am not a dev and currently don't have access to one. What aura:attribute type would I use or what other suggestions/resources/examples could I use to build this component?

Widget code provided by Calendly:
<!-- Calendly inline widget begin -->
<div class="calendly-inline-widget" data-url="https://calendly.com/testfinancialplanning/my-financial-coach-consultation-meeting" style="min-width:320px;height:630px;"></div>
<script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js"></script>
<!-- Calendly inline widget end -->

Custom Component code:
<aura:component implements="lightning:availableForFlowScreens" access="global">
    <aura:attribute name="calendly-inline-widget" type="" access="global" />
 
<!-- Calendly inline widget begin -->
<div class="calendly-inline-widget" data-url="https://calendly.com/testfinancialplanning/my-financial-coach-consultation-meeting" style="min-width:320px;height:630px;"></div>
<script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js"></script>
<!-- Calendly inline widget end -->
    
</aura:component>

Calendly Widget looks like this:
User-added image
 
ShirishaShirisha (Salesforce Developers) 
Hi Spencer,

Greetings!

Are you talking about the Calendly third party app to integrate the Salesforce.In order to use it then you might need to integrate it with the Salesforce.

Please check this below blog for the same information:

https://calendly.com/blog/salesforce-integration/

Kindly mark it as best answer if it helps so that it can help others in the future.

Warm Regards,
Shirisha Pathuri
Spencer BerkSpencer Berk
@Shirisha,
I have the Calendly package installed already in my Salesforce org, this integration creates an event under the contact of the client when they schedule a meeting through the Calendly meeting link. 

What I am trying to do:
I currently have a registration flow on a public community page where an interested client would enter basic information that auto creates an account and contact that ends with a screen with a Calendly hyperlink but this hyperlink takes the client off the flow page and onto the calendly meeting link web page. Calendly provides code to embed a Calendly widget onto your website but I would like to embed the widget into a custom component I can add to a screen on my registration flow. 

Hopefully that wasn't too confusing. I know basic coding but not enough to create a custom component with the Calendly Widget's code.