Adding and Arranging Blocks

By the end of this page, you will know how to add a block, move it, and change its size.

Add a block

1. Open the Components tab in the right panel.
2. Drag a block onto your section. Or click it to add it.
3. Release it where you want it to sit.

The blocks you can use

• Text. Words. Make them bold, italic, a heading, a list, or a link.
• Image. A photo or graphic. Upload one or paste a link. Add a short description so everyone can tell what it shows.
• Button. A clickable button that goes to a page or another website.
• Columns. A row of side-by-side columns. Each column holds its own blocks. Good for three features in a row.
• Accordion. Click-to-open rows, great for questions and answers.
• Shape. Circles, stars, hearts, and many more. Use them for decoration.
• Line. A straight or curvy divider.
• Form. A contact form visitors can fill out. See Forms and Notifications.
• Embed. Show something from another site, like a map or a video player. Paste a web link or the embed code the other site gives you.
• Video. A video file you upload or link to. It works like the Image block.
• Audio. One track, like a podcast episode or a song. Upload a file, link to one, or embed a track from SoundCloud or Spotify. Add a track name and author. Uploaded and linked tracks can be up to 60 minutes long, and uploads up to 100 MB. Colors and fonts for the player are set in the Audio Player section of your Theme.
• Ticker. A strip of text and images that scrolls across the page nonstop, like a news crawl or a row of client logos. Add items with + Add item, then set the Speed, the Direction, and whether it stops when a visitor hovers over it. It scrolls on your live site and in Preview, not while you edit.

Some blocks only appear in certain places. For example, blog posts have blocks for showing a post's title and date. Look through the Components tab to see everything you can add.

Move a block

Click and hold a block, then drag it. Lines appear to show where it will land. Let go to drop it.

Resize a block

1. Click the block.
2. Drag any edge or corner handle.

To move or resize several blocks at once, drag a box around them on an empty spot, then move or resize them together.

Stack order

When blocks overlap, the Layer Order list in the Components tab controls which one is on top. Drag items in the list to reorder them.

Delete a block

Click the block, then click the trash can next to it. Or press the Delete key. Made a mistake? Click Undo.