Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.fanfare.io/llms.txt

Use this file to discover all available pages before exploring further.

Early Access FeatureLanding Pages is currently in development. The core infrastructure is in place, and we are actively building the visual editor experience. This documentation reflects both current capabilities and planned functionality.

​
What are Landing Pages?

Landing Pages allow you to create dedicated, branded web pages for your experiences without needing a developer or existing website. Each landing page is automatically connected to an experience and includes the appropriate consumer-facing widgets (queue position, draw entry, auction bidding, etc.).

​
When to Use Landing Pages

ScenarioRecommendation
No existing websiteLanding Pages
Quick campaign launch (under 24 hours)Landing Pages
Event-specific one-off experiencesLanding Pages
Full brand control neededSDK Integration
Complex checkout flowSDK or Shopify App
Permanent storefront featureSDK Integration

​
Key Benefits

  • No code required - Visual editor for design and content
  • Instant deployment - Publish changes immediately
  • Experience integration - Widgets automatically configured for your distribution type
  • Mobile responsive - All templates adapt to any screen size
  • Brand consistent - Applies your organization’s brand theme

​
Landing Page Architecture

Landing pages in Fanfare are built on a flexible creative document system that supports multiple editor types and output formats. 
Organization Brand Theme
         ↓
    Experience Theme Overrides
         ↓
    Landing Page Creative Document
         ↓
    Rendered HTML (served to visitors)

​
Creative Document Model

Each landing page stores its design as a JSON document that includes:
  • Schema version - For renderer compatibility
  • Editor type - Which editor created the design (section builder, artboard, etc.)
  • Theme overrides - Page-specific brand customizations
  • Body content - The actual page structure and content
This architecture allows you to:
  • Start from templates and customize
  • Override organization branding per-page
  • Preview changes before publishing
  • Maintain draft and published versions

​
Current Capabilities

​
What Works Today

Database Infrastructure

Full schema support for landing pages with draft/published status, slugs, SEO metadata, and creative documents.

Creative Document System

Flexible JSON-based design storage that supports multiple editor types and theme inheritance.

Editor Prototypes

Multiple WYSIWYG editor variants in development: section builder, layered artboard, and more.

Theme Integration

Organization brand themes flow through to landing pages with per-page override support.

​
Coming Soon

Visual Editor

Drag-and-drop landing page builder integrated into the admin dashboard.

Template Gallery

Pre-built templates for product drops, raffles, auctions, and waitlists.

Custom Domains

Host landing pages on your own domain with SSL.

Analytics

Track page views, engagement, and conversion metrics.

​
How Landing Pages Relate to Experiences

Every landing page is connected to a single experience. The page automatically:
  1. Displays the appropriate widget - Queue, draw, auction, or timed release interface
  2. Inherits experience configuration - Timing, capacity, access rules
  3. Applies experience theme - Colors, fonts, and branding from experience settings
  4. Routes consumers correctly - Handles authentication and session management
Experience
├── Sequences (timing and phases)
├── Distributions (queue, draw, auction)
├── Theme settings
└── Landing Page ← connected
    ├── URL slug
    ├── Creative document
    ├── SEO metadata
    └── Publish status

​
Alternative Approaches

If Landing Pages don’t fit your needs, consider these alternatives:

​
SDK Integration

For full control over the consumer experience, use the Fanfare SDK to embed widgets directly in your existing website or application. 
import { FanfareProvider, ExperienceWidget } from "@waitify-io/fanfare-sdk-react";

function App() {
  return (
    <FanfareProvider config={{ organizationId: "...", publishableKey: "..." }}>
      <ExperienceWidget experienceId="exp_..." />
    </FanfareProvider>
  );
}

​
Shopify Integration

For Shopify stores, the Fanfare Shopify App provides native integration without code.

​
Next Steps

Getting Started

Create your first landing page

Customization

Brand and style your pages

Templates

Browse available templates

SDK Alternative

Build custom integrations instead