A Beginner’s Guide to Squarespace Digital Product Blocks
You can use Squarespace digital product blocks to promote products on specific pages of your website.
This article is about the content block that will display information about your digital product. For information about creating a digital product, visit this official article from the Squarespace support blog.
Digital product blocks are a conveniant way to promote your paid memberships or access to premium content from any page on your website.
You can use these content blocks to create enticing sign-up pages that showcase your different membership options. You can even add these blocks to any page or post to promote your gated content.
Before you dive in, make sure you:
Have a Squarespace plan that includes digital products.
Connect your site to Stripe or PayPal (or both) to accept payments.
Create the exclusive content you want to offer (like a blog, course, or video library) and set up your membership plans.
How to add a digital product block to Squarespace
Here is a screenshot of a digital product block with all elements enabled.
Select edit on the top left-hand side of your website preview.
Click the add block option on a page section, or the plus sign inside classic editor.*
Select the digital product option form the list of content blocks
Select one of your membership or premium content pricing plans from the Choose a pricing plan drop-down menu in the content tab
In the Design tab, you can change the the block's alignment to left, right , or center, and edit what details appear in the block. You can choose to display or hide the following elements: Title, description, price, benefits, button
Your last option on the design menu is where you can customize the Button Text for this specific digital product block.
*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 digital product block using Squarespace
The digital product block is designed to match the main style settings of your site that you have selected using the site style menu.
Unfortunately we don’t have a lot of customization options to make this block unique, but you can easily create custom code to customize it. You’ll find more information in the next section of this article.
What you can customize about the digital product block design using 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 customize the digital product block style with CSS so you can make it uniquely yours!
Where you can learn more about the Squarespace digital product block
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.
Squarespace Support Article
Learn more from the official Squarespace support blog