Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
What are blocks?

Blocks are the foundation of your site. You can add, move, and combine blocks on a page to create a custom layout. Each block is designed to add different types of content to most areas of your site, including:

Add a block

Visit Adding blocks to learn how to add blocks to your site.

Basic Blocks

  • Text - Add text to your site, including headings, quotes, pre-formatted text, links, and lists.
  • Markdown - Add text using the Markdown language.
  • Quote - Add styled quotes and testimonials.
  • Video - Add an externally hosted video.
  • Spacer - Add an adjustable amount of space or padding between blocks.
  • Line - Add a horizontal line between blocks. This is a great way to break up text or visually separate content.
  • Button - Add buttons and calls to action.
  • Audio - Add a single audio file in a player.
  • Embed - Add external content to your site by using links to tweets, videos, and more.

Image Blocks

For an overview of Image Blocks, visit Image Blocks Overview.

  • Image - Add a single image. This defaults to the Inline layout, which displays a plain image with an optional caption.
  • Poster - Display text over the image.
  • Card - Align text to the left or right of an image.
  • Overlap - Display an image on one side with text on the other, partially overlapping the image.
  • Collage - Display an image on one side and text over a background "card," offsetting and overlapping the image.
  • Stack - Display an image with text below.

Gallery Blocks

For an overview of Gallery Blocks, visit Using Gallery Blocks.

Summary Blocks

For an overview of Summary Blocks, visit Using Summary Blocks.

  • Wall Summary - Display content in a masonry style grid.
  • Carousel Summary - Display a set number of items at a time, with navigation.
  • List Summary - Display content in a single column with thumbnail images on one side and text on the other.
  • Grid Summary - Display content in a symmetrical grid.

More Blocks

  • Acuity - Display a client scheduler visitors can use to book appointments.
  • Bandsintown - Display tour dates from your Bandsintown profile.
  • Calendar - Display items in your pages, like events, as a calendar sorted by day.
  • Code - Add custom code (like a third-party widget) or display code.
  • Form - Add a form to collect information from visitors. This is useful for creating contact pages, surveys, signup forms, or applications.
  • Map - Add a Google Map with a pin in your location.
  • Menu - Display your restaurant's menu.
  • Newsletter - Add a newsletter subscription form. This block requires a connected MailChimp account.
  • OpenTable - Add restaurant reservation booking. You'll need your OpenTable Restaurant ID.
  • Zola - Add a wedding registry.

Filter and List Blocks

  • Archive - Display an organized list of content links.
  • Content Link - Add a visual link to content.
  • Search - Add a search box.
  • Summary - Present your content in a flexible magazine-style layout.
  • Tag Cloud - Display tags or categories in a graphic cloud formation.

Commerce Blocks

  • Amazon - Display and link to an item on Amazon. This is useful if you participate in Amazon's Affiliate program.
  • Donation - Allow visitors to donate to your cause or organization. This block requires a connected Stripe account.
  • Product - Add a product to a page or blog post. This is a great way to promote a product or display products in different combinations than your Product pages.

Chart Blocks

For an overview of Chart Blocks, visit Chart Blocks overview.

Social Blocks

  • 500px - Add images from your 500px account.
  • Flickr - Add a gallery of your Flickr photos.
  • Foursquare - Add a feed of your Foursquare check-ins.
  • Instagram - Add a gallery of your Instagram photos.
  • RSS - Add a link to the RSS feed of a Blog Page.
  • Social Links - Add social icons that link to social media profiles. This is an alternative if your template doesn't have default social icons.
  • SoundCloud - Embed a SoundCloud player.
  • Twitter - Display a feed of your most recent tweets and a follow button.

Discontinued blocks

Use the Archive Block instead of these discontinued blocks.

Blocks in action

Add multiple blocks to a page or content area and drag and drop them to build the page. You can:

In the example page below, we're editing a Regular Page. We have six blocks:

  • Two Line Blocks
  • One Open Table Block
  • Two Text Blocks
  • One Image Block

The blocks are arranged to create a custom layout:

  • The Line Blocks and the OpenTable Block are in their own rows in a single column.
  • The Text Blocks are arranged in two columns in row under the OpenTable Block.
  • The Image Block is below the Text Block.

Was this article helpful?
53 out of 91 found this helpful
What are blocks?