Pricing plan blocks

false

Pricing plan blocks

Last updated July 29, 2026 20:37

Sell access to your gated content and encourage visitors to sign up using pricing plan blocks.

Visitors sign up and pay for your pricing plans with pricing plan blocks. You can add a pricing plan block to any page, blog post, or content area on your site to promote your gated content. You can also create a sign-up page with multiple blocks where visitors can compare and contrast all membership options.

Tip: Register for our Create and sell online courses with Squarespace webinar. We’ll provide guidance on preparing a curriculum, building an online course, and monetizing your courses with pricing plans.

Before you begin

Watch a video

Add a pricing plan block

To add a pricing plan block:

  1. Edit a page or post.
  2. Hover over the section and click Add block or + to open the block menu, then click Pricing Plan.
  3. Open the block editor by clicking the pencil icon on the block.
  4. In the Content tab, select one of your pricing plans from the Choose a pricing plan drop-down menu.
  5. Click the Design tab to set the block's alignment and edit what details appear in the block.
  6. You can replace the default Button Text for the button to match the tone of your site.

You can also add a new page to your site using one of our professionally designed Content & Memberships page layouts. These pages feature different combinations of text, images, and pricing plan blocks to promote your gated content. After you add the page, you can customize the pricing plan blocks.

Edit pricing plan details

In the Design tab of the pricing plan block, choose which details appear in the block by switching the toggle on or off for these options:

  • Title
  • Description
  • Price
  • Benefits
  • Button

If you disable Price, we recommend adding the price to the pricing plan’s description, so prospective members know what to expect at checkout.

You can’t hide the pricing option picker that appears in the pricing plan block for pricing plans that have two pricing options.

Tip: To edit the pricing plan title, description, or price, go to your pricing plan settings.

Style the pricing plan block

You can style the pricing plan block and customize the button and pricing option picker (if applicable). The way you change the block's design depends on your site's version.

Pricing plan block font

The pricing plan description and price take their style from your site's site-wide fonts, and follow the Paragraph tweaks. The title follows the same tweaks, but appears slightly larger.

  1. While editing the page, open site styles.
  2. Click Fonts, then click Paragraph.

The pricing plan description and price use the same style as your body text. The title follows the same tweaks, but appears slightly larger.

Button font and design

To style the button:

  1. Open a page containing a pricing plan block
  2. Click Edit, open site styles, then click Buttons.

To change the text that displays in the button, edit the pricing plan block, and change the Button Text. The button's text follows the Buttons font tweaks:

  1. While editing the page, open site styles.
  2. Click Fonts, then click Buttons.
  3. Style the button font using the first section of tweaks. The size of the text in the button follows the medium button tweaks.

To change the text that displays in the button, edit the pricing plan block, and change the Button Text. The button's style and font follow the Buttons tweaks:

  1. Open a page containing a pricing plan block.
  2. Open the Site Styles panel.
  3. Edit the button's design and font using the tweaks under Buttons. You can't change the size of the text in the button.

To learn more, visit Styling buttons.

Pricing option picker design

If your pricing plan has two pricing options, a pricing option picker appears above the pricing plan’s title.

Pricing plan block shows two pricing plan options with a toggle that highlights either one payment or three.

The pricing option picker’s font and style follow the Buttons tweaks, while the size of the text follows your font’s base size. You can’t change the Padding of the text or the Shape of the button for the pricing option picker.

The pricing option picker’s style and font follow the Buttons tweaks. You can't change the shape of the pricing option picker button.

The pricing option picker automatically displays the two available options. The text for each option is either the number of payments (for fixed amount pricing) or renewal frequency (for recurring subscriptions). There isn't a way to customize this text.

Was this article helpful?

Yes No

173 out of 345 found this helpful

Yes No

Pricing plan blocks