add calendly custom liquid to a page

TamaginiLeather
Excursionist
15 0 28

Hey all

 

Got what I think is a super simple question, but I am by not means a web dev.  See my screen shot attached.  I want to take an embed a Calendly calendar to a page I am building.  I want to do it as in inline embed.  I followed the initial steps of copying the code from Calendly, making a snippet in the code in shopify. But now I am a bit stumped.  This is the Focal theme.  It's a new theme, all the template files on the back end are json files not liquid for the pages.  I thought I could use this handy little Add Custom Liquid section on the front end, but I dont know what I should be typing.  I tried just simply typing {% include 'calendly' %} in the input area circled in the red, but nothing shows up.

 

I assume people have used this section before, and might be able to give me a simple answer, like I just missed a step or something.

 

Thanks

Jeff

website screenshot.jpg

Replies 4 (4)
TamaginiLeather
Excursionist
15 0 28

I figured it out after going down a google rabbit hole and a lots of just try everything, it ended up being this code if anyone ever runs across this and wants to add Calendly inline on their website as an embed.

 

{% render 'calendly' %}

 

 

jonahallen
Visitor
1 0 0

Hi there! can you give me a step by step guide on how to install the calendly inline embed on a page? thank you!

DSL67
Visitor
1 0 0

Hi,  I have been searching for the last two days and I think I figured it out. So Instead of coding,  I went to my calendly account, clicked "share" on the specific appointment booking event copped the "inline HTML" link and then went to "customize" on my online store (shopify), went to the specific page I wanted it on, clicked "add section" from there " customize HTML and pasted it. That was it. Hope that helps

Trebuildsweb
Visitor
1 0 0

What type of section did you add?