Publishing Landing Pages

Once you've created and customized your landing page, it's time to make it live. Learn how to publish pages, connect custom domains, and manage your published content.

Publishing Basics

What Happens When You Publish?

When you publish a landing page:

1. Static Generation: Page is pre-rendered for fast loading
2. CDN Distribution: Deployed to global edge network
3. SSL Certificate: Automatic HTTPS enabled
4. URL Assignment: Page becomes accessible at chosen domain + slug
5. Analytics Tracking: Visitor tracking automatically enabled (coming soon)
6. SEO Optimization: Meta tags and sitemaps generated

Speed: Published pages load in ~200ms globally!

Published vs Unpublished

You can edit published pages - changes apply immediately!

Quick Start: Publishing Your First Page

Step 1: Prepare Your Page

Before publishing, ensure:

• ✅ Content is finalized (text, images, CTAs)
• ✅ Design system matches your brand
• ✅ All links and buttons work correctly
• ✅ Mobile layout looks good
• ✅ Forms are connected (if applicable)

Step 2: Choose Your Domain

Option A: Use Fly Super Subdomain

• Format: yourpage.flysuper.com
• Instant setup, no configuration
• Free with all plans
• Good for testing and quick launches

Option B: Connect Custom Domain

• Your own domain (e.g., www.yourdomain.com)
• Requires domain setup (see Custom Domains section)
• Professional, branded URL
• Required for serious campaigns

Step 3: Set Your URL Slug

The slug is the path part of your URL:

https://yourdomain.com/[slug-here]

Slug best practices:

• Use hyphens, not underscores: product-launch not product_launch
• Keep it short and memorable: pricing not pricing-page-for-customers
• Include keywords for SEO: saas-project-management not page-123
• Avoid special characters: only letters, numbers, hyphens
• Make it descriptive: webinar-signup not signup

Examples:

• ✅ Good: ai-writing-tool, summer-sale-2024, demo-request
• ❌ Bad: page1, new_page, landing-page-123

Step 4: Click Publish

1. Open your landing page in the editor
2. Click "Publish" button in the top right
3. Choose domain (custom or Fly Super subdomain)
4. Enter your slug
5. Click "Publish Now"

Your page is now live! 🎉

Managing Published Pages

Viewing Published Pages

From the landing pages list:

• Published indicator: Green badge shows "Published"
• URL shown: Click to visit live page
• Quick actions: Copy URL, unpublish, edit

Editing Published Pages

Published pages can be edited anytime:

1. Open the published page in the editor
2. Make your changes (Preview, Edit, or Design Mode)
3. Changes are automatically saved
4. Cache refresh: Updates appear within 30 seconds

Note: No need to "republish" - edits go live automatically!

Unpublishing Pages

To take a page offline:

1. Open the landing page
2. Click "Unpublish" button
3. Confirm the action
4. Page is immediately removed from public access

What happens:

• Page returns to draft status
• Public URL returns 404 (not found)
• Page remains in your account for re-publishing later
• Analytics data is preserved

Duplicating Published Pages

To create variations (A/B testing):

1. Find the published page in your list
2. Click "Duplicate"
3. New copy is created (unpublished)
4. Edit the duplicate
5. Publish to a different slug

Use case: Create product-launch and product-launch-v2 to test different approaches!

Custom Domains

Overview

Connect your own domain to publish landing pages with branded URLs:

https://www.yourdomain.com/your-slug

Benefits:

• Professional, branded URLs
• Better trust and credibility
• Improved SEO with your domain authority
• Consistent customer experience

Adding a Custom Domain

Step 1: Navigate to Domains

1. Click Domains in the sidebar
2. Click "Add Domain"
3. Enter your domain (e.g., www.yourdomain.com)

Step 2: Configure DNS

You'll need to add DNS records at your domain registrar (GoDaddy, Namecheap, Cloudflare, etc.):

For Root Domain (e.g., yourdomain.com):

Type: A
Name: @
Value: 76.76.21.21

For Subdomain (e.g., www.yourdomain.com):

Type: CNAME
Name: www
Value: cname.vercel-dns.com

Step 3: Verify Domain

1. After adding DNS records, click "Verify" in Fly Super
2. Verification usually takes 5-60 minutes
3. SSL certificate is automatically generated (takes up to 24 hours)
4. Domain shows "Active" when ready

Step 4: Publish to Your Domain

1. Edit or create a landing page
2. Click "Publish"
3. Select your custom domain from dropdown
4. Enter slug
5. Page is now live at yourdomain.com/slug

Multiple Domains

You can add multiple domains to your organization:

• Different brands: brand1.com, brand2.com
• Subdomains: app.yourdomain.com, marketing.yourdomain.com
• Regional: uk.yourdomain.com, us.yourdomain.com

Each landing page can be published to any of your connected domains!

Domain Management

Removing Domains

1. Navigate to Domains
2. Click domain to remove
3. Click "Remove Domain"
4. Confirm (all pages on this domain will become inaccessible)

Changing Domain for Published Page

1. Open the published page
2. Click "Unpublish"
3. Click "Publish" again
4. Select different domain

Troubleshooting Domains

"Domain verification failed"

• DNS records can take up to 48 hours to propagate
• Double-check record values (exact match required)
• Remove any conflicting existing records
• Use DNS checker tool: whatsmydns.net

"SSL certificate pending"

• Certificates can take up to 24 hours
• Page will show "Not Secure" warning during this time
• Wait for "Active" status in Domains panel

"Domain not working"

• Ensure DNS records are correct
• Clear your browser cache
• Try incognito/private browsing mode
• Check domain status in Fly Super (should show "Active")

"Redirecting to wrong page"

• Check no other CDN/proxy in front (Cloudflare proxy, etc.)
• Verify slug is unique (no duplicate slugs on same domain)
• Clear Fly Super cache (unpublish/republish page)

SEO and Performance

SEO Optimization

Published pages automatically include:

Meta Tags

• Title tag (from page headline or custom)
• Meta description (auto-generated from content)
• Open Graph tags (for social sharing)
• Twitter Card tags (for Twitter previews)

Performance

• Static generation for instant loading
• Image optimization (automatic compression and lazy loading)
• Minified HTML, CSS, JS
• Global CDN distribution

Best Practices

• Use descriptive, keyword-rich slugs
• Include keywords in headlines (H1)
• Write compelling meta descriptions (155 characters)
• Use alt text for images
• Ensure fast page load (under 3 seconds)

Custom Meta Tags

Coming Soon: Ability to customize:

• Page title (for SEO)
• Meta description
• Social sharing images (OG image)
• Favicon
• Schema markup (structured data)

Performance Tips

1. Optimize Images: Upload compressed images (use tools like TinyPNG)
2. Limit Components: More components = larger page size
3. Avoid Heavy Videos: Use compressed videos or YouTube embeds
4. Minimize Custom CSS: Complex CSS increases load time
5. Test Speed: Use PageSpeed Insights or GTmetrix

Target metrics:

• Load time: < 3 seconds
• First Contentful Paint: < 1.8 seconds
• Largest Contentful Paint: < 2.5 seconds

Analytics and Tracking

Built-in Analytics

Coming Soon: Fly Super includes built-in analytics for published pages:

• Page views: Total visits and unique visitors
• Traffic sources: Where visitors come from
• Conversion tracking: Form submissions, button clicks
• Device breakdown: Mobile vs desktop vs tablet
• Geographic data: Visitor locations
• Engagement: Time on page, scroll depth

Adding Custom Tracking

Google Analytics Add your GA tracking code via custom JavaScript (coming soon):

<!-- Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'GA_MEASUREMENT_ID');
</script>

Facebook Pixel Track conversions and build audiences:

<!-- Facebook Pixel -->
<script>
  !function(f,b,e,v,n,t,s){...}
  fbq('init', 'YOUR_PIXEL_ID');
  fbq('track', 'PageView');
</script>

Other Platforms

• LinkedIn Insights
• Twitter Ads
• TikTok Pixel
• Reddit Pixel

Publishing Workflow

Recommended Process

For New Campaigns

1. Create page (AI generation or from scratch)
2. Customize content (Edit Mode)
3. Apply branding (Design Mode)
4. Test on devices (Mobile, tablet, desktop)
5. Review all CTAs (Ensure links work)
6. Set up domain (If using custom domain)
7. Choose slug (SEO-friendly)
8. Publish page
9. Test live URL
10. Share with team/customers

For Updates to Existing Pages

1. Open published page (in editor)
2. Make changes (any mode)
3. Preview changes (in editor)
4. Save (automatic)
5. Test live URL (changes appear in ~30 seconds)

For A/B Testing

1. Duplicate page (create variation)
2. Make changes (to variation only)
3. Publish to different slug (e.g., -v2)
4. Create A/B test link (in Links section - see Links guide)
5. Split traffic (50/50 or custom weights)
6. Track performance (compare conversion rates)

Cache Management

How Caching Works

Published pages are cached globally for speed:

• Edge cache: 60 seconds (Vercel CDN)
• Browser cache: 5 minutes (user's browser)
• Updates: Automatic cache invalidation on save

When Cache is Cleared

Automatically cleared when:

• You save changes to the page
• You unpublish/republish
• You change the domain or slug

Manual Cache Refresh

If changes aren't appearing:

1. Unpublish the page
2. Wait 10 seconds
3. Publish again

Or use hard refresh in browser:

• Windows/Linux: Ctrl + Shift + R
• Mac: Cmd + Shift + R

Best Practices

Pre-Launch Checklist

Before publishing, verify:

• All text is proofread (no typos)
• All images have alt text
• All buttons link to correct destinations
• Forms are working (test submission)
• Mobile layout looks good
• Page loads quickly (< 3 seconds)
• Brand colors and fonts are correct
• CTAs are clear and compelling
• Contact information is correct
• Legal links work (privacy policy, terms)

Post-Launch Checklist

After publishing:

• Visit live URL to confirm
• Test all links and buttons
• Submit test form (if applicable)
• Check mobile version on real device
• Test in multiple browsers (Chrome, Safari, Firefox)
• Share URL with team for review
• Set up tracking/analytics
• Monitor initial performance

Ongoing Maintenance

• Weekly: Check analytics, review form submissions
• Monthly: Update content if needed, refresh testimonials
• Quarterly: A/B test new variations, optimize for conversions
• Yearly: Refresh design to stay current

Advanced: Staging Environments

Coming Soon: Publish to staging URLs for testing before going live:

• Staging URL: staging-yourpage.flysuper.com
• Production URL: www.yourdomain.com/yourpage

Test changes on staging before updating production!

What's Next?

• Forms - Add forms to capture leads
• Links - Create A/B tests for your pages
• Domains - Detailed domain setup guide

Quick Reference

Pro Tip: Always test your landing page on staging (or preview URL) before publishing to a production domain. This prevents embarrassing typos or broken links from going live!