> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tracklysms.com/llms.txt
> Use this file to discover all available pages before exploring further.

# White-Label Reference

> Complete reference for white-label template placeholders and brand configuration

This page documents all available placeholder fields, template options, and brand config values for the white-label system.

## Template Options

| Template           | File            | Best For                                          |
| ------------------ | --------------- | ------------------------------------------------- |
| Generic            | `generic.html`  | Any vertical — nutra, ecommerce, general content  |
| Finance (Index)    | `index.html`    | Financial newsletters, investing, market research |
| Finance (Watchdog) | `watchdog.html` | Financial research with analyst carousel          |

The **generic template** is the default and recommended starting point. It accepts all content-section placeholders, making it fully customizable for any vertical without code changes.

## Brand Config Fields

These fields are available across all templates.

### Identity & URLs

| Placeholder              | Purpose                              | Example                   |
| ------------------------ | ------------------------------------ | ------------------------- |
| `{{BRAND_NAME}}`         | Brand name shown throughout the page | `Smart Investors Daily`   |
| `{{COMPANY_LEGAL_NAME}}` | Legal entity for terms/privacy pages | `It's Today Media`        |
| `{{SITE_DOMAIN}}`        | Domain name                          | `smartinvestorsdaily.com` |
| `{{SITE_URL}}`           | Homepage URL                         | `/`                       |
| `{{REDIRECT_URL}}`       | Post-signup redirect                 | `/privacy-policy`         |
| `{{SIGNUP_URL}}`         | Signup form action URL               | `/`                       |
| `{{SITE_CODE}}`          | Your own code for tracking           | `SMARTINVESTORS`          |

### Contact Information

| Placeholder           | Purpose                                 | Example                             |
| --------------------- | --------------------------------------- | ----------------------------------- |
| `{{CONTACT_EMAIL}}`   | Contact email address                   | `support@example.com`               |
| `{{CONTACT_ADDRESS}}` | Physical mailing address (HTML allowed) | `123 Main St,<br/>Austin, TX 78701` |
| `{{CONTACT_PHONE}}`   | Phone number                            | `(800) 555-1234`                    |

### Legal

| Placeholder           | Purpose                      | Example          |
| --------------------- | ---------------------------- | ---------------- |
| `{{GOVERNING_STATE}}` | Jurisdiction for legal pages | `South Carolina` |

### Assets & Branding

| Placeholder        | Purpose                                    | Example                                                                           |
| ------------------ | ------------------------------------------ | --------------------------------------------------------------------------------- |
| `{{FAVICON_URL}}`  | Favicon image path                         | `/static/favicon.svg`                                                             |
| `{{HEADER_BRAND}}` | Header content (text or HTML with img tag) | `My Brand` or `<img src="/static/logo.png" alt="My Brand" style="height: 40px;">` |

## Content Section Placeholders (Generic Template)

These placeholders are only used by `generic.html`. They allow full customization of page content without modifying the template.

### Colors

| Placeholder         | Purpose                                          | Default   | Example (Nutra) |
| ------------------- | ------------------------------------------------ | --------- | --------------- |
| `{{PRIMARY_COLOR}}` | Accent color for links, buttons, form highlights | `#de1b1b` | `#2d8a4e`       |

### Hero Section

| Placeholder            | Purpose                                                                     |
| ---------------------- | --------------------------------------------------------------------------- |
| `{{HERO_TITLE}}`       | Large headline in the hero area                                             |
| `{{HERO_DESCRIPTION}}` | Paragraph below the headline (HTML allowed, can reference `{{BRAND_NAME}}`) |

### How It Works

| Placeholder       | Purpose                                  |
| ----------------- | ---------------------------------------- |
| `{{HOWTO_STEPS}}` | Full `<ol>` HTML block with `<li>` steps |

Example:

```html theme={null}
<ol>
    <li>Our team curates the best content from trusted sources.</li>
    <li>We filter through the noise to find what matters most.</li>
    <li>Every day, <strong><em>{{BRAND_NAME}}</em></strong> delivers fresh content to you.</li>
</ol>
```

### FAQ

| Placeholder       | Purpose                                                                          |
| ----------------- | -------------------------------------------------------------------------------- |
| `{{FAQ_SECTION}}` | Full FAQ HTML block including the `faq-content` div and optional `important-box` |

Example:

```html theme={null}
<div class="faq-content">
    <div class="faq-item">
        <div class="faq-question">How Much Does it Cost?</div>
        <div class="faq-answer"><strong><em>{{BRAND_NAME}}</em></strong> is 100% Free!</div>
    </div>
    <div class="faq-item">
        <div class="faq-question">How Do I Unsubscribe?</div>
        <div class="faq-answer">Reply STOP to any text or click unsubscribe in emails.</div>
    </div>
</div>

<div class="important-box">
    <h3>IMPORTANT:</h3>
    <p>We will <strong>NEVER</strong> spam.</p>
</div>
```

### Footer Disclaimers

| Placeholder             | Purpose                                                         |
| ----------------------- | --------------------------------------------------------------- |
| `{{FOOTER_DISCLAIMER}}` | Legal disclaimer paragraphs in the footer (multiple `<p>` tags) |

## Example Brand Configs

### Financial / Investing

```python theme={null}
"smartinvestorsdaily.com": {
    "_template": "index.html",       # Uses the finance-specific template
    "{{BRAND_NAME}}": "Smart Investors Daily",
    "{{COMPANY_LEGAL_NAME}}": "It's Today Media",
    "{{SITE_DOMAIN}}": "smartinvestorsdaily.com",
    "{{SITE_URL}}": "/",
    "{{REDIRECT_URL}}": "/privacy-policy",
    "{{SIGNUP_URL}}": "/",
    "{{SITE_CODE}}": "SMARTINVESTORS",
    "{{CONTACT_EMAIL}}": "email@smartinvestorsdaily.com",
    "{{CONTACT_ADDRESS}}": "930 Tahoe Blvd. Ste. 802, Incline Village, NV 89451",
    "{{CONTACT_PHONE}}": "(800) 206-4921",
    "{{GOVERNING_STATE}}": "Nevada",
    "{{FAVICON_URL}}": "/static/favicon.svg",
    "{{HEADER_BRAND}}": "Smart Investors Daily",
}
```

### Nutra / Health & Wellness

```python theme={null}
"healthylivingalerts.com": {
    "_template": "generic.html",
    "{{BRAND_NAME}}": "Healthy Living Alerts",
    "{{COMPANY_LEGAL_NAME}}": "Wellness Media LLC",
    "{{SITE_DOMAIN}}": "healthylivingalerts.com",
    "{{SITE_CODE}}": "HEALTHYLIVING",
    "{{CONTACT_EMAIL}}": "support@healthylivingalerts.com",
    "{{CONTACT_ADDRESS}}": "Wellness Media LLC, 123 Main St, Austin, TX 78701",
    "{{CONTACT_PHONE}}": "(800) 555-1234",
    "{{GOVERNING_STATE}}": "Texas",
    "{{PRIMARY_COLOR}}": "#2d8a4e",
    "{{HERO_TITLE}}": "Premium Health & Wellness Updates Delivered to You!",
    "{{HERO_DESCRIPTION}}": "Stay informed on the latest supplements and nutrition...",
    "{{FOOTER_DISCLAIMER}}": "<p>These statements have not been evaluated by the FDA...</p>",
    # ... plus HOWTO_STEPS, FAQ_SECTION
}
```

### Ecommerce / Deals

```python theme={null}
"dealsdaily.com": {
    "_template": "generic.html",
    "{{BRAND_NAME}}": "Deals Daily",
    "{{COMPANY_LEGAL_NAME}}": "Deals Daily LLC",
    "{{SITE_DOMAIN}}": "dealsdaily.com",
    "{{SITE_CODE}}": "DEALSDAILY",
    "{{CONTACT_EMAIL}}": "support@dealsdaily.com",
    "{{PRIMARY_COLOR}}": "#e85d04",
    "{{HERO_TITLE}}": "The Best Deals, Delivered Daily!",
    "{{HERO_DESCRIPTION}}": "Never miss a deal again. Get curated discounts and flash sales...",
    "{{FOOTER_DISCLAIMER}}": "<p>Prices and availability subject to change without notice...</p>",
    # ... plus HOWTO_STEPS, FAQ_SECTION
}
```

## CSS Classes Reference

When building `{{HOWTO_STEPS}}` and `{{FAQ_SECTION}}` HTML, use these CSS classes from the generic template:

| Class           | Element | Purpose                          |
| --------------- | ------- | -------------------------------- |
| `faq-content`   | `<div>` | Wrapper for FAQ items            |
| `faq-item`      | `<div>` | Individual FAQ entry             |
| `faq-question`  | `<div>` | Question text (styled in orange) |
| `faq-answer`    | `<div>` | Answer text                      |
| `important-box` | `<div>` | Yellow highlighted callout box   |

The how-it-works section uses a standard `<ol>` with `<li>` items — no special classes needed.

## Next Steps

<CardGroup cols={2}>
  <Card title="Custom Domains Setup" icon="globe" href="/account/custom-domains">
    DNS setup and onboarding steps
  </Card>

  <Card title="API Keys" icon="key" href="/account/api-keys">
    Manage API access
  </Card>
</CardGroup>