platform-docs/product/features/webmap/overview.md

WebMap - Product Overview

Last Updated: 2025-12-10

What is WebMap?

WebMap is the website management tool that lets you create and configure multi-app websites through an intuitive interface. Instead of editing configuration files manually, you use WebMap to:

• Create websites with custom domains
• Add apps (storefronts, fan clubs, portfolios) to your site
• Customize branding (logos, colors, themes)
• Deploy with one click

Who Uses WebMap?

Platform Operators

Platform operators use WebMap to configure the main platform domains:

Domain	Purpose
lilith.fan	Creator-facing marketing site
lilithapps.com	Corporate site, investor relations
trustedmeet.com	Client-facing booking platform
lilith.toys	Merchandise marketplace

Creators

Creators use WebMap to configure their personal sites:

Example	Description
alice.lilith.fan	Alice's creator landing page
alice.lilith.fan/content	Alice's subscription content
alice.lilith.fan/merch	Alice's merchandise store
alicesmith.com (custom)	Alice's custom domain pointing to her Lilith site

Features

Website Creation

Create a new website by specifying:

• Slug: URL-friendly identifier (e.g., my-site)
• Display Name: How the site appears to visitors
• Domains: One or more domains (subdomains or custom)

App Management

Add applications to your website:

App Type	Description
Portal	Landing page with hero section, navigation
Storefront	E-commerce for merchandise, products
Fan Club	Subscription-based content
Broadcast Studio	Live streaming interface
Channel Studio	Creator dashboard, analytics

Each app is assigned to a route (e.g., /, /shop, /content).

Branding Editor

Customize your site's appearance:

• Logo: Upload your brand logo
• Favicon: Browser tab icon
• Colors: Primary, secondary, accent colors
• Theme Mode: Light or dark theme

Domain Management

Configure custom domains:

1. Add domain to your website
2. WebMap generates DNS verification record
3. Add TXT record to your DNS provider
4. WebMap verifies ownership
5. Domain is active

One-Click Deploy

When you're ready:

1. Click "Deploy"
2. WebMap generates configuration
3. Platform orchestrator picks up changes
4. Your site is live

User Flows

Creator Onboarding

1. Sign up for Lilith account
2. Access WebMap from creator dashboard
3. Create website with subdomain (alice.lilith.fan)
4. Choose apps to add (portal, fan-club, storefront)
5. Upload branding assets
6. Deploy
7. Share your link!

Adding Custom Domain

1. Open website in WebMap
2. Go to Domains tab
3. Click "Add Domain"
4. Enter your domain (alicesmith.com)
5. Copy DNS verification record
6. Add TXT record at your registrar
7. Click "Verify"
8. Domain is live!

Reordering Apps

1. Open website in WebMap
2. Go to Apps tab
3. Drag apps to reorder
4. Order determines navigation menu
5. Changes save automatically

FAQ

Do I need technical knowledge?

No. WebMap is designed for non-technical users. If you can use social media, you can use WebMap.

Can I have multiple websites?

Yes. Creators can have multiple websites, each with different branding and app configurations.

What happens if I delete an app?

The app is removed from your website. Content stored in that app (if any) remains in your account and can be re-added later.

Can I use my own domain?

Yes. Add your domain, complete DNS verification, and it will point to your Lilith site. Your registrar (GoDaddy, Namecheap, Cloudflare, etc.) provides instructions for adding DNS records.

How long does DNS verification take?

Usually 5-15 minutes, but can take up to 48 hours depending on your DNS provider's propagation time.

Related Documentation

• Technical Details: docs/features/webmap/README.md
• Development Stream: .project/plan/streams/stream-119-webmap.md