Blog · Gutenberg
Book Review block for WordPress
Rich book review block with cover image, star rating, details grid, pros & cons, and Schema.org Book + Review structured data for SEO.
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
Rich book review block with cover image, star rating, details grid, pros & cons, and Schema.org Book + Review structured data for SEO.
Inspector panels on this block: Book Details, Rating, Buy Button, Display, Sizing. Those titles come from index.js, not from a shared template.
Where to find it
Gutenberg inserter → Blog → search “Book Review” (block name `blockenberg/book-review` in block.json). Style it in the sidebar after insert.
How to use Book Review block for WordPress
- Install Blockenberg. Install from WordPress.org and activate the plugin.
- Insert the block. Edit a page, click +, search for “Book Review”, insert it. Category: Blog.
- Configure inspector controls that exist on this block. Open Book Details. Set “Book title”, “Author”, “Genre”, “Publisher”.
- Check the published page. The view script reads HTML data attributes: data-opts. The block editor preview may not run the same view script.
Inspector controls from this block’s code
| Control | What the code does |
|---|---|
| Book title | Text field in the inspector. block.json default: The Great Gatsby. Saved as `bookTitle`. |
| Author | Text field in the inspector. block.json default: F. Scott Fitzgerald. Saved as `bookAuthor`. |
| Genre | Text field in the inspector. block.json default: Classic Fiction. Saved as `genre`. |
| Publisher | Text field in the inspector. block.json default: Scribner. Saved as `publisher`. |
| Publish year | Text field in the inspector. block.json default: 1925. Saved as `publishYear`. |
| Pages | Text field in the inspector. block.json default: 180. Saved as `pages`. |
| ISBN (optional) | Text field in the inspector. Saved as `isbn`. |
| Cover image URL | Text field in the inspector. Saved as `coverUrl`. |
| Cover alt text | Text field in the inspector. Saved as `coverAlt`. |
| Rating | Numeric range control in the inspector. Range 0.5–5. block.json default: 4. Saved as `rating`. |
| Max rating | Numeric range control in the inspector. Range 5–10. block.json default: 5. Saved as `maxRating`. |
| Rating label | Text field in the inspector. block.json default: Our Rating. Saved as `ratingLabel`. |
| Show button | On/off toggle in the inspector. On by default. Saved as `showBtn`. |
| Button text | Text field in the inspector. block.json default: Buy on Amazon. Saved as `btnText`. |
| Button URL | Text field in the inspector. block.json default: #. Saved as `btnUrl`. |
| Open in new tab | On/off toggle in the inspector. On by default. Saved as `btnTarget`. |
| Show book details | On/off toggle in the inspector. On by default. Saved as `showDetails`. |
| Show pros | On/off toggle in the inspector. On by default. Saved as `showPros`. |
| Show cons | On/off toggle in the inspector. On by default. Saved as `showCons`. |
| Inject Schema.org JSON-LD | On/off toggle in the inspector. On by default. Saved as `showSchema`. |
| Accent | Color control in the inspector. block.json default: #6c3fb5. Saved as `accentColor`. |
| Card background | Color control in the inspector. block.json default: #ffffff. Saved as `cardBg`. |
| Header background | Color control in the inspector. block.json default: #f5f3ff. Saved as `headerBg`. |
| Colors — Border | Color control in the inspector. block.json default: #e5e7eb. Saved as `borderColor`. |
| Colors — Title | Color control in the inspector. block.json default: #1e1b4b. Saved as `titleColor`. |
| Author | Color control in the inspector. block.json default: #6c3fb5. Saved as `authorColor`. |
| Body text | Color control in the inspector. block.json default: #374151. Saved as `bodyColor`. |
| Stars | Color control in the inspector. block.json default: #f59e0b. Saved as `starColor`. |
| Pros | Color control in the inspector. block.json default: #15803d. Saved as `prosColor`. |
| Cons | Color control in the inspector. block.json default: #b91c1c. Saved as `consColor`. |
| Button bg | Color control in the inspector. block.json default: #6c3fb5. Saved as `btnBg`. |
| Button text | Color control in the inspector. block.json default: #ffffff. Saved as `btnColor`. |
| Max width (px) | Numeric range control in the inspector. Range 400–1200. block.json default: 860. Saved as `maxWidth`. |
| Cover width (px) | Numeric range control in the inspector. Range 80–300. block.json default: 160. Saved as `coverWidth`. |
| Card radius (px) | Numeric range control in the inspector. Range 0–32. block.json default: 16. Saved as `cardRadius`. |
| Button radius (px) | Numeric range control in the inspector. Range 0–50. block.json default: 8. Saved as `btnRadius`. |
What the front-end script actually does
- The view script reads HTML data attributes: data-opts.
- When schema is on, the script injects FAQPage JSON-LD into the document.
When this is the right block
- Rich book review block with cover image, star rating, details grid, pros & cons, and Schema.org Book + Review structured data for SEO — that is the job of Book Review, not a generic content block.
- Use it when you need the editor control labeled “Book title”, which exists on this block’s inspector.
- It matches pages about book, review, rating.
- Pick this when you want FAQPage JSON-LD from the same markup visitors click.
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 Book Review block in WordPress?
Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “Book Review”. It sits under Blog. After insert, open Book Details and set “Book title”, “Author”, “Genre”, “Publisher”.
Does Book Review output FAQ schema?
Yes, when the schema toggle on this block is on. The front-end script injects FAQPage JSON-LD. That is not the same as Yoast/Rank Math site-wide schema.
Is the Book Review Gutenberg block free?
Yes. Book Review ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.
Can I style Book Review 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: Book Details, Rating, Buy Button, Display).
Related blog blocks
Review Box
Professional review card with score, pros/cons, and Schema.org markup.
Book Shelf
A visual reading list with a realistic bookshelf view, cards layout, or list — complete with ratings, reading status, and genre tags.
Product Roundup
Ranked multi-product review section with ratings, pros/cons and CTAs.
Reading Notes
Annotated reading notes for books and articles with quotes, insights, questions, and a star rating.
Star Rating
Static visual star rating (1–5 stars) with optional label and numeric score. CSS-only, perfect inside testimonial cards.
Verdict Box
Final verdict block for product reviews with a score, pros & cons, verdict text, recommendation, and award badges.
Get Blockenberg
Install Blockenberg from WordPress.org, then insert Book Review from the Gutenberg inserter.