Generation Settings
Configure widget sets, output formats, fonts, and style presets for your page generation.
Before generating a page, you can customize several settings to control the output. These settings are accessible from the dashboard's generation controls and the right sidebar.
Widget Sets
The widget set determines which Elementor components the AI can use in your page.
Basic Widgets
Essential components for simple, clean layouts:
- Heading, Text Editor, Button, Image
- Section, Column, Container
- Form, Video, Icon
- Divider, Spacer
Best for: Simple pages, fast loading, compatibility with all Elementor versions.
Pro Widgets
Advanced components for richer, more interactive layouts:
- Everything in Basic, plus:
- Testimonial, Price Table, Price List
- Gallery, Slides, Animated Headline
- Accordion, Nested Accordion, Tabs
- Countdown, Counter, Progress Bar
- Flip Box, Blockquote, Icon List, Table of Contents
Best for: Feature-rich pages, portfolios, service pages, and marketing sites.
All Widgets
Combines both Basic and Pro widget sets, giving the AI maximum flexibility to choose the best components for your page.
Output Formats
TypenDrop supports two Elementor layout formats:
Legacy (Section/Column)
- Uses the classic Elementor section and column grid system
- Compatible with all Elementor versions
- Best for sites running Elementor versions before 3.6
- Recommended if you're unsure which format to use
Container (Flexbox)
- Uses the modern flexbox-based container system
- Requires Elementor 3.6 or newer with containers enabled
- More flexible layout options
- Better responsive behavior
- Recommended for new sites and modern setups
To check if your site supports containers: In WordPress, go to Elementor > Settings > Experiments and look for "Flexbox Container."
Style Configuration
The right sidebar offers three ways to style your pages:
Preset Styles
Choose from 13 professionally-designed themes:
| Preset | Description |
|---|---|
| Modern Minimal | Clean lines, neutral colors, sans-serif fonts |
| Dark Futuristic | Dark backgrounds, neon cyan accents, tech feel |
| Warm Earthy | Beige and brown tones, organic feel |
| Corporate Blue | Professional, trust-building blue palette |
| Vibrant Pop | Bold, colorful, energetic |
| Elegant Luxury | Gold accents, serif fonts, premium feel |
| Nature Fresh | Green tones, natural and clean |
| Sunset Gradient | Red and orange gradients, warm |
| Tech Startup | Indigo and pink, modern tech |
| Retro Vintage | Nostalgic, warm, textured |
| Glassmorphism | Frosted glass effects, semi-transparent |
| Neo-Brutalism | High contrast, bold borders, raw |
| Cyberpunk | Neon colors, glitch effects, futuristic |
Click any preset to apply it to your next generation.
Custom Style
Fine-tune every aspect of your page's appearance:
Colors:
- Primary color — Main brand color
- Secondary color — Supporting accent color
- Background color — Page background
- Text color — Body text color
- Accent color — Highlights and interactive elements
Typography:
- Headings font — Choose from 16 Google Fonts for titles and headings
- Body font — Choose from 16 Google Fonts for body text
Available fonts include: Inter, Roboto, Open Sans, Lato, Montserrat, Poppins, Playfair Display, Merriweather, Nunito, Oswald, DM Sans, Lora, Quicksand, Abril Fatface, Josefin Sans, and Orbitron.
Vibe (optional) — Add a short description like "playful and fun" or "serious and corporate" to guide the AI's design decisions.
You can also save your custom style as a preset for reuse across future generations.
Auto Style
Let the AI analyze your prompt and automatically select colors, fonts, and design direction. This is the easiest option — the AI picks a style that matches the content and purpose of your page.
Saving Custom Presets
If you've created a custom color and font combination you love:
- Set up your colors and fonts in Custom mode
- Click Save as Preset
- Give your preset a name
- It will appear alongside the built-in presets for future use
You can delete saved presets at any time from the style panel.