Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Using Zocdoc with Squarespace

You can add a Zocdoc widget to allow patients to book appointments from your Squarespace site. You can also use the Button Block to link to your Zocdoc profile.

The solution in this guide includes using a Code Block to add advanced code. This is a Premium feature available in the current Website Business plan and higher:

  • Available in: All Business and Commerce plans
  • Available in: Legacy Personal plan (no longer available for new subscriptions)
  • Not available in: Current Personal plan
  • Trial: You can use the Code Block during a trial.

To learn more, visit Premium features.

Step 1 - Get the code from Zocdoc

To get the Zocdoc embed code:

  1. Contact your Zocdoc Customer Success team member and ask for the Zocdoc widget code block.
  2. They'll send you the JavaScript code block.
  3. Copy the code to use in Step 2. 

Step 2 - Add the code to your site

You can add the Zocdoc widget to any area that supports blocks. We recommend adding it to your homepage or footer.

To add the widget: 

  1. In the Home Menu, click Pages.
  2. Select the page where you'd like the widget to appear. 
  3. Click an Insert Point and select Code from the Block Menu. For more help with this step, visit Using the Code Block.
  4. Paste the JavaScript code Zocdoc sent you into the Edit Code box.
  5. Click Save.

The Zocdoc scheduling widget will be a pop-up that looks like this:


Add a Zocdoc button (optional)

You can also use a Button Block to link to your public Zocdoc profile page. This creates a customizable button that blends into your site's design.

Note: This third-party customization falls outside the scope of our support. This means that we’re unable to help further with setup or troubleshooting. Additionally, since this is a code-based solution, we can’t guarantee its functionality or full compatibility with Squarespace. This includes how it functions with our responsive design, particularly its appearance on mobile devices, and if it functions on all templates. Third-party customizations can also cause display issues with future updates to our platform. While we can't help further, there are many resources that can point you in the right direction:

Was this article helpful?
1 out of 1 found this helpful