Types of Landing Pages
Landing Pages section in your dashboard enables you to create and publish customized landing pages for many promo purposes. Each landing page is automatically connected to your account and allows your customers to interact with your promo campaigns instantly.
Before you start
To use the Landing Pages, you first need to add Origin from which requests are accepted.
Go to the Project Settings and scroll down to Client-Side Settings > Your website URL. Add landing page URL or put * if you want to allow client requests from more than one origin. When ready, confirm with SAVE.
Lastly, go to the Client-Side Settings > Danger Zone section and choose what limits you'd like to establish when it comes to your customers interacting with your landing page.
For instance, for Loyalty Program Landing Pages, you should check the following boxes:
- "Enable Client-Side Publication."
- "Enable Client-Side customer creation."
But for the code redemption landing page, you should additionally check the following:
- "Enable client-side redemption."
- "Enable client-side voucher expiration date update."
You can offer codes for new subscribers, invite them to join referral or loyalty campaigns, and also add redemption forms where your visitors can validate and redeem their promo codes. All that in a user-friendly editor available straight from GUI.
- Collect subscribers.
- Sign up for a discount code.
- Sign up for gift card credits.
- Redeem code.
- Enroll in a loyalty program.
- Invite a friend to a referral program.
- Sign up with a referral code.
To run the editor, click on the plus and choose a template that fits your goal best.
1. Collect subscribers
The purpose of this template is to collect customers for future promo campaigns. There are four available pages included in the template – active campaign (main page), successful status page, failed status page, and double opt-in page.
All these pages are customizable and may be deleted.
The most important part of this template is the Form for collecting customers' data, such as an email address, name, or phone number. You can decide which fields to include and which ones are mandatory. Don't forget to add marketing permissions and consent forms at the bottom to comply with all data-related regulations, such as GDPR.
2. Redeem code
The goal of this landing page is to allow online client-side code redemptions.
Before you create this landing page, make sure that you have customer-side redemptions enabled in your Project Settings.
This template has six different pages, each designed for the different steps of your customer's journey. The pages at your disposal are: active campaign, redemption in progress, campaign ended, successful status, failed status, code entry pages.
In this template, the code is the most important element. Your landing page is going to be automatically populated with unique codes coming from your campaigns in Voucherify. You may also release time-sensitive codes to incentivize your audience.
Validation rules and redemption limits
Keep in mind that the form only allows your customers to put the code and attributes defined as customer or redemption metadata. It means that you can't validate and redeem codes with limits that require passing more details in the redemption request. You can validate and redeem codes with rules based on redemption and customer metadata.
- To enable your users to fill the form with metadata attributes, you need to configure Active campaign and Code entry pages and add the form to both of them. Check the video below to learn more.
- Redeem forms apply discounts to the whole cart, you can't use product-specific discounts.
3. Sign up for a discount code
This template aims to collect subscribers who in turn are going to be rewarded with a discount code or other rewards of your choice. This template offers six different pages: active campaign, pre-start, the campaign ended, successful status, failed status pages, and double opt-in page.
Voucherify is going to automatically display here unique codes from the campaign linked to the given landing page.
Moreover, you can add a link on a successful status page and direct your customers to a landing page where they can redeem their code.
4. Enrol in a loyalty program
The goal of this landing page is to encourage your customers to take part in your loyalty program. Each customer who successfully fills the form (accordingly to the form setup), gets a loyalty card published to his/her account.
Here you will be able to choose between two templates: rewards- or form-focused. The difference between these two types is the placement of the Rewards Container and the Form with one being more prominent than the other.
Again, keep in mind that you may freely change the form of the template.
The template offers six different sub-pages: active campaign, pre-start, the campaign ended, successful status, failed status, and double opt-in. You can customize each of them and create a design consistent with your brand style.
The Rewards Container is going to be automatically populated with the incentives set as rewards in your loyalty program.
5. Sign up for gift card credits
The purpose of this landing page is to encourage your customers to sign in in exchange for free gift card credits offered as a part of your gift card campaign.
This particular template offers five different pages: active campaign, pre-start, campaign ended, successful status, and failed status.
6. Invite users to a referral program
Via this landing page, you can let your customers get their referral code and thus join an incentivized referral program.
Similar to the previous templates, this one also offers six pages that you may freely customize and remove.
The creation of this landing page allows you to add another communication channel via which you can notify customers about your referral campaign and automatically distribute referral codes.
7. Sign up with a referral code
Go to the Landing Pages section in your dashboard (1) and click the Plus (2).
Select a landing page goal (Successful Referral) and then, click Create.
Step 1: Landing page settings
In the Creator, start from landing page settings:
- Name of your landing page.
- Description (optional).
- Source id (by default it's customer email address).
- Double opt-in (enabled by default).
- The crucial part is to set a Custom event schedule. Below the double Opt-In section, you need to add a custom event that will be triggered after submitting the form. It needs to be the same event that is set as a conversion event in the referral campaign.
The remaining settings enable you to design your landing page (add logo, colors, and font).
When the Settings are ready, go to the Elements tab and edit the Form.
Step 2: Sign-up form
As every event tracks customer data by default, you can map added fields to both event or customer metadata (2). Please note that custom attributes used in the form have to be added firstly to your Metadata Schema (customer's metadata) or Event Schema (event metadata)(1).
When the form fields are added, you can go back and define the remaining form details.
Step 3: Final design
- Bottom call to action
- Logo bar
- Promotion rules
- Rewards container
- Share links
- Successful status informs a customer that the form was submitted.
- Failed status is displayed to a customer if submitting the form fails.
- Double Opt-In informs customers about required confirmation due to the double opt-in feature.
Step 4: Landing page release
Choose Release (1), customize URL (3), and Set it live (2). Confirm release with Set (4), and from now on, your sign-up landing page is available online.