Blocks

Blocks » CoBlocks

CoBlocks is a library of blocks managed by GoDaddy, made available to you on WordPress.com. On WordPress.com sites, you have access to each of the CoBlocks blocks mentioned on this page.

⚠️

As of October 26th, 2021, new WordPress.com sites don’t include CoBlocks blocks anymore. You can use these block alternatives to CoBlocks blocks instead.

Table of Contents

💡

With an upgrade to a plugin-enabled plan, you get the full suite of over 20 blocks from CoBlocks! This includes an accordion block for collapsable content, a Food & Drinks block for displaying menus and prices, a Blog Posts Carousel block, and much more!

Reminder: Sites that downgrade from a plugin-enabled plan to a lower plan will lose any CoBlocks that are not included in the other plans.

Pricing Table

The pricing table block allows you to show a comparison between different products and plans you are offering. It will look something like this:

The pricing table block

The block toolbar has the following options:

  • Wide width or full width (if your theme supports it)
  • Align to the left, center, or right side
  • Change the number of columns to one, two, three, or four
  • Bold, italic and strikethrough text formatting

📌

If you do not see the option to change the width of the block to wide or full-width and your theme supports these options, it is possible the block has been added to a Group block. You can learn more about the Group block here.

The block settings on the right side allow you to change the color of the text and background.


↑ Table of Contents ↑

Logos

The logos block is great for displaying a set of logos or badges together. Here’s an example:


↑ Table of Contents ↑

Click to Tweet

The Click to Tweet block allows you to add Tweet buttons with custom messages. It’s commonly used by bloggers to add quotes throughout a blog post like so:

“The quick brown fox jumps over the lazy dog”

The block toolbar has an option to @ mention a Twitter username in the tweet:

The block settings sidebar has options to change the text size and color as well as the color of the Tweet button that will display on your post.


↑ Table of Contents ↑

Dynamic HR

The dynamic HR block inserts a space which you can use to distinguish between different sections of a page or post like so:


The block settings on the right side allow you to choose from three different styles: dot, line, and fullwidth.

You will also find options to adjust the size and color of the line.


↑ Table of Contents ↑

Hero

The hero block is an introductory area of a page accompanied by a small amount of text and a call to action:

An example of a hero block

The block gives you many options including:

  • Wide-width or full width (if supported by the theme)
  • Align text or entire content to the left, right, or center
  • Fullscreen mode
  • Insert a background image or use a solid color
  • Control the padding i.e. the space inside of the hero container
  • Specify an exact height and width of the hero in pixels
  • Apply a fixed background, also known as a parallax image
  • Choose the opacity, focus, and repetition of the background image

📌

If you do not see the option to change the width of the block to wide or full-width and your theme supports these options, it is possible the block has been added to a Group block. You can learn more about the Group block here.


↑ Table of Contents ↑

CoBlocks Galleries (Four Blocks)

You will find four different types of gallery blocks used to display images in visually-appealing ways:

  1. The collage block assembled images into a beautiful collage gallery.
  2. The stacked block displays multiple images in a single column stacked gallery.
  3. The masonry block displays multiple images in their optimal position based on the available vertical space, sort of like a mason fitting stones in a wall.
  4. The offset block displays images in an offset brick pattern gallery.

View real examples of these blocks in action.

The blocks have many different settings for you to customize the look and feel of the galleries. These settings include:

  • Image size
  • Enable an image lightbox
  • Display or hide captions
  • Link individual images
  • Gutter controls to set the space between images
  • Alignment (including wide and full-width if supported by your theme)
  • Apply images filters (Grayscale, Sepia, Saturation, Dim, Vintage)

📌

If you do not see the option to change the width of the block to wide or full-width and your theme supports these options, it is possible the block has been added to a Group block. You can learn more about the Group block here.

Want to experiment with the different gallery styles? You can easily convert any CoBlocks gallery block into any other gallery block using the option in the block toolbar:

Changing the gallery block

↑ Table of Contents ↑

CoBlocks and the Plugin-Enabled Plans

This section of the guide applies to sites with the WordPress.com Business or eCommerce plan. If your site has one of our legacy plans, this feature is available on the Pro plan.

WordPress.com sites with plugins installed have access to a larger collection of CoBlocks blocks:

  • Accordion
  • Alert
  • Author
  • Carousel (an alternative to the Cover block available on all plans)
  • Events
  • Features
  • Food & Drink
  • Form (an alternative to the Form block available on all plans)
  • Gif (an alternative to the GIF block available on all plans)
  • Gist
  • Highlight
  • Icon
  • Map (an alternative to the Map block available on all plans)
  • Posts (an alternative to the Blog Posts block available on all plans)
  • Post Carousel
  • Row
  • Services
  • Shape Divider
  • Share
  • Social Profiles (an alternative to the Social Links block available on all plans)

↑ Table of Contents ↑

Alternatives to CoBlocks blocks

As an alternative to some CoBlocks blocks, you can use the following blocks:

If you prefer to use CoBlocks blocks, you can install this plugin. Take into account that your site must have a plugin-enabled plan to install it.

Not quite what you're looking for?

Get Help