Case Study Custom Gutenberg Blocks
How we helped Rave Reviews enrich their content strategy
Ravereviews.org is a product review/affiliate website. They review products in a ton of industries include health, fitness, and tech.
Rave Review’s old theme was hardcoded and prevented them from being able to make simple changes. Biz Rocket was brought in to design and build a new WordPress theme that you empower the content team to own the process of creating new pages and posts.
At Biz Rocket we jumped onto the Gutenberg block train pretty early. We’ve been developing custom Gutenberg blocks to allow editors to enrich their content strategy. Here are some examples of blocks that we created for Rave Reviews.
Product Review Slider
This block allows the editor to pull in products and display them in a carousel.
Product Review List
This block allows the editor to create long form reviews of products. There’s also a link between this block and the slider block mentioned above to allow the reader to jump to a long form review from a link within the slider.
Best Products Widget
This widget lives in the sidebar and it’s a place to display the top X products within a category. In this case, the products being reviewed are oils. There’s more than one blog post on Rave Reviews for oils and they are all in the oils category. This sidebar widget will display the top X products for a given category.
Mobile Version
A lot of websites shove sidebars to the bottom of the post content where they get little to no attention. The “Best X Products” widget is an important part of Rave Review’s content strategy and impacts their affiliate revenue. And with most of their readers coming from mobile devices it was important for us to come up with a design pattern that made these products accessible at any time without interrupting their reading experience.
Blog post blocks
We created a number of blocks to allow the content editor to pull in and display a list of blog posts in a number of layouts.
The editor can also pick block posts in more than one way. You can simply handpick a custom list of posts or display posts within a specified category.
