Page Templates

Last Chance provides a variety of pre-designed templates to help you create engaging unsubscribe pages. This guide explains the different template types, what each page does, and how to customize them.

Overview

When you create a new unsubscribe page, you can choose from our template library. Each template includes:

• Multiple page states - Different screens for the subscriber journey
• Customizable styling - Colors, fonts, and branding options
• Interactive elements - Buttons, forms, and special widgets
• Mobile-responsive design - Looks great on all devices

Template Categories

Offer Templates

Simple, clean designs that present a discount offer to encourage subscribers to stay.

Best for: Straightforward retention with a clear value proposition

Examples: Minimal, Fresh, Bold, Sunset, Aurora

Scratch-Off Templates

Interactive scratch card experiences where subscribers reveal a hidden discount by "scratching" with their mouse or finger.

Best for: Gamified engagement that increases time on page and retention rates

Examples: Scratch Lottery, Scratch Vegas, Scratch Neon, Scratch Cosmic

How it works:

1. Subscriber sees a scratch card with a hidden prize
2. They scratch to reveal their discount code
3. Confetti celebrates the reveal
4. They're automatically shown the "stayed" confirmation page

Product Templates

Showcase your products directly on the unsubscribe page, giving subscribers a reason to stay and shop.

Best for: E-commerce brands who want to highlight specific products or bestsellers

Examples: Shop Grid, Shop Single, Shop Upfront

Page States

Every template includes multiple "pages" that display at different points in the subscriber journey:

Initial Page

The first page subscribers see when they click an unsubscribe link. This is your chance to offer alternatives.

Typical elements:

• Headline asking them to reconsider
• Discount offer or incentive
• "Stay Subscribed" button
• "Pause Emails" option
• "Unsubscribe" button

Stayed Page

Shown when a subscriber chooses to stay subscribed. Confirms their decision and provides the discount code.

Typical elements:

• Thank you message
• Discount code display
• Copy code button
• Link to shop

Unsubscribed Page

Shown after a subscriber completes the unsubscribe process.

Typical elements:

• Confirmation message
• Optional feedback form (why they unsubscribed)
• Option to resubscribe if they change their mind

Paused Page

Shown when a subscriber chooses to pause emails instead of unsubscribing.

Typical elements:

• Confirmation of pause
• Display of when emails will resume
• Option to resume emails early
• Link back to shop

Resubscribed Page

Shown when a previously unsubscribed user clicks "Resubscribe."

Typical elements:

• Welcome back message
• Confirmation of resubscription

Customizing Templates

Theme Settings

Every template supports customization through theme settings:

Visual Editor

For more advanced customization, use the visual editor to:

• Drag and drop components
• Edit text and images
• Adjust spacing and layout
• Modify colors and styles
• Add or remove sections

Interactive Components

Scratch Card

Available in scratch-off templates. Subscribers scratch to reveal their prize.

Customization options:

• Scratch layer color (silver, gold, bronze, purple, blue)
• Prize text and description
• Discount code displayed under the scratch layer

Pause Modal

When subscribers click "Pause Emails," a modal appears letting them choose how long to pause:

• 1 week
• 1 month
• 3 months
• 6 months

After selecting, they see the Paused page with their resume date.

Feedback Form

Displayed on the Unsubscribed page to collect insights on why subscribers left:

Default options:

• Too many emails
• Emails not relevant to me
• I never signed up
• I prefer other channels
• Content quality issues
• Other (with text input)

This feedback helps you improve your email strategy.

Copy Discount Button

A small button next to discount codes that copies the code to the subscriber's clipboard. Shows "Copied!" confirmation when clicked.

How Buttons and Widgets Work

Understanding how interactive elements work helps you customize templates and troubleshoot issues. Last Chance uses special HTML attributes to make buttons and widgets functional.

Action Buttons (data-action)

Buttons perform actions based on their data-action attribute. When editing in the visual editor, make sure buttons have the correct attribute for them to work.

Pause Modal Buttons

Inside the pause modal, these additional actions are used:

Feedback Form Buttons

On the unsubscribed page feedback form:

Widgets (data-widget)

Widgets are more complex interactive components identified by data-widget attributes.

Scratch Card Widget

The scratch card requires a wrapper element with data-widget="scratch-card":

<div
  data-widget="scratch-card"
  data-scratch-text="SCRATCH HERE"
  data-scratch-subtext="Reveal Your Prize"
  data-scratch-color="gold"
>
  <canvas id="scratch-canvas"></canvas>
  <div class="scratch-reveal">
    <div class="discount-code">{{discountCode}}</div>
  </div>
</div>

Scratch card attributes:

Template Variables

Use these placeholders in your HTML - they'll be replaced with actual values:

Example usage:

<p>Your code: <strong>{{discountCode}}</strong></p>
<a href="{{shopUrl}}{{shopUrlPostfix}}">Shop Now</a>

Troubleshooting

Button not working?

• Check that the button has the correct data-action attribute
• Make sure the attribute value is spelled correctly (case-sensitive)
• Verify the button is not inside another clickable element

Scratch card not appearing?

• Ensure the wrapper has data-widget="scratch-card"
• Check that there's a <canvas id="scratch-canvas"> inside the wrapper
• Verify data-show-scratch-layer is not set to false

Discount code not showing?

• Make sure you're using {{discountCode}} (with double curly braces)
• Check that a discount code is configured in your page settings

Shop link not working?

• Verify you've set a Shop URL in your page settings
• For data-action="shop" buttons, include data-url with the full URL
• For data-action="back-to-shop" links, include the href attribute

Choosing the Right Template

Tips for Success

1. Match your brand - Use your brand colors and fonts for consistency
2. Make the offer compelling - A good discount can significantly improve retention
3. Keep it simple - Don't overwhelm subscribers with too many options
4. Test different templates - Use A/B testing to find what works best for your audience
5. Mobile matters - Preview your page on mobile devices before publishing

Next Steps

• Getting Started Guide - Set up your first page
• A/B Testing - Test different templates and offers
• Analytics - Track how your pages perform