Building a landing page that converts
What to put on the form page and the success page so more scans turn into sign-ups, reviews, and redeemed rewards.
Your landing page is the first thing a customer sees after they scan. Its job is simple: make the reward feel worth it, collect the details you need, and hand over what you promised. This guide is the recipe we recommend. For how the editor works, see Landing Pages and Forms.
One page, two views
A capture page has two views that you design in the same editor. Use the Form / Success switch at the top of the editor to flip between them:
- Form: what customers see right after the scan.
- Success: what they see once they submit.
To make sure customers move on to it, open the form's Design settings and set After Submit to Show success page.
Pages go live through a flow. Add a Show Page step to your flow to create one, or start from a saved template.
Build the form page
Keep it short and put everything above the fold on a phone. Most people scan from their phone, so check the mobile preview first. Top to bottom, we recommend:
Your logo. An Image block at the top tells customers they're in the right place.
A thank-you line. A short Text block, like "Thanks for scanning."
The incentive. Tease the reward before you ask for anything, like "Here's 20% off on us." A Text block works, or use the Incentive Card block to make it stand out.
The form. A Form block starts with First Name, Last Name, Email, and Phone Number, which covers most campaigns. Then add only what you need:
- Product, if one campaign covers several products. Customers pick what they bought.
- Channel Source, if the same codes go out across several sales channels.
- Terms, a terms-and-conditions checkbox with your brand name filled in.
Every extra field costs you sign-ups. If each of your campaigns is for a single product or a single channel, you already know the answer, so skip that question.
Build the success page
Switch to Success. What goes here depends on your goal, but a strong success page usually has three parts.
1. Say thanks
Confirm the submission worked with a short thank-you message, using the Form Success block.
2. Ask for a review (optional)
Add a Product Review Button and pick its Data Source:
| Data Source | Use it when |
|---|---|
| Campaign Product (auto) | Each campaign is for one product. The button uses the product attached to the campaign. |
| Dynamic (from product) | One campaign covers several products. The button uses whatever the customer picked in the Product field. |
| Static (set values below) | You want to hard-code the product name, image, and review link yourself. |
Choose Button or Stars under Appearance.
Keep review asks neutral. Don't tie the reward to leaving a review, and don't hint at what rating to give. Marketplaces like Amazon don't allow incentivized reviews.
3. Deliver the reward
How you hand over the discount depends on whether you send email through Klaviyo:
- You don't use Klaviyo: add the Promotion block (under Special Features) so customers see their code right away. The flow needs an Apply Promotion step before the success page to hand out the code. See Setting up and troubleshooting discount codes.
- You use Klaviyo: leave the code off the page and deliver it by email or SMS instead. Say so on the page, for example "Your reward is on its way to your inbox."
Make it look like your brand
Style both views to match your brand: colours, fonts, layout, and tone of voice. Pages pick up your brand colours and fonts from your Library, so set those up once and every page benefits. To style the whole page, deselect all blocks and set the background in the properties panel.
When a page works well, choose Save → Save as Template so your next campaign starts from it.
Before you go live
- The form page shows the reward before it asks for anything
- Only the fields you'll actually use
- After Submit is set to Show success page
- The success page thanks them, and the review button points at the right product
- The reward either shows on the page or is clearly promised by email
- You've submitted the form yourself on a phone, start to finish
Designing QR codes that get scanned
Pick the right kind of code, decide who prints it, and design stickers that scan on a real shelf, not just on your monitor.
Setting up and troubleshooting discount codes
Create Amazon and Shopify codes that work at checkout, hand them out through a flow, and sort out the rare code that doesn't.