Add a coupon to the clipboard after sign-up

Using Shopify? You can apply the discount code directly to the visitor's cart.

It is possible to add a coupon to the visitor's clipboard using our JS Callbacks feature. In this example, we will automatically copy a coupon displayed in the Thank you screen.

Step 1:

Create a sign-up block. In the "Button" section on the left, select "Display a thank you message":

Step 2:

On your Thank you screen, create a text block that contains the variable {{coupon}} . This variable will be automatically replaced by the actual coupon from a JS callback. It helps us having the coupon defined only in one place.

Step 3:

Create a new JS callback on the event Before popup display, with the following script:

window.wisepopsCoupon = 'WELCOME';
event.detail.wisepops('properties', {
  coupon: window.wisepopsCoupon
});

Replace WELCOME  by your actual coupon code. This will be the unique place where your coupon is stored.

Step 4:

Create another JS callback on the event After form submit, with the following script:

var input = document.createElement('input');
input.value = window.wisepopsCoupon;
event.target.parentNode.appendChild(input);
input.select();
input.setSelectionRange(0, 99999);
document.execCommand("copy");
input.parentNode.removeChild(input);

Your coupon is now ready to be automatically added to the visitors' clipboards after sign-up.

Don't hesitate to contact us if you have any questions.