Marketing · Gutenberg
Ebook Section block for WordPress
Digital product and ebook showcase with 3D book cover, feature list, social proof, and CTA.
Get Blockenberg
Free Gutenberg block in Blockenberg. The inspector controls and front-end behavior on this page come from this block’s source, not a shared stub.
What it actually does
Digital product and ebook showcase with 3D book cover, feature list, social proof, and CTA.
Inspector panels on this block: Content, What\'s Inside List, Testimonial, CTA Button, Layout & Style. Those titles come from index.js, not from a shared template.
Behavior controls: “Format” options: PDF, EPUB, Course, Template, Toolkit; “Layout” options: Split (cover left), Centered, Minimal (no cover).
Where to find it
Gutenberg inserter → Marketing → search “Ebook Section” (block name `blockenberg/ebook-section` in block.json). Style it in the sidebar after insert.
How to use Ebook Section block for WordPress
- Install Blockenberg. Install from WordPress.org and activate the plugin.
- Insert the block. Edit a page, click +, search for “Ebook Section”, insert it. Category: Marketing.
- Configure inspector controls that exist on this block. Open Content. Set “Author Name”, “Format”, “Custom Format Label (override)”, “Page Count / Size”.
- Check the published page. The view script reads HTML data attributes: data-opts, data-rendered. The block editor preview may not run the same view script.
Inspector controls from this block’s code
| Control | What the code does |
|---|---|
| Author Name | Text field in the inspector. Saved as `authorName`. |
| Format | Select control; the chosen value is saved on the block. Options: PDF; EPUB; Course; Template; Toolkit; Guide; Checklist. block.json default: pdf. Saved as `format`. |
| Custom Format Label (override) | Text field in the inspector. Saved as `formatLabel`. |
| Page Count / Size | Text field in the inspector. block.json default: 120 pages. Saved as `pageCount`. |
| Price | Text field in the inspector. block.json default: Free. Saved as `price`. |
| Original Price (crossed out) | Text field in the inspector. Saved as `originalPrice`. |
| Show Testimonial | On/off toggle in the inspector. On by default. Saved as `showTestimonial`. |
| Quote | Multiline text field in the inspector. block.json default: This handbook cut our time-to-rank in half. Absolutely essential.. Saved as `testimonialQuote`. |
| Name | Text field in the inspector. block.json default: Sarah K., Marketing Director. Saved as `testimonialName`. |
| Button Text | Text field in the inspector. block.json default: Download Free →. Saved as `ctaLabel`. |
| Button URL | Text field in the inspector. block.json default: #. Saved as `ctaUrl`. |
| Open in New Tab | On/off toggle in the inspector. Off by default. Saved as `openInNewTab`. |
| Layout | Select control; the chosen value is saved on the block. Options: Split (cover left); Centered; Minimal (no cover). block.json default: split. Saved as `layout`. |
| 3D Cover Tilt Effect | On/off toggle in the inspector. On by default. Saved as `show3D`. |
| Border Radius | Numeric range control in the inspector. Range 0–24. block.json default: 12. Saved as `borderRadius`. |
| Padding Top | Numeric range control in the inspector. Range 0–160. block.json default: 60. Saved as `paddingTop`. |
| Padding Bottom | Numeric range control in the inspector. Range 0–160. block.json default: 60. Saved as `paddingBottom`. |
| Typography — Title | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `typoTitle`. |
| Subtitle | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `typoSubtitle`. |
| Price (Typo Price) | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `typoPrice`. |
| CTA Button | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `typoCta`. |
| Section BG | Color control in the inspector. block.json default: #f0f4ff. Saved as `bgColor`. |
| Colors — Title | Color control in the inspector. block.json default: #111827. Saved as `titleColor`. |
| Subtitle | Color control in the inspector. block.json default: #374151. Saved as `subtitleColor`. |
| Author / Meta | Color control in the inspector. block.json default: #6b7280. Saved as `authorColor`. |
| Format Badge BG | Color control in the inspector. block.json default: #6366f1. Saved as `formatBadgeBg`. |
| Format Badge Text | Color control in the inspector. block.json default: #ffffff. Saved as `formatBadgeColor`. |
| Feature Item Text | Color control in the inspector. block.json default: #374151. Saved as `itemColor`. |
| Testimonial BG | Color control in the inspector. block.json default: #ffffff. Saved as `testimonialBg`. |
| Testimonial Text | Color control in the inspector. block.json default: #374151. Saved as `testimonialColor`. |
| Quote Mark | Color control in the inspector. block.json default: #6366f1. Saved as `quoteColor`. |
| CTA Button BG | Color control in the inspector. block.json default: #6366f1. Saved as `ctaBg`. |
| CTA Button Text | Color control in the inspector. block.json default: #ffffff. Saved as `ctaColor`. |
| Price | Color control in the inspector. block.json default: #16a34a. Saved as `priceColor`. |
| Orig Price | Color control in the inspector. block.json default: #9ca3af. Saved as `origPriceColor`. |
| Cover Shadow | Color control in the inspector. block.json default: #6366f160. Saved as `coverShadow`. |
What the front-end script actually does
- The view script reads HTML data attributes: data-opts, data-rendered.
When this is the right block
- Digital product and ebook showcase with 3D book cover, feature list, social proof, and CTA — that is the job of Ebook Section, not a generic content block.
- Use it when you need the editor control labeled “Author Name”, which exists on this block’s inspector.
- It matches pages about ebook, book, digital product.
- Inserter grouping: landing pages, campaign sections, and conversion layouts.
Notes from the implementation
viewScript: this folder’s frontend.js is enqueued on the front end for this block.
FAQ
How do I add the Ebook Section block in WordPress?
Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “Ebook Section”. It sits under Marketing. After insert, open Content and set “Author Name”, “Format”, “Custom Format Label (override)”, “Page Count / Size”.
What makes Ebook Section different from other Blockenberg blocks?
Digital product and ebook showcase with 3D book cover, feature list, social proof, and CTA. Inspector labels on this block include “Author Name”, “Format”, “Custom Format Label (override)”, “Page Count / Size”.
Is the Ebook Section Gutenberg block free?
Yes. Ebook Section ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.
Can I style Ebook Section to match my theme?
Yes. Blockenberg’s shared typography and color panels apply here, plus any block-specific style controls listed on this page (panels: Content, What\'s Inside List, Testimonial, CTA Button).
Related marketing blocks
Lead Magnet
Free resource / lead magnet landing section. Features a mockup image (book, PDF, phone), headline, benefit checklist, and an email capture form with privacy note. Ideal for e-books, templates, checklists, and courses.
App Download
Ready-made app promotion section with iOS / Android badges, device screenshot, heading, subtitle, ratings/reviews, and full background controls.
Content Upgrade
In-article content upgrade / lead magnet box with opt-in form. Goes between article paragraphs to capture emails in exchange for a bonus resource.
Affiliate Disclosure
Styled FTC-compliant affiliate link disclosure notice for articles and reviews. Distinct from Affiliate Review Box — this is the small legal notice, not a full product review.
Affiliate Review Box
Structured product review block with score badge, pros & cons columns, verdict summary, price display, and affiliate CTA button.
Affiliate Section
Affiliate/referral program landing section with commission highlight, how-it-works steps, benefits list, and stats.
Get Blockenberg
Install Blockenberg from WordPress.org, then insert Ebook Section from the Gutenberg inserter.