Spa E-Voucher Automation
Built a custom Spa E-Voucher system connecting Shopify, Make.com, and Klaviyo. Customers can select their services through a custom landing page and submit their information for automated voucher processing, including a unique voucher ID and QR code.
From Customer Signup to E-Voucher
The project connected a custom Shopify customer experience with an automated backend workflow for voucher creation, communication, and tracking.
Customer Experience
Created a custom landing page where customers can provide their information and select eligible spa services.
Automation
Connected the landing page to Make.com through a webhook to process submitted information.
Voucher Delivery
Generated a unique voucher ID and QR code that could be used with the customer voucher.
Klaviyo
Used Klaviyo for automated customer communication and e-voucher delivery.
The Voucher Process Needed Automation
The goal was to create a smoother process for collecting customer information and delivering e-vouchers while reducing manual processing.
The Problem
Customer information, selected services, voucher identification, and customer communication needed to move through multiple steps.
The Solution
I created a custom Shopify landing page and connected it to an automated Make.com workflow and Klaviyo communication process.
How I Set It Up
The implementation connected the customer-facing Shopify experience with the automation and communication layers.
- Created a custom Shopify e-voucher landing page.
- Added customer information fields.
- Added spa service selection.
- Added validation for required information.
- Connected the form to a Make.com webhook.
- Created a unique voucher ID.
- Generated a QR code using the voucher ID.
- Passed voucher information to Klaviyo.
- Used automated email communication for the voucher.
- Stored voucher information for tracking and redemption.
Tools & Technologies
E-Voucher Automation Flow
The customer submission triggers an automated workflow that processes the voucher information and sends the required data to the communication layer.
Custom Shopify Implementation
The customer-facing experience was built with custom Shopify code and connected to external automation services.
Custom Landing Page
Built the customer-facing Shopify page using Liquid, HTML, CSS, and JavaScript.
Form Validation
Added client-side validation to help ensure required information was completed before submission.
Webhook Integration
Connected the customer submission to Make.com through a webhook.
Voucher & QR Code
Created a unique voucher identifier and used it as the reference for the generated QR code.
Shopify → Make.com → Klaviyo
Each platform has a specific role in the workflow, creating a connected process from customer submission to voucher communication.
Shopify
Customer-facing landing page and service selection.
Make.com
Receives the webhook and processes voucher information.
Klaviyo
Handles customer communication and e-voucher delivery.
A More Automated Voucher Experience
The workflow connected customer submission, voucher processing, QR-code generation, and customer communication into a more structured process.
This reduced the amount of manual processing required and provided customers with a clearer way to receive and present their e-voucher.
The setup also created a more structured way to track voucher information and redemption data.
What I Worked On
Shopify
Built a custom customer-facing e-voucher landing page.
Automation
Connected Shopify submissions to Make.com using webhooks.
Klaviyo
Used automated customer communication for voucher delivery.
Problem Solving
Connected multiple systems into a single customer workflow.
More Shopify Projects
See more of my Shopify, Klaviyo, CRO, automation, and custom-code work.
← Back to Projects