What kind of landing pages can I create in Voucherify?

Landing Pages section in your dashboard enables you to create and publish customized landing pages with Voucherify incentives. Each landing page created in Voucherify is automatically connected to your account.

Prerequisite

Keep in mind that to use the Landing Pages Creator and allow interaction between your clients, landing page, and Voucherify, you first need to add Origin from which requests are accepted.

In order to do so, go to the Project Settings and in the General Tab, scroll down to Client-Side Settings, and set "Your website URL". For test purposes, you can also put "*" to allow client requests from any origin. When ready, confirm with SAVE.

Then scroll down and in the  Danger Zone section, you can 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.

  1. Collect subscribers.
  2. Sign up for a discount code.
  3. Sign up for gift card credits.
  4. Redeem code.
  5. Enroll in a loyalty program.
  6. Invite a friend to a referral program.
  7. Sign up with a referral code.
Landing pages offer wide customization possibilities as you can add additional fields in the form based on metadata. You may choose whether the field should refer to Customer/Publication metadata. You can use this feature to for instance run photo contests. Go here to learn more.

Landing Pages tab

To run the editor, click on the plus and choose a template that fits your goal best.

Landing Page goal

Please keep in mind that these templates are customizable and may be used for various purposes. Voucherify offers you these templates by default and you can treat them solely as a source of inspiration for launching great promo campaigns.

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.

Collect subscribers landing page

The most important part of this template is the Form for collecting customers' data, such 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 regulation, such as GDPR. 

Marketing Permissions

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. 

Keep in mind that with this widget you will not be able to redeem codes that require the user to provide customer and order attributes and that it is intended for discount campaigns that are not based on order structure.

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.

Sign up for discount landing 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.

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.

Loyalty program landing page

This is the only template in which you can use material rewards as they are only available in loyalty programs. However, you can also choose different rewards – discount codes or gift card credits.

The template offers six different pages: active campaign, pre-start, the campaign ended, successful status, failed status, and double opt-in.

The Rewards Container is going to be automatically populated with the products set as rewards in your loyalty program.

Loyalty LP rewards

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.

Gift card credits landing page

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.

Similarly 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 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:

  1. Name of your landing page
  2. Description (optional)
  3. Source Id (by default it's customer email address)
  4. Landing page settings
  5. Double opt-in (enabled by default).
  6. double opt-in
  7. 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.
  8. custom event schedule

The remaining settings enable you to design your landing page (add logo, colors, and font).

Options

When the Settings are ready, go to the Elements tab and edit the Form.

Step 2: Sign-up form

When you enter Fields settings, you can modify the default form. Decide which fields are mandatory and visible for users. 
One of the mandatory form fields is for a referral code. If a customer enters a landing page using a referral link, the field for referral code will be filled automatically (it can be hidden).
Moreover, you can add new fields to your form that will be added as metadata to the triggered event. 

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 

Next to the form settings, you can add and design the following landing page elements:
  • Banner
  • Bottom call to action
  • Footer
  • Logo bar
  • Promotion rules
  • Rewards container
  • Share links
When the main page is ready, remember to set up and design the remaining landing pages displayed to a customer after submitting the form:
  1. Successful status informs a customer that the form was submitted.
  2. Failed status is displayed to a customer if submitting the form fails.
  3. Double Opt-In informs customers about required confirmation due to the double opt-in feature. 
When all landing pages are ready, confirm with Save. Now, you can release your landing page, and build referral links. 

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. 

Still need help? Contact Us Contact Us