How to create a discount offer
Navigate to the offers tab in your Percs admin panel.
Click the 'Create offer' button.
Give your offer a name.
This is for internal use only and will not be displayed to your customers.
Under type, select 'Discount'.
Click the 'Add audience' button from and select an audience from your list of audiences. Anyone in your audience will be able to redeem their discount.
A customer will receive one discount for each NFT they have in their wallet. If you would like to give one discount per customer (or wallet), you can upload a list of wallet addresses as an audience type.
Now you can add a discount to your offer by either uploading a list of unique discount codes or using one shared code.
The name of your discount will be displayed to your customer after they connect their account. We recommend using this field to display your discount type and amount (eg. 20% OFF or $20). You can use the pop-up header + description to add more details.
Limiting the total number of codes available will means that discounts will be generated on a first come, first serve basis. Once the discount codes have been allocated, anybody else that tries to connect their wallet will not receive a discount code.
Click the 'Add design' button to customize your pop-up.
Customize your pop-up background color and header + subtext.
We recommend using white or a light background color.
Customize your buttons.
Your primary buttons will be filled and the secondary buttons will be an outline button with a transparent fill. The wallet connection buttons are secondary buttons.
(optional) Add your Wallet Connect preferred wallets.
If your customers select wallet connect, these wallets will be displayed first.
Click 'Done'.
(Optional) You can collect your customers email address or have them opt-in to receive messages from you via XMTP, Push, or Warpcast Direct casts when they unlock their offer. This can be optional or required to unlock the offer.
(Optional) Set availability: You can schedule your campaign to go live at a certain date / time & add an expiration date.
If a customer tries to connect and redeem an offer before or after, a discount will not be displayed.
Click 'Publish' to publish your offer.
To view your offer, click the three vertical dots next to the edit icon and click 'View'.
(Optional) You can embed your campaign on any website using the following code snippet:
Click the 'Create offer' button.
Give your offer a name.
This is for internal use only and will not be displayed to your customers.
Under type, select 'Discount'.
Click the 'Add audience' button from and select an audience from your list of audiences. Anyone in your audience will be able to redeem their discount.
A customer will receive one discount for each NFT they have in their wallet. If you would like to give one discount per customer (or wallet), you can upload a list of wallet addresses as an audience type.
Now you can add a discount to your offer by either uploading a list of unique discount codes or using one shared code.
The name of your discount will be displayed to your customer after they connect their account. We recommend using this field to display your discount type and amount (eg. 20% OFF or $20). You can use the pop-up header + description to add more details.
Limiting the total number of codes available will means that discounts will be generated on a first come, first serve basis. Once the discount codes have been allocated, anybody else that tries to connect their wallet will not receive a discount code.
Click the 'Add design' button to customize your pop-up.
Customize your pop-up background color and header + subtext.
We recommend using white or a light background color.
Customize your buttons.
Your primary buttons will be filled and the secondary buttons will be an outline button with a transparent fill. The wallet connection buttons are secondary buttons.
(optional) Add your Wallet Connect preferred wallets.
If your customers select wallet connect, these wallets will be displayed first.
Click 'Done'.
(Optional) You can collect your customers email address or have them opt-in to receive messages from you via XMTP, Push, or Warpcast Direct casts when they unlock their offer. This can be optional or required to unlock the offer.
(Optional) Set availability: You can schedule your campaign to go live at a certain date / time & add an expiration date.
If a customer tries to connect and redeem an offer before or after, a discount will not be displayed.
Click 'Publish' to publish your offer.
To view your offer, click the three vertical dots next to the edit icon and click 'View'.
(Optional) You can embed your campaign on any website using the following code snippet:
<script>
function showDiscountCodeModal() {
try {
// Initialize PERCS with API key
window.PERCS.init({
clientKey: "1234",
apiHost: "https://api.getpercs.com",
})
// Display offer modal
window.PERCS.openModal({
scope: "offer:#1234]", // Specify offer number
gate: {
title: "HUB Integration Test", // Modal header
description: "Description", // Modal body text
illustration: "https://i.imgur.com/HqVc11F.png", // Hero image URL
},
offerSelectedType: "discount",
})
console.info("Modal opened successfully")
} catch (err) {
console.info('Error:', err)
}
}
</script>
<!-- Button to launch modal -->
<div>
<button class="bg" onclick="showDiscountCodeModal()">Unlock discount</button>
</div>Updated on: 18/09/2024
Thank you!