I am trying to add the Calendly embed code to my shopify store(Dawn)

Store Design

Topic summary

Issue: Calendly embed code shows on the Home page when added to theme.liquid; goal is to display it only on a specific page.

Proposed approaches:

  • Add the embed in theme.liquid inside a conditional that targets a specific page template using template.suffix (e.g., if the template is page.contact, use ‘contact’). This limits rendering to that template only.
  • Place code above in theme.liquid with an unless template contains ‘index’ condition to exclude only the Home page, or avoid theme code by using the theme editor’s Custom HTML section on the target page.

Key terms:

  • theme.liquid: the global layout file applied across pages.
  • template.suffix: the unique identifier for a page’s assigned template; controls where conditional code runs.

Latest update: The requester, not comfortable with coding, asks how to find and target the specific page https://surfoilz.com/pages/demo-a-foil-board and where exactly to place the embed.

Status: Unresolved. Next steps: identify the page’s template (via the page settings/template assignment) or use a Custom HTML section on that specific page to insert the Calendly embed.

Summarized with AI on January 3. AI used: gpt-5.
1

I am trying to add the Calendly embed code to my shopify store(Dawn)

After creating the EMBED CODE from CALENDLY and I go to SHOPIFY to Edit >Themes Liquid and add the Code to the top of the page it is added to the topo of the HOME PAGE

I want to add the EMBED CODE to another Page other than the HOME PAGE

How do I locate the PAGE in Theme Liquid so that CALENDLY EVENT can be displayed on the new (not HOME) page

2

Hello @dig497 ,

Add the Embed Code in the if condition and replace the “template_name” with the template’s name. i.e. If the template name is “page.contact” then replace the “template_name” with “contact”.

{% if template.suffix == 'template_name' %}
  Add CALENDLY EMBED CODE...
{% endif %}
3

Hi @dig497

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the 

{% unless template contains 'index' %}
// your code here
{% endunless %}

Or you can use the Custom HTML section in theme editor to make it work for just certain page

Hope this can help you solve the issue

Best regards,

Richard | PageFly

4

On Mar 13 07:59 EDT, John Field wrote:
Hi Richard

Thank you for responding

I am not very proficient on coding

I wish to embed the CALENDLY code into a certain page (other than the Home
Page)

Do i need to locate this page in Theme Liquid or elsewhere and then add the
embed code?

if so how do I do that

The page is:

https://surfoilz.com/pages/demo-a-foil-board

Thank you

Dave