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. They can break up long pieces of text and can make a page more visually interesting. when set at a different size or font.
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, visit Moving blocks.
Watch a video
Add and format the text
The first step is adding text for the pull quote:
- 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.
- Highlight the text, then select a format from the drop-down menu. If the rest of your page is set to Medium Paragraph or Normal, we recommend selecting a Heading format to help it stand out.
Place the pull quote
Next, we'll drag and drop the Text Block into place.
- Hover over the edge of the block until your cursor becomes a hand icon.
- Click and drag the block to move it around the page.
- 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 in the position you prefer. Learn more about moving blocks in our guide.
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.
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 Design panel.
- While on the page you're editing, return to the Home Menu.
- Click Design, then click Site Styles.
- 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.