Klaviyo Hosted Page Setup Guide

This guide explains how to set up a Klaviyo hosted page to automatically redirect unsubscribes to your Last Chance page.

Overview

Klaviyo hosted pages allow you to create custom HTML pages that are hosted by Klaviyo. By setting up a hosted page for unsubscribes, you can automatically redirect all unsubscribe requests to your Last Chance page without needing to update individual unsubscribe links in your email templates.

Benefits

• No template updates needed - Works with all your existing emails automatically
• Automatic redirect - All unsubscribe clicks go through your Last Chance page
• Easy to revert - Can switch back to Klaviyo's default anytime

Prerequisites

Before you begin:

• ✅ Your Last Chance unsubscribe page is created and published
• ✅ Your Klaviyo integration is connected in Last Chance
• ✅ You have admin access to your Klaviyo account

Setup Process

Step 1: Get Your Personalized HTML Code

If you're viewing this guide from your dashboard (via Settings → Email Providers → Klaviyo → Setup Guide), you'll see your personalized HTML code with your unique team ID below. This code is private and cannot be shared publicly.

💡 Note: If you're not signed in, you'll need to sign in to see your personalized code. The code below includes your unique team ID and is required for the setup to work correctly.

Step 2: Enable Hosted Pages in Klaviyo

1. Navigate to Klaviyo Consent Pages Settings
2. Enable the hosted pages feature in your Klaviyo account

Step 3: Create a Hosted Page

1. Navigate to Klaviyo Hosted Pages
2. Click Create New Hosted Page
3. Give it a name (e.g., "last_chance_unsub")
4. The setup guide will provide you with the exact HTML code to paste (with your personalized team ID)

The Klaviyo hosted page editor where you'll paste the HTML code

Step 4: Copy the HTML Code

The HTML code includes:

• Your unique team ID
• Automatic redirect logic

💡 Logged in? If you're signed in to your Last Chance account, your personalized HTML code with your team ID will appear below automatically. If not, you'll see instructions on how to access it.

Step 5: Configure Email Unsubscribe

1. Go back to Klaviyo Consent Pages Settings
2. Click the vertical ellipsis (three dots) on the "Email Unsubscribe" section
3. Select Use hosted page
4. Choose the hosted page you just created
5. Click Save

Click the vertical ellipsis (three dots) to access the "Use hosted page" option

Select your hosted page from the dropdown and click "Save"

How It Works

Here is what happens when a subscriber clicks "Unsubscribe" in your Klaviyo email:

1. Subscriber clicks "Unsubscribe" in email
   ↓
2. Navigated to your Klaviyo unsubscribe page (hosted page)
   ↓
3. Hosted page Last Chance JavaScript executes automatically
   ↓
4. Redirects to your published Last Chance page
   ↓
5. Last Chance page displays your custom unsubscribe experience

Verifying Setup

After completing the setup:

1. Check the setup status - The setup checklist in your unsubscribe page editor will show the Klaviyo hosted page setup as complete
2. Test the flow - Send yourself a test email from Klaviyo and click the unsubscribe link. You can also click any unsubscribe link from any historical email already sent from Klaviyo.
3. Verify redirect - You should be redirected to your published Last Chance page

Reverting to Default

If you need to revert back to Klaviyo's default unsubscribe page, follow these steps:

⚠️ Important: Reverting will remove your custom Last Chance unsubscribe page and return to Klaviyo's default unsubscribe experience. Subscribers will no longer be redirected to your Last Chance page.

Step 1: Navigate to Consent Pages Settings

1. Go to your Klaviyo Consent Pages Settings
2. You'll see the "Email Unsubscribe" section with your current hosted page configuration

Klaviyo consent pages showing how to revert to default unsubscribe page

Step 2: Revert to Default Unsubscribe Page

1. Click the vertical ellipsis (three dots) button on the "Email Unsubscribe" section
2. Select the option to revert back to Klaviyo's default unsubscribe page
3. Confirm the revert when prompted

Confirmation screen for reverting to default unsubscribe page

After reverting, all unsubscribe clicks will go directly to Klaviyo's default unsubscribe page instead of your Last Chance page. You can always set up the hosted page again using the setup guide above.

Troubleshooting

Hosted Page Not Redirecting

• Verify the HTML code was copied correctly (check for any line breaks or formatting issues)
• Ensure the hosted page is set as the default unsubscribe page in Klaviyo settings
• Check browser console for any JavaScript errors

Page Not Showing

• Ensure your Last Chance unsubscribe page is published
• Verify your Klaviyo integration is connected and active
• Check that the team ID in the HTML matches your account

Additional Resources

• Getting Started Guide - Complete setup walkthrough
• Klaviyo Hosted Pages Documentation - Official Klaviyo docs

Next Steps

After setting up the hosted page:

1. Monitor analytics - Track unsubscribe page performance
2. Test with real emails - Verify the flow works with actual campaigns
3. Optimize your page - Improve retention rates based on analytics

For questions or support, contact us at support@lastchanceemail.com.