Complete Content Editor Demonstration - All Available Options
Heidi Team
March 3, 2026•7 min read
Summary
This page is a complete, no-nonsense demo of every formatting option and custom block in the Heidi CMS. It walks you through text styles, layouts, media, stats, quotes, tables, forms, and CTAs so you can build clear, engaging content without extra effort. Use it as a confident reference when you’re under time pressure and need to know what’s possible at a glance. Every example is designed to support your work while keeping the human story front and centre.
Complete Content Editor Demonstration
This page demonstrates every available formatting option and custom block type available in the content editor. Use this as a reference guide when creating content.
Text Formatting Options
Basic Text Styles
This paragraph demonstrates bold text, italic text, underlined text, strikethrough text, and inline code. You can also combine styles like bold and italic together.
This is an inline quote block. It's perfect for shorter quotes that flow with the content. The inline style integrates smoothly into the page layout.
Structured Quote - Callout Layout
This is a callout quote block. It stands out more prominently from the surrounding content and is ideal for testimonials or important statements that deserve extra emphasis.
Image Block
Note: Image blocks require an actual image file. The alt text and caption are set on the image asset itself, not in the block structure.
Video Block
FAQ Accordion
This is a comprehensive demonstration of all available content formatting options and custom blocks in the CMS.
HubSpot Form
Demo Contact Form
HubSpot Meeting Scheduler
Schedule a Demo Meeting
Custom HTML Block
Custom HTML Example
This is a custom HTML block that allows editors to embed custom code.
Image Size Variations
The image block supports multiple size options to control how images display within your content. Each size serves a different purpose and use case.
Small Size (200px)
Small images are perfect for thumbnails, icons, or inline graphics that shouldn't dominate the content flow.
Medium Size (50% width)
Medium images take up half the content width, ideal for standard illustrations that support your text without overwhelming it.
Large Size (75% width)
Large images are great for featured visuals that deserve prominence while maintaining some breathing room in the layout.
Full Width
Full width images fill the entire content container. Use these for hero images, diagrams, or screenshots that need maximum impact and detail visibility.
Stats Grid Layout Variations
Stats grids can be displayed in multiple layouts and background variants to match your content needs.
Centered Layout with Sand Background
250%
Average productivity increase reported by users
100%
HIPAA and SOC 2 compliance maintained
1M+
Patient interactions processed securely
4.9/5
Average user satisfaction rating
Horizontal Layout with Dividers
24/7
Round-the-clock system availability
500TB+
Secure medical data processed monthly
15K+
Healthcare professionals using the platform
List Layout with Forest Theme
3.2M
Clinical notes generated with AI assistance
8 hours
Average time saved per clinician per week
98%
Accuracy rate in medical transcription
12
Industry awards for innovation in healthcare AI
Left Aligned with Transparent Background
200+
Healthcare facilities integrated
35
Countries with active deployments
50K+
Training sessions completed
Content Highlights Theme Variations
Content highlights support multiple theme options to create visual hierarchy and draw attention to important information.
Sand Theme
Warm and Approachable
The sand theme provides a warm, neutral background that's perfect for highlighting important information without being too bold.
Ideal for tips and helpful information
Creates a subtle visual break in content
Maintains readability with good contrast
Sunlight Theme
Attention-Grabbing Yellow
The sunlight theme uses a vibrant yellow background to draw immediate attention to critical information or warnings.
Perfect for important notices and alerts
High visibility for time-sensitive information
Creates strong visual hierarchy
Forest Theme
Professional Green Accent
The forest theme provides a professional green background that conveys trust and stability, perfect for healthcare content.
This theme works particularly well for:
Success messages and positive outcomes
Key features and benefits
Brand-aligned content sections
Call-to-action areas
Opaque Theme with CTA Button
Ready to Transform Your Practice?
The opaque theme creates a solid, distinct section that stands apart from the rest of your content. It's perfect for combining highlighted content with call-to-action buttons.
This combination is ideal for conversion-focused sections where you want to guide users toward a specific action.
Structured quotes can be displayed in different layouts and themes to match the tone and emphasis you need.
Inline Quote with Transparent Background
Heidi has completely transformed how I document patient visits. What used to take 30 minutes now takes just 5, and the quality is actually better.
Inline quotes integrate smoothly with surrounding content, making them perfect for testimonials within narrative text.
Callout Quote with Sky Theme
The AI-powered clinical documentation has reduced our administrative burden by 60%. Our team can now focus on what matters most: patient care.
Callout quotes with colored backgrounds create strong visual emphasis, perfect for highlighting impactful testimonials or key statements.
Callout Quote with Sunlight Light Theme
Implementation was seamless, and the ROI was evident within the first month. This is the future of healthcare documentation.
Inline Quote with Forest Theme
As a practice manager, I appreciate how Heidi integrates with our existing systems. The compliance features give us peace of mind.
Video Block Examples
Video blocks support embeds from YouTube, Vimeo, and other platforms. Each video can include a title and optional caption for context.
Product Demo Video
Customer Testimonial Video
Training Tutorial
Table Layout Options
Tables can be configured with different styling options including compact spacing and header rows to match your content needs.
Feature Comparison Table
Heidi Plans Feature Comparison
Feature
Starter
Professional
Enterprise
AI Documentation
✓
✓
✓
Monthly Consultations
100
500
Unlimited
EHR Integration
Basic
Advanced
Custom
Support
Email
Priority Email + Chat
24/7 Dedicated
Custom Templates
5
25
Unlimited
Compact Table Style
Supported Specialties
Specialty
Template Count
Avg. Time Saved
Family Medicine
45
12 min/visit
Internal Medicine
38
15 min/visit
Pediatrics
32
10 min/visit
Cardiology
28
18 min/visit
Advanced Text Formatting Examples
This section demonstrates advanced combinations of text formatting including bold, italic, underline, strikethrough, and inline code styles.
Complex Formatting Combinations
You can create bold italic text for extra emphasis, or even bold underlined text when you need maximum visibility. For technical documentation, you might use bold code to highlight important commands or variables.
HubSpot forms can be embedded directly into content to capture leads and inquiries at strategic points in your content.
Request More Information
Meeting Scheduler
Allow visitors to book meetings directly from your content using HubSpot's meeting scheduler.
Book a Consultation
Summary of All Available Options
This comprehensive demonstration has showcased every available content block type and formatting option in the CMS. Use this page as a reference when creating content to understand all the tools at your disposal.
Quick Reference Checklist
Text Formatting: Bold, italic, underline, strikethrough, code, and combinations
Headings: H2, H3, H4 for content hierarchy
Lists: Bulleted and numbered, with nesting support
Images: Small, medium, large, and full width options
Stats Grids: Centered, left, horizontal, and list layouts with 11 theme variants
Content Highlights: 10 theme options with optional CTA buttons
Quotes: Inline and callout layouts with theme customization
Videos: YouTube, Vimeo, and other platform embeds with captions
Tables: Standard and compact styles with header row options
Forms & Meetings: HubSpot form and meeting scheduler embeds
Custom HTML: For advanced customization needs
FAQ Accordions: Expandable question and answer sections
CTA Banners: Call-to-action sections with icons, images, and buttons
Table Block
Pricing Comparison Table
Feature
Basic Plan
Pro Plan
Users
5
Unlimited
Storage
10GB
1TB
Support
Email
24/7 Phone
CTA Insert Block
Get Started Today
This is a CTA insert block that can include an icon, title, description, optional image, and a call-to-action button.
You can create complex layouts by combining multiple blocks and formatting options together.
Nested Lists
Parent item one
Nested child item
Another nested child
Parent item two with formatted text
Parent item three
Conclusion
This demonstration page shows all available content formatting options and custom blocks. Editors can use any combination of these elements to create rich, engaging content.
Note: This is a demonstration page and is set to noindex/nofollow to prevent it from appearing in search results.
