Demo Store "Hot Beans"

With this exemplary store, you can see Voucherify in action. The store is connected to your Voucherify account. In the store, you can use test products, validation rules, vouchers, and campaigns to see how Voucherify promotions work in practice.

Live Demo
Source Code
Tech stack: React, Node.js
Tags: campaigns, system integration

📘

Tags

Describe which core components of Voucherify are demonstrated within a given example, these include:

• campaigns – defining new promo scenarios.
• distributions – learn how to deliver codes to your customers.
• system integration – how to integrate with 3rd party systems.
• monitoring – voucher tracking and promotion performance monitoring.

Simple redemption point

This example shows how you could implement a voucher redemption on your checkout page. There are two examples, one of them shows the easiest, most basic redemption, and the other one uses pretty much every feature available for redemption in Voucherify.

Live demo
Source: Glitch
Tech stack: JavaScript, Node.js
Tags: campaigns, system integration

Postman test cases

The up-to-date list of the API requests examples. It covers simple calls and more complex promo scenarios.

To run it on your account, you should provide your sandbox application keys in the environment and enable client-side operations in Project Settings (remember to whitelist the requests with * in the client-side settings section).

Simple cart integration

This example shows how you can make Voucherify API work with a simple cart checkout example. You can see for yourself that a simple integration with voucherify API gives you quick access to a multitude of validation strategies that can be managed and modified from the Voucherify dashboard with very little impact on code.

Live demo
Source: Glitch | Github
Tech stack: JavaScript, Node.js
Tags: campaigns, distributions, system integration

Stripe integration

This repository is an example of how easy it is to integrate discounts for single Stripe charges using Voucherify coupon API. Discount and charge your customer in under 40 lines of code.

Live demo
Source: Glitch
Tech stack: JavaScript, React.js, Node.js
Tags: system integration

Voucherify.js

To manage promotional activities on the frontend, consider using Voucherify open source web SDK – JS. Here is a couple of examples demonstrating its capabilities.

Discount widget

This demo shows how to use a widget to validate coupon codes to show your customers the discounted price.

Live demo
Source: Glitch
Tech stack: JavaScript
Tags: system integration

Publish widget

The application shows how to build a coupon code site. It lists active promotions, including both bulk campaigns and standalone codes. With the widget, shoppers can publish a unique code to themselves.

Live demo
Source: Glitch
Tech stack: JavaScript
Tags: distribution, system integration

Subscribe widget

This part of Voucherify.js offers an easy way to add customers straight from the web. The installation boils down to pasting a little snippet including the iframe.

Live demo
Source: Glitch
Tech stack: JavaScript
Tags: system integration

Referral program

This example shows how referral programs work in Voucherify. The bulk of the actual referral program configuration is done on your Voucherify dashboard.

You can see that this example shows two types of referral programs.

• A standard referral program where the referrer is rewarded every time their referral code is redeemed.
• Multi-tiered referral program where you can define multiple reward tiers for different scenarios (read the docs to see what is possible).

Live demo
Source: Glitch
Tech stack: JavaScript, Node.js
Tags: campaigns, system integration

Publish app

Publish a voucher to a customer with a simple web form.

https://github.com/voucherifyio/voucherify-publish-app

Voucherify webhooks

This example shows how to leverage Voucherify webhooks to be notified about on-going redemptions and other events in your system.

Live demo
Source: Glitch
Tech stack: JavaScript, jQuery

Coupons & Promotions UI Kit

Looking for ready designs for the best discount coupons & promotions experience in your ecommerce store? Check out our 100% customizable UI kit with ready-to-use components based on the best practices for usability.
Download Coupon & Promotions UI Kit on Figma