A Beginner’s Guide to Squarespace Markdown Blocks

Use markdown language to add content to your site with a Squarespace markdown block.

Markdown blocks are a convenient way to add website content using basic HTML, hypertext markup language.

For advanced website developers who are more comfortable with that code language, this content block is a great way to customize Squarespace without using standard content block formatting.

Pro tip: a well known Squarespace bug, your cursor might not align within the content inside a markdown block while editing.

How to add a markdown block to Squarespace

screenshot example of HTML text in a markdown block
  1. Select edit on the top left-hand side of your website preview.

  2. Click the add block option on a page section, or the plus sign inside classic editor.*

  3. Select the markdown option form the list of content blocks.

  4. Double click on the markdown block, or click once and select the pencil icon to open the content block.

  5. Add your own content using HTML. If you’re not sure how to add HTML, you can refer to this Squarespace markdown cheat sheet.

*Classic editor is used by blog posts, additional product details, individual events, and sites built on version 7.0 Learn more inside Squarespace Made Simple*

What you can customize about the markdown block using Squarespace

There are no design features for the markdown block at this time. Text content inside a markdown block will be formatted to match the text style assigned in your site style menu.

How to customize the Squarespace markdown block with CSS

CSS stands for Cascading Style Sheet and it’s a special type of code that you can use to customize Squarespace. This tutorial will teach you how to make code modifications to your markdown block with code.

Where you can learn more about Squarespace content blocks

Squarespace Made Simple

This mini course for beginners will teach you how to create your first Squarespace website. Lesson seven includes information about content blocks.

LEARN MORE →

Squarespace Support Article

Learn more from the official Squarespace support blog

Squarespace

made simple

Get all the info you need to confidently

launch your Squarespace website ASAP.

Previous
Previous

Map Block

Next
Next

Menu Block