Block Patterns Explained

The Visual Editor is an amazing tool filled with a lot of handy blocks that allow you to build and stack content pieces to help you stand out visually. With all of the choices, you can make your site look however you want it to. However, we realize that this is also problematic if you want to add something and want to do it the simplest way. The choices are endless and there’s no one “right” way to do things.

Block Patterns were added to make your choices easier. Patterns are block arrangements created to make adding images, forms, and content to a page faster and easier. They deliver content and media arrangements with a single click, instead of adding and building sections block-by-block. You’d just need to switch out the pre-existing information with your details.

These include, but are not limited to:

  • 3 Steps – This pattern is great for listing the steps of your business, three areas of your business, et cetera.
  • Side by Side Testimonials – This pattern allows you to list two testimonials next to each other
  • Two Buttons – Add two centered buttons anywhere on your page (such as “list my house” and “buy a house”)
  • Cards in Two Columns – This is two columns, both of which have a large card/background at the top of the column
  • Cards in Three Columns – This is three columns, both of which have a large card/background at the top of the column
  • Editorial – An editorial pattern is similar to a newspaper column, one image on the left and text on the right. The image and text can not wrap around the other
  • Info Left + Form Right – Similar to the editorial pattern, this pattern has text on the left and a form on the right. They can not wrap around the other
  • Image and Text with Button – This is an editorial pattern with a button mixed in with text on the right. The image and text can not wrap around the other

How can I access Block Patterns?

Block Patterns are available on each page’s edit screen. By default, the Block Patterns are available when you click the plus, “+”, icon to add a new block to the page. You can find the plus, “+” icon on the top left of your page.

If you do not see the plus icon


Using Block Patterns

To use Block Patterns, you can add it to a specific location on the page or click the pattern and it will insert at the end of the page.

If you want to add the pattern at a specific location, click the area of the page you want the pattern to be. Once your pointer has selected the location, click the pattern you want inserted there.

Editing Block Patterns

Once you have your Block Pattern on the page, you can start editing the placeholder details by clicking the image or content. You can then delete the information or build upon the information, removing anything you don’t need along the way.

FAQ

How can I add more testimonials or cards to my pattern?

Testimonials and cards are column blocks that have been arranged to display those details. You will be able to increase the columns by clicking the overall column block, then choosing to increase the column to your preferred amount. We recommend sticking under 5 columns to keep items readable. Once you have increased the column count, you can duplicate the items in the previous column and move them to the new columns. This will carry over the pattern formatting.

How can I edit the colors of my Block Patterns?

We are continuing to make updates and adjustments to edit colors more. At this time, editing content is seamless. The best way to create a custom pattern with the colors you want is to build the pattern from scratch. If that doesn’t work for you, please reach out to our support team.