Quick Navigation

• Why Put Landing Pages on Your Domain?
• How It Works
• Step 1: Create Your Landing Page
• Step 2: Deploy to LandingHero
• Option A: Subdomain — campaign.yoursite.com
• Option B: Primary Domain (Recommended) — yoursite.com/campaign
• Subdomain vs Primary Domain
• Benefits for Marketing Teams
• FAQ

Why Put Landing Pages on Your Domain?

Marketing teams need to launch campaign pages fast. But deploying on your primary domain traditionally means going through dev cycles, code reviews, and deployment pipelines.

What if you could:

• Create a landing page with AI in 2 minutes
• Deploy instantly to a hosted URL
• Proxy it to your primary domain (e.g., yourcompany.com/campaign-name)
• Update it anytime without touching your main codebase

This is exactly what LandingHero.ai enables. Your marketing team gets full control over campaign pages while keeping everything under your brand's primary domain.

How It Works

The setup is simple:

1. Create a landing page on LandingHero.ai using AI
2. Deploy it to your-campaign.landinghero.app (instant, free hosting)
3. Proxy a route on your main website to serve that page

The result: Visitors see yourcompany.com/campaign but the page is served from LandingHero. Updates you make on LandingHero go live instantly on your main domain.

Step 1: Create Your Landing Page with LandingHero.ai

1. Go to LandingHero.ai
2. Describe your campaign: "Create a landing page for our Black Friday sale with 40% off all products"
3. Choose from multiple AI-generated designs
4. Edit using natural language: "Make the CTA button larger and change it to red"
5. Preview your page

Time to create: Under 5 minutes.

Step 2: Deploy to landinghero.app

Once you're happy with your design:

1. Click Publish
2. Choose your subdomain (e.g., black-friday-2026)
3. Your page is now live at black-friday-2026.landinghero.app

What you get:

• Free SSL certificate
• Global CDN for fast loading
• Instant updates when you edit
• No server management

Option A: Subdomain (campaign.yoursite.com)

Connect a subdomain like campaign.yoursite.com with just a DNS change. Good for standalone microsites.

How to Set Up

1. In LandingHero: Go to your project settings → Custom Domain
2. Choose your subdomain: e.g., black-friday.yoursite.com
3. Add DNS record: Create a CNAME record pointing to LandingHero

1. Verify in LandingHero: Click "Verify Domain" — SSL is provisioned automatically
2. Done! Your page is now live at black-friday.yoursite.com

When to Use Custom Domain

• Quick setup — No server config, just DNS
• Standalone campaigns — Microsites, product launches, events
• Separate branding — When the campaign has its own identity
• No technical resources — Marketing can do it themselves

Limitations

• URL is a subdomain (campaign.yoursite.com), not a path (yoursite.com/campaign)
• Separate domain authority from your main site (minor SEO consideration)
• Each campaign needs its own subdomain

Option B: Primary Domain (yoursite.com/campaign) — Recommended

The best way to launch campaign pages: make them live at yoursite.com/campaign using a reverse proxy.

A reverse proxy routes requests from your domain to LandingHero behind the scenes. Visitors see yoursite.com/campaign, but the content is served from your LandingHero site. One-time setup, then marketing can launch unlimited campaigns without any dev work.

Why This Is the Best Approach

• Native experience — Pages feel like part of your main site
• SEO benefits — Inherits your main domain's authority
• Clean URLs — yoursite.com/black-friday looks professional
• Unlimited campaigns — Add new paths anytime, no DNS changes
• Marketing independence — Update pages instantly, no deployments

Click your platform below to see the setup instructions:

Now, let's make this page appear on your main website. Click your platform below to see the setup instructions:

// next.config.js
module.exports = {
  async rewrites() {
    return [
      {
        source: '/black-friday/:path*',
        destination: 'https://black-friday-2026.landinghero.app/:path*',
      },
    ]
  },
}

// next.config.js
module.exports = {
  async rewrites() {
    return [
      {
        source: '/black-friday/:path*',
        destination: 'https://black-friday-2026.landinghero.app/:path*',
      },
      {
        source: '/summer-sale/:path*',
        destination: 'https://summer-sale-2026.landinghero.app/:path*',
      },
      {
        source: '/product-launch/:path*',
        destination: 'https://product-launch.landinghero.app/:path*',
      },
    ]
  },
}

{
  "rewrites": [
    {
      "source": "/black-friday/:path*",
      "destination": "https://black-friday-2026.landinghero.app/:path*"
    }
  ]
}

# Proxy LandingHero campaign pages
RewriteEngine On
RewriteRule ^black-friday(/.*)?$ https://black-friday-2026.landinghero.app$1 [P,L]

// functions.php
add_action('init', function() {
    $request_uri = $_SERVER['REQUEST_URI'];

    if (strpos($request_uri, '/black-friday') === 0) {
        $path = str_replace('/black-friday', '', $request_uri);
        $url = 'https://black-friday-2026.landinghero.app' . $path;

        $response = wp_remote_get($url);

        if (!is_wp_error($response)) {
            echo wp_remote_retrieve_body($response);
            exit;
        }
    }
});

location /black-friday {
    proxy_pass https://black-friday-2026.landinghero.app;
    proxy_set_header Host black-friday-2026.landinghero.app;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header X-Forwarded-Proto $scheme;
    proxy_ssl_server_name on;
}

# Enable required modules first:
# a2enmod proxy proxy_http ssl

<VirtualHost *:443>
    ServerName yoursite.com

    # Proxy LandingHero pages
    ProxyPass /black-friday https://black-friday-2026.landinghero.app
    ProxyPassReverse /black-friday https://black-friday-2026.landinghero.app

    SSLProxyEngine on
</VirtualHost>

// Cloudflare Worker example
addEventListener('fetch', event => {
  event.respondWith(handleRequest(event.request))
})

async function handleRequest(request) {
  const url = new URL(request.url)

  if (url.pathname.startsWith('/black-friday')) {
    const newUrl = 'https://black-friday-2026.landinghero.app' +
      url.pathname.replace('/black-friday', '')
    return fetch(newUrl, request)
  }

  return fetch(request)
}

Subdomain vs Primary Domain

LandingHero offers two ways to use your own domain:

When to Use Custom Domain

• Microsites with separate branding
• Long-running campaigns with their own identity
• When you want isolated analytics

When to Use Primary Domain Proxy

• Marketing campaigns under your main brand
• Product launches that should feel native
• When SEO juice from your main domain matters
• Multiple short-term campaigns

Benefits for Marketing Teams

🚀 Launch in Minutes, Not Weeks

Traditional flow: Brief → Design → Dev → Review → Deploy → QA → Launch

With LandingHero: Create → Publish → Proxy (one-time) → Live

🔄 Instant Updates

Edit your page on LandingHero and changes go live immediately on your primary domain. No deployments, no dev tickets, no waiting.

🎯 Full Marketing Control

• A/B test different versions
• Update copy for seasonality
• Swap images anytime
• Add/remove sections as needed

All without touching the main codebase.

📊 Unified Analytics

Since pages live on your primary domain, they're tracked in your existing analytics setup. No cross-domain tracking headaches.

🔒 Enterprise-Grade Hosting

LandingHero provides:

• Global CDN
• Automatic SSL
• DDoS protection
• 99.9% uptime

💰 Cost Effective

• No additional hosting costs
• No dev resources needed for updates
• Launch more campaigns with the same team

Frequently Asked Questions

Does the proxy affect page speed?

Minimal impact. LandingHero uses a global CDN, and modern proxy setups add only 10-50ms latency. Your pages will still load fast.

What about SEO?

Pages served via proxy are indexed under your primary domain, inheriting its domain authority. This is often better for SEO than separate domains.

Can I use different LandingHero pages for different routes?

Yes! Set up multiple proxy rules for different campaigns:

• /black-friday → black-friday.landinghero.app
• /summer-sale → summer-sale.landinghero.app
• /webinar → webinar-signup.landinghero.app

What happens when I update my LandingHero page?

Changes go live instantly. The proxy fetches the latest version from LandingHero, so your primary domain always shows the current page.

Do I need to redeploy my main site for updates?

No. That's the beauty of this setup. Update on LandingHero → Live everywhere. Your main site's deployment is only needed for the initial proxy setup.

Can I remove a campaign page?

Simply remove the proxy rule from your server config. Or keep the rule but unpublish from LandingHero.

Does this work with authenticated pages?

The proxy is best suited for public marketing pages. For authenticated experiences, consider embedding LandingHero pages or using our API.

Get Started

Ready to give your marketing team superpowers?

1. Create your first page at LandingHero.ai
2. Deploy to your landinghero.app subdomain
3. Set up the proxy using the guide above
4. Launch campaigns in minutes, not weeks

Your marketing team will thank you.

Have questions about setting up LandingHero on your domain? Contact our support team or check our documentation.