Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Creating a pull quote by wrapping text

You can create pull quotes in Squarespace by dragging Text Blocks into other Text Blocks. You may refer to this action as wrapping text around text or floating Text Blocks.

A pull quote is a quotation or excerpt from a page that stands apart from the rest of the content. Pull quotes, when set at a different size and font, break up long pieces of text and can make a page more visually interesting.

A pull quote works differently than the blockquote option in a Text Block or a Quote Block. Text formatted as a blockquote or added to a Quote Block has its own formatting. Pull quotes, however, can be formatted in any way you can format a Text Block.

You might use pull quotes to share:

  • The most important information from a business document
  • The best quotes from an interview
  • Customer testimonials for a product

To learn how to wrap text around other blocks, like images and galleries, see Moving blocks.

Watch a video

Step 1 - Add and format the text

The first step is adding text for the pull quote.

  1. Create a new Text Block and add the text you'll use for the pull quote. Ensure the pull quote is in its own Text Block and not part of another.
  2. Highlight the text, and then select a format from the Heading drop-down menu. If the rest of your page is set to Normal, we recommend selecting Heading 1, Heading 2, or Heading 3 to help it stand out.


Step 2 - Place the pull quote

Next, we'll drag and drop the Text Block into place.

  1. Hover over the edge of the block until your cursor becomes a hand icon.
  2. Click and drag the block to move it around the page.
  3. As you drag the block, the guideline will appear as a gray box to show where the block will appear in the text. Drop it to the position you prefer.
Tip: If your Text Blocks have merged, add a Spacer Block to separate them. You can delete it afterward.


The pull quote will look like this:


Tip: If you have multiple pull quotes, we recommend using the same format option for each to keep the look consistent.

Step 3 - Style the pull quote

You might want to give the Pull Quote a different font color or style to help it stand out. You can do this in the Site Styles panel.

  1. While previewing the page you're editing, double click Pages to open the Home Menu.
  2. Click Design, and then click Site Styles.
  3. Use the style tweaks in the Site Styles panel to style the text for that quote. For example, if you formatted the quote as Heading 3 text, change the Heading 3 tweak.
Was this article helpful?
13 out of 15 found this helpful
Creating a pull quote by wrapping text