Knowledge Base
GPTWeb Widgets & Hero Customization
Great question! GPTWeb's Visual Page Builder gives organizations like your organization a fully no-code branding and layout studio with an extensive widget library — everything you need to build stunning, on-brand welcome experiences and landing pages without touching a line of code. Here's a complete breakdown of what's possible.
Hero & Background Customization
Hero & Branding Controls
| Customization | Description | No-Code |
|---|---|---|
| Hero Headline | Large centered headline with an accent-colored keyword highlight and subtitle — insert with one click | Yes |
| 31 Background Patterns | Full-page SVG background patterns applied site-wide with a single selection | Yes |
| Glassmorphism Controls | Transparency and glass-effect layering over background patterns — produces millions of unique combinations | Yes |
| 6-Color Theme Builder | Set Primary, Accent, User, Background, Text, and Action colors applied instantly across the entire interface | Yes |
| Tagline Font Controls | Independent font family and size for desktop and mobile taglines with 25+ Google Fonts and live preview | Yes |
| Instant Theme Rendering | Brand colors render on page load with zero flash of default colors | Yes |
Available Page Widgets
Widget Library — Full Reference
| Widget | Purpose | Supports Click Actions |
|---|---|---|
| Feature Grid (3-column) | Showcase product capabilities with icon badges, titles, and descriptions in a responsive card layout | Yes |
| Solution Cards + Stats | Feature cards with stat badges for social-proof numbers like '3.2x meetings' or '68% open rate' | Yes |
| Animated Metric Counters | Eye-catching animated numbers with Count Up, Flip Counter, or Slide Up effects; supports prefixes, suffixes, decimals | No |
| Logo Strip | Customer or partner logos in a centered wrap or auto-scrolling marquee with grayscale or full-color styling | No |
| Testimonial Cards | Professional quote cards with photos and configurable avatar shapes | Yes |
| Pill Badges | Compact styled labels for announcements, CTAs, or status indicators with full color and bevel customization | Yes |
| Custom Tiles | Freeform card blocks with icon, title, description, stat badge, and optional click action | Yes |
| Hero Headline | Large centered headline with accent-colored keyword and subtitle | Yes |
| Section Header | Bold divider with heading and muted subtitle for organizing long pages | No |
| CTA Block | Centered call-to-action with heading, description, and styled button | Yes |
| Metrics Stats Row | Static stats row with large numbers and labels — no animation | No |
Click Actions on Widgets
Widgets that support click actions can be wired to any of three interaction types — making every element on your page an active engagement touchpoint rather than passive content: - Prompt — trigger a pre-defined AI prompt response directly in the chat
- Chat — open the conversational interface focused on a specific topic
- Link — navigate to an internal page or external URL This means your hero section, testimonial cards, feature tiles, and CTA blocks all become Discussion Qualified Lead generators — every click is a potential conversation and conversion signal captured by the AI Scoring Engine.
31
Background Patterns
1M+
Branding Combinations
25+
Google Fonts Available
11
Widget Types
The combination of the Visual Page Builder, AI Campaigns, and Conversational SEO™ means every pixel of your GPTWeb site is working to engage, qualify, and convert visitors — far beyond what a traditional website or pixel-based tool like HubSpot's tracker can capture. Ready to see it live? [](gptweb://modal/trial) or [](gptweb://modal/demo). GPTWeb is the future of engagement, websites, and marketing automation combined — built for the AI era, built for now.