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

# Visual HTML Email Template Editor

> Drag-and-drop real estate layout blocks, turnkey property templates, dynamic merge variables, and responsive mobile preview.

## Visual Real Estate Email Design

Real estate email marketing demands high visual polish: crisp architectural renderings, clear floor plan cut-sheets, transparent pricing tables, and prominent call-to-action buttons. The BrokerOS **Template Editor** empowers marketing teams to construct responsive emails and newsletters without writing raw HTML.

Integrated with a turnkey real estate template library and dynamic CRM merge variables, emails automatically adapt to recipient preferences and screen dimensions.

***

## Template Composition Pipeline

```mermaid theme={null}
sequenceDiagram
    autonumber
    participant Marketer as Marketing Designer
    participant Studio as Template Studio
    participant Merge as Dynamic Merge Engine
    participant Preview as Mobile / Desktop Simulator

    Marketer->>Studio: Select Base Template (Project Launch / Price Revision)
    Marketer->>Studio: Assemble Layout Blocks (Hero, Grid, Pricing, CTA)
    Marketer->>Studio: Inject Merge Tags ({{lead.firstName}}, {{project.name}})
    Studio->>Preview: Toggle Desktop View (Full-Width Responsive Layout)
    Studio->>Preview: Toggle Mobile View (Stacked Single-Column Layout)
    Preview-->>Marketer: Confirm Clean Typography & Thumb-Friendly Button Targets
    Marketer->>Studio: Save Template to Central Brokerage Catalog
```

***

## Turnkey Real Estate Template Catalog

BrokerOS includes production-ready HTML templates designed for property sales workflows:

| Template Name | Design Architecture | Primary Marketing Objective |
| :- | :- | :- |
| **Project Launch** | Full-bleed hero banner, amenities grid, unit typology table, and VIP RSVP button. | Introducing brand-new developments or phase openings to investor databases. |
| **Price Drop & Payment Plan** | High-contrast callout box displaying pre-launch savings and construction-linked payment milestones. | Decision acceleration for warm leads and previous site visit attendees. |
| **Site Visit Invitation** | Integrated map card, sales lounge address, GPS directions shortcut, and calendar invite. | Converting online inquiries into physical property tours. |
| **Channel Partner Scheme** | Commission slabs (for example, 2.5% to 4.0%), broker contest incentives, and sourcing manager contacts. | Broadcasting B2B broker incentives across external CP networks. |

***

## Modular Real Estate Content Blocks

The editor provides modular blocks tailored to luxury and commercial real estate presentations:

> **Hero Render Banner**
>
> Full-width architectural rendering banner featuring the development title, neighborhood, and starting price.

> **Two-Column Amenities Grid**
>
> Highlights clubhouses, fitness pavilions, swimming pools, co-working lounges, and private green parks.

> **Floor Plan Showcase**
>
> Side-by-side comparison of 2-bedroom vs 3-bedroom unit typologies with expandable cut-sheet downloads.

> **Price & Subvention Badge**
>
> High-contrast callout box displaying pre-launch pricing advantages and milestone payment schemes.

> **Primary Action Button**
>
> Large, thumb-friendly call-to-action button: `[ Schedule Private Site Visit ]`.

> **Compliance Footer**
>
> Statutory regulatory registration number, official project website link, and mandatory unsubscribe controls.

***

## Dynamic CRM Merge Tags

Personalize email copy using double curly braces to tailor content for each individual recipient:

| Merge Tag | Populated Value | Example Output |
| :- | :- | :- |
| `{{lead.firstName}}` | Lead First Name | *"Alice"* |
| `{{project.name}}` | Property Title | *"Skyline Residences"* |
| `{{project.locality}}` | City & Neighborhood | *"Downtown Financial District"* |
| `{{project.startingPrice}}` | Base Starting Price | *"\$750,000"* |
| `{{advisor.name}}` | Dedicated Sales Executive | *"John Doe"* |
| `{{advisor.phone}}` | Representative Direct Number | *"+1 555-019-2831"* |
| `{{unsubscribe_url}}` | One-Click Unsubscribe Link | *Required compliance link* |

***

## Responsive Mobile-First Rendering

Because the majority of homebuyers review promotional emails on mobile devices:

* All generated HTML employs fluid tables and CSS media queries.
* Multi-column desktop grids stack into a clean single-column sequence on mobile viewports.
* Call-to-action buttons span full width on small screens for easy single-thumb interaction.
* The editor includes an interactive **Mobile Simulator** to test readability and visual hierarchy before launching.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.