dark theme active

Shopify

Tech: Shopify Liquid, Javascript, JQuery, SCSS, Node.js

Challenge

The client wanted a system where customers could register their product for warranty and automatically receive a coupon code to encourage repeat purchases. However, there was no built-in feature or third-party app that could fully support this specific workflow.

Solution

Built a custom product registration app that connects with Shopify to securely save registration data and automatically sends a discount coupon via email using SendGrid.

  • Verified customers can register their power bank product to activate 1-year product warranty.
  • Upon successful registration, a unique one-time use coupon code is generated and an email will be sent automatically together with the registration details.
  • Customer will be able to see their registered product and its warranty status on their Shopify account dashboard.
Product RegistrationProduct RegistrationProduct Registration

Product Page Enhancement

Link to project: XYZtech.com - Product Page

Challenge

Client wants to have different template for different product models, and the original design was too basic, and didn't have the featured key information and custom variants selections.

Solution

Create a custom product template with reusable dynamic sections that allow client to:

  • Highlight the product feature and add value.
  • Include custom variant selections that allow customers to easily navigate to other products under the same model.
  • Add product manuals and certifications for customer reassurance.
Product Page Enhancement

Blog System

Link to project: XYZtech.com - Blog Center

Challenge

Shopify native blog features were too limited. However client didn't want to use third party plugins or a separate blog system.

Solution

I built a custom blog system, utilizing Shopify metaobjects and metafields, that allows clients to add different categories and tags, choose articles for the editor's pick, all while keeping everything within Shopify.

  • No additional learning required.
  • Added a comment system with Disqus.
  • Provided basic CMS functionality for posting news, updates, guides and announcements without relying on external apps.
Blog SystemBlog System