Website Building » Squarespace » How Do I Create a Banner in Squarespace?

How Do I Create a Banner in Squarespace?

Last updated on December 13, 2022 @ 1:17 am

There are two ways to make a banner in Squarespace: using the Banner Block or the Promo Code Block.

Banner Block
The Banner Block is a great way to add an eye-catching image to your website. To add a Banner Block:

    1. Click the “+” icon, then select “Banner.”
    2. In the Content Editor, click “Change Image” to upload a new image or select one from your Image Library.

    PRO TIP: This article is about creating a banner in Squarespace. However, it does not mention anything about banner sizing, which is an important part of creating a banner. If you do not size your banner correctly, it will not display properly on your website.

    3. Adjust the image’s size, position, and padding in the Style Editor.

Promo Code Block

Promo Code Blocks are perfect for adding images with text overlays, like sale banners or call-to-action buttons. To add a Promo Code Block:

    1. Click the “+” icon, then select “Promo.”

    2. Then enter text in the Title and Description fields.

Style text in HTML using < p >,< b >, and < u >.

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.