Tapfiliate and Squarespace Scheduling (Acuity) integration

If you are a business owner, you must have heard about Affiliate marketing, a way to promote your business through 3rd party marketers and get them rewarded for every purchase they help make. There are countless tools to make affiliate ease of mind for you, and Tapfiliate is one of them. In this post, I will explain how I was helping a Squarespace website owner automate their Acuity Purchase with Tapfiliate

The problem

Acuity allows you to sell your business online. Unfortunately, there is no built-in affiliate for the tool, either from Acuity itself or Squarespace (Acuity has been merged with Squarespace Scheduling), so Tapfiliate comes to the rescue. For this particular project, a coach who sell their retreat plan on Acuity wanted to map the Taffiliate’s Commission Type to each Acuity purchase, which means different products are matched with different commission types (different off percentage, for example).

The integration process is quite similar to other Affiliate services

• You need to place click tracking code to Squarespace Code Injection (link)

• To signal the successful conversion ( eg: a purchase made ), you need a conversion page code

While the first step is handy by simple copy and pasting the given code, the next step with conversion tracking is a bit challenging

• Acuity purchase did not land on Squarespace post order page, Acuity has its own infrastructure and is embedded into Squarespace as Iframe

• Not all product has the same commission type, meaning in the same order, we need to cross-reference the commission of each product and fire a conversionMulti trigger

Solution

• Tracking conversion on post order page

Website structure

As described in the above diagram, Acuity block is placed inside an iframe, therefore the conversion tracking can not be called directly from Squarespace injection. Luckily for us, the Acuity frame has its own tracking code injection in the order page, so I make it emit an event to the parent window with the event name order.created, which is how I can grab the reference of the Acuity order via %id% merge tag.

• Mapping commission types for products

The next challenge is to collect the Acuity products ( line items ) in the order and map it with the correct commission type on Tapfiliate. Since Squarespace did not allow users to use the platform backend, we need to find a place to trigger the API call and store the secret token to prevent it from being exposed to users in the browser, for this matter I use Autocode as a dedicated backend since it has generous free tier plan with 10,000 API calls per month.

So as soon as Acuity triggers the order.created event, the Autocode webhook is called to find the details of the line items and map its name with the Tapfililate commission type. The rest issue is now easier as it will need to trigger conversionMulti accordingly

Trigger conversionMulti on Acuity post purchase