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

# Elementor Templates

> Import your Elementor templates so AI-generated content matches your existing site design.

WisePilot can import your existing Elementor templates and use them as the visual foundation for generated pages. This ensures AI-generated content looks native to your site — not like it was bolted on.

## Why Templates Matter

Without templates, WisePilot generates content in a generic layout. With your templates imported, the generated content uses your site's:

* Container structure (columns, grids, flexbox)
* Widget styling (heading sizes, body fonts, button styles)
* Section backgrounds and spacing
* Design patterns (hero layouts, card grids, testimonial blocks)

The result is content that looks like it was built in Elementor by your designer.

## Importing Templates

### Option A: Upload an Elementor Kit (Recommended)

1. Navigate to **Settings → Website**
2. Upload your Elementor kit (`.zip` file exported from Elementor → Kit Library)
3. WisePilot automatically:
   * Unpacks the kit to cloud storage
   * Extracts all templates into the template library
   * Runs AI classification on each template (role, content shape, best uses)
   * Generates layout profiles for every page type

No manual steps needed after upload — the full pipeline runs automatically.

### Option B: Import Individual Templates

1. Navigate to **Tools → Templates**
2. Click **Import Template**
3. Upload an Elementor template export file (JSON format)
   * In Elementor: go to Templates → Saved Templates → Export
   * This gives you a `.json` file containing the template's full structure
4. WisePilot parses the template and shows a preview of the detected sections
5. Confirm the import

### What Gets Imported

* **Container structure** — Sections, columns, inner containers
* **Widget types** — Headings, text, images, buttons, icons, etc.
* **Styling** — Colors, fonts, spacing, backgrounds, borders
* **Section roles** — Each section is classified by its function (hero, features, CTA, etc.)

## Template Classification

After import, WisePilot automatically classifies each section by role:

| Classification   | Detected Pattern                                                       |
| ---------------- | ---------------------------------------------------------------------- |
| **Hero**         | Full-width section with heading + subheading + button + optional image |
| **Features**     | Card grid or icon list with repeating structure                        |
| **Testimonials** | Quote blocks with author info                                          |
| **CTA**          | Button-focused section with headline and subheadline                   |
| **Content/Body** | Text-heavy section with headings and paragraphs                        |
| **Stats**        | Number blocks or counter widgets                                       |
| **Logos**        | Image grid without text content                                        |
| **FAQ**          | Accordion or toggle widgets                                            |

Classification determines which template is used for each section type during page generation.

### Correcting Classification

If a section is misclassified:

1. Click the section in the template detail view
2. Select the correct role from the dropdown
3. Save — the corrected classification is used for all future generations

## Using Templates in Generation

When you generate a [commercial page](/content-creation/commercial-pages) or [brief](/content-creation/brief-wizard):

1. The outline step assigns a section type to each page section
2. WisePilot matches each section type to the best-fitting template section
3. Generated copy is structured to fill the template's slots (headline, body, card items, button text)
4. The output is Elementor JSON using your template's container structure and styling

### Slot Mapping

Template widgets map to content slots:

| Widget Type          | Content Slot     | Example                             |
| -------------------- | ---------------- | ----------------------------------- |
| Heading (H1)         | Section headline | "Grow Revenue 3x Faster"            |
| Heading (H2)         | Subheadline      | "Without hiring a bigger team"      |
| Text Editor          | Body copy        | Paragraph content                   |
| Button               | CTA button       | "Start Free Trial"                  |
| Image                | Section image    | AI-generated hero image             |
| Icon Box (repeating) | Feature cards    | Icon + title + description per card |

## Section Preview

Navigate to **Tools → Section Preview** to see how each imported template section renders with sample content. This helps you:

* Verify templates are correctly classified
* Check that slot mapping looks right (headline in the right place, body text flowing correctly)
* Identify templates that need manual classification correction

## Converter

The **Tools → Converter** is a standalone tool that takes a content outline and converts it to Elementor JSON using your imported templates.

This is useful for workflows where you want to:

1. Generate content in WisePilot (copy + images)
2. Export as Elementor JSON
3. Import into Elementor for final layout adjustments
4. Publish from Elementor directly

The converter handles the template matching and slot filling automatically.