In this post, we will learn how to share site url & find page ID in Squarespace website.
How to Setup Password & Share Site URL?
Click Settings
Next, Site Visibility
Next, Password Protected > Enter Password > Save
Then copy Site URL and share with friend or developer 🙂
How to Find Page ID?
Method 1. View Source Code
Open Home Page
- Pressing Ctrl U
- or Right Click > View Source
Scroll down > Find
<body id="...."
In this example, you will see
<body id="collection-58d01506e3df284bada16b9f" class="..."
collection-58d01506e3df284bada16b9f is Page ID.
When using CSS, you need to add # to before
#collection-58d01506e3df284bada16b9f
Method 2. Inspect Element
Right Click > Inspect (or Inspect Elements)
You will see
<body id="collection-58d01506e3df284bada16b9f" class="..."
collection-58d01506e3df284bada16b9f is Page ID.
When using CSS, you need to add # to before
#collection-58d01506e3df284bada16b9f
How to find Block ID
Each block will have different ID. Two same blocks also have different ID.
To find Block ID, just Right click on Block > Inspect Element (example here: Image Block)
You can right click on Image, Text, or Button
You will see
You look up, there will be a line: class=”sqs-block blockname-block sqs-block-blockname…” id=”block-c7…”
in screenshot: blockname is image-block, you will see: class=”sqs-block image-block sqs-block-image” id=”block..”
Next, Left click on the line with id = “block .. > Look Right > Click + icon > You will have Block ID: div#block-…
How to find Section ID (Squarespace 7.1)
Do similar Block ID > You will see id=”page-section-…” > Click + icon > You will have div#page… is Section ID
How to Insert Custom CSS
Click Design
Next, click Custom CSS
Enter Custom CSS > Save
How to Upload Custom Font
Click Design
Next, click Custom CSS
Scroll down > Click Manage Custom Files
Click Add images or fonts
After upload completed. Click Fonts name > Squarespace will paste font url to Custom Box. Copy and use!
Featured Image: Free-Photos/Pixabay