If you're using Squarespace, connecting your store to Kindred is easy!
- Log in.
- Navigate to the Home Menu
- Navigate to Settings > Advanced and click “Code Injection”.
- Copy the Javascript snippet from your Kindred account under Account Settings, Installation Code. The snippet will look like this, but with a unique code in place of the # signs:
<script> (function(k,i,n,d,r,ed){ k[d]=ed=k[d]||function(){(ed.q=ed.q||[]).push(arguments)};k=i.createElement(n); k.src=r;k.async=1;n=i.getElementsByTagName(n)[0];n.parentNode.insertBefore(k,n); }) (window,document,'script','kindred','https://cdn.kindred.co/sdk/sdk.js'); kindred('init','########-####-####-####-############'); kindred('capture',location.href); </script>
- Paste it into the box titled “HEADER” and click Save. If there are already other scripts in there, paste this one right at the end.
- Scroll further down to the Order Confirmation Page text box.
- Add the following script to the PAGE HEADER CODE INJECTION text-box of the “Thank you” page (This may be a “Order Successful”, “Order confirmed”, etc. page instead). If not using GBP amend this to your 3 letter currency code (i.e $ is USD ,€ is EUR) and ensure you keep the quotes there.
<script>kindred('trackConversion', '{orderId}', {orderSubtotalCents}, 'GBP') </script>
- Save your changes and preview the website to ensure everything works okay.
- Once these steps are done, please complete a test order on your website (order place an order for yourself and refund it) and save the URL of the Thank you/Order confirmation/Order successful page (the url will something like: https://myonlineshop.com/checkout/order-confirmed?oid=123..... ) and send it to onboarding@kindredteam.com in order for us to check successful implementation of your code.
- Email onboarding@kindredteam.com to let us know this has been completed.
- Done!