Plugin Details
Home / Plug-in market / Homepage H1 Media Decoration Module
Homepage H1 Media Decoration Module
H1 Media Homepage H1 Media Decoration Module
Overview
H1 Media is a plugin that adds a homepage hero decoration module to the admin "Design → Decoration" builder. It presents an H1 title, a short description, a call-to-action button, and media (image/video) to decorate the homepage hero section. The module title is output as the page's <h1> tag, helping search engines understand the site content and improve SEO ranking. It is recommended to place this module above other design modules and add only one per page.
Key Features
🎯 SEO-Optimized H1 Title
| Feature | Description |
|---|---|
| H1 tag output | Module title automatically outputs as the page <h1> tag – improves search engine understanding of page content |
| SEO recommendation | Place above other blocks and add only one such module per page |
| Multi-language support | Title, description, and button text all support multi-language |
🖼️ Media Display
| Feature | Description |
|---|---|
| Image/Video toggle | Supports both image and local video media types |
| Independent desktop image | Upload separate large images for desktop – recommended width 1000px+ |
| Mobile adaptation | Mobile media position independently configurable (Top / Bottom) |
| Show/hide toggle | Control whether to display the media area separately |
🎨 Rich Configuration Options
| Option | Description |
|---|---|
| Title | Main title (output as H1 tag) |
| Short description | Rich text description text |
| Button text | Call-to-action button copy |
| Button link | Supports internal/external links – optional open in new window |
| Text alignment | Left / Center / Right |
| Desktop media position | Top / Bottom / Left / Right |
| Mobile media position | Top / Bottom |
| Module width | Narrow (760px) / Wide (1140px) / Full (capped width or edge-to-edge) |
| Full-tier width | Slider controls maximum content width under Full mode (700–2000px; max = edge-to-edge) |
🎨 Color Customization
| Option | Description |
|---|---|
| Title color | Customize title text color |
| Description color | Customize description text color |
| Button text color | Customize button text color |
| Button background color | Customize button background color (supports opacity) |
Technical Features
-
✅ SEO friendly : Title outputs as
<h1>tag – helps search engines understand core page content -
✅ Responsive layout : Supports top/bottom/left/right media positions on desktop – automatically stacks to vertical layout on mobile
-
✅ Three module width tiers : Narrow (760px) / Wide (1140px) / Full (capped width or edge-to-edge)
-
✅ Media type switching : Freely switch between image and video – meets different display needs
-
✅ Native video support : Uses HTML5
<video>tag – supports control bar playback -
✅ Independent color configuration : Title, description, button text, and background can all be independently color-customized
-
✅ Any theme compatible : Frontend views are plugin-bundled – styles use CSS variables to adapt to themes
-
✅ Full design editor support : Real-time preview – rich and intuitive configuration options
Use Cases
-
Homepage hero section
-
Brand image showcase
-
Product / service promotion
-
Campaign hero area
-
Brand story opening
