Gutenberg Blocks Collection – qodeblock

Adding the customizable Qodeblock plugin adds a collection of beautiful, site-building blocks to help you customize page layouts, increase engagement, and get results for your business. Along with the content blocks you’ll find in Qodeblock, we’re also publishing helpful articles and tutorials to help you get started with Gutenberg.

Qodeblock Blocks

Advanced Columns Block

The Advanced Columns Block empowers you to make your very own page format with a basic arrangement. You can specify the number of sections, and format every section to your liking. You can also customize the colors, margins, paddings, responsiveness, and much more.

Accordion Block

Accordion block provides accordion effect to your blocks, allowing you to display information in collapsible rows. This block is usually used to display collapsible content such as FAQs or to manage the display of different text-heavy content.

Author Profile Block

The Author Profile block enables you to display a user’s name, bio and profile image. You can enter a name, add a position and a description, download an avatar, and provide links to social networks. Alternatively, you can change the font size, avatar shape, background color, text color, link color, and social media URLs in the block.

Button Block

The Button Block allows you to add buttons linking to other pages on your website or to an external page. You can set the style of the button and adjust it according to the design of your website. The following options are available for setting: the link target, button shape, button size and button colors.

Call to Action Block

The Call-To-Action block is a great tool for bringing attention to actionable items or buttons that you want your users to click! You can prompt them to learn more, download, buy and that’s only the tip of the iceberg.

Container

The container is a flexible block that allows you to gather several individual blocks into a parent container. You can set the desired color or image to the background. You can also customize the Drop Cap Litter and set the font size.

Drop Cap Block

Drop caps are a specific kind of initial letter, large letters that appear at the beginning of a block of text. A drop cap is used as a decorative element at the beginning of a paragraph or section.

Email Newsletter Block

The Newsletter Block provides you with a quick and easy way to add email subscription forms to your website. Adding subscription forms to your website has never been so easy!

Inline Notice Block

You can use this block to create notifications or special messages on the page. It helps to highlight some information or draw interest to specific content. The block also comes with settings for font size, notice color, text color and whether or not to make the block dismissible.

Pricing

The Pricing Box block allows you to display pricing options, service packages, inclusions, and more. All blocks are configurable. You can add an image, price, control the background colors, text colors, layouts, and the position of any of the pricing tables.

Post and Page Grid

This block gives you quick access to create a beautiful post grid and post list. You can add them to any post or page on your site and configure easily, without any line of code! You can customize the block and change it as you need.

Sharing Icons

This block makes it super easy to add social media sharing icons anywhere on your post or page. Here’s the list of available Social Media: Twitter, Facebook, Google, Pinterest, Linkedin, Reddit, Email. You can also change the shape, size, the color of the icon and select what you want to display (only icon, only text or icon with text).

Spacer block

The block allows you to creatively divide the content of a page or post using spacing or line. You can experiment with the design, changing the height, color and style of the divider in the block settings.

Testimonial Block

This block allows you to display customer testimonials in your content. Customize the font size, avatar shape, background color, text color, link color and social media URLs.