You have built your Squarespace site, and it looks beautiful. Well done! Fynder is an excellent Squarespace booking system. See the steps below to link Fynder with Squarespac, so that you can put your schedule on your website. And. It get’s better. Once you’ve linked your Fynder account with Squarespace, you can play around with where to put it! We’ve got a few tips from our lead designer here. Let’s go.
Step 1
Below is the piece of code that needs to get placed into the header of the html. This can be done in your squarespace admin by selecting:
settings > advanced > code injection
paste the following code into the header and then select save.
Important: replace the n (in the code and the link) with your business id, which can be found in the account settings of your Fynder account.
Header code:
<script src="//m.fynder.io/fynder-loader.js"></script>
<script>window.addEventListener("load", function() {fynder_loader.loader.parent(n)});</script>
Step 2
Paste the following link into any button you’d like within your squarespace site to launch the Fynder modal
https://m.fynder.io/?businessId=n
…and that’s that! You can put as many buttons throughout your website as you like, and don’t forget to read our best practice guide for placing your booking button and call-to-action, and our how-to for placing the booking button in the main menu bar of your website!