Before you start
- Your Squarespace plan must include Code Injection. The published domain must match your PetMySite website address.
- Set up your website in PetMySite and note its public site key. Your chat provider must also be installed on the pages where your pet opens chat.
Copy your install code
In PetMySite, open your website, go to Installation, choose Squarespace and select Copy code. It includes your website's public key. The example below shows its shape.
<script async src="https://cdn.petmysite.com/pet.js" data-site="YOUR_SITE_KEY"></script>YOUR_SITE_KEY is already filled in.Add the code in Squarespace
- Open your site's Code Injection panel. Depending on the Squarespace version, find it under Developer Tools or Advanced settings.
- Paste the complete PetMySite install code into Footer and save.
- Open a published page on your own domain, then return to PetMySite to verify.
The Footer field appears before </body> on every supported page. Squarespace does not run injected code on checkout pages.
If the menus look different, see Squarespace's custom code instructions.
Publish and verify
- Open a public page on the same domain you entered in PetMySite. Check that your pet appears and that your chat provider still works.
- Return to PetMySite's Installation page, continue to the last step and select Verify installation. It opens your site and waits for the pet to check in.
Troubleshooting
The pet doesn't appear
If you cannot find Code Injection, check your plan's feature access. If the pet is missing on one page, inspect whether that page supports site-wide code.
- View the published page source and search for
pet.js. If it is absent, revisit the code location and publish again. - Check the domain against your PetMySite website address.
www.is ignored, but a different subdomain or staging address is a different website. - Keep just one PetMySite script on each page. If your site uses a Content Security Policy, allow petmysite.com and cdn.petmysite.com for scripts, connections, images and fonts, and permit WebAssembly for animation. A policy that forbids inline styles also blocks the current widget; contact support before changing that policy.
The pet appears but chat doesn't open
Keep your chat provider's own script active on the same pages. PetMySite opens that chat; it does not install the provider.
Other ways to install
Every method loads the same pet with the same settings. Use one method per website.
- WordPressInstall the PetMySite plugin and connect. No code to paste.
- ManualPaste one script tag before </body>. Works with any site builder.
- Google Tag ManagerAdd a Custom HTML tag. Ad blockers can hide the pet for some visitors.
Still stuck? Email support@petmysite.com with your website address and the method you used.