Chykalophia Docs

How to add clickable buttons and text links to any Squarespace page, including linking to other pages, external websites, and email addresses.

Buttons and links are how visitors move around your site and take action — booking a call, viewing a service page, or sending you an email. This guide shows you how to add and edit them.

Quick summary

To add a button, insert a Button block in the editor, then attach a link in its block editor. To add a text link, select text in a Text block and click the link icon in the toolbar. You can link to pages on your site, external websites, email addresses, phone numbers, or files.

Adding a button

Buttons draw attention to the most important action on a page (like "Book a consultation" or "Shop now").

Open the page editor and find the section where you want the button.

Hover over the section and click Add Block (or a + icon, in older classic editor sections).

Choose Button from the block menu.

Click the button block, then click the pencil icon to open its block editor.

In the Content tab, replace the default "Learn more" text with your own label (e.g., "Book a call"). Squarespace recommends keeping it under 25 characters.

Click attach link and enter the web address under URL. To link to an email address, phone number, or file instead, use the dropdown menu (see below).

Choose whether to open in a new tab with the Open link in new tab toggle. For external links, a new tab is usually better so visitors don't leave your site entirely.

Press Enter (or click Save in the link editor) to set the link, then click Save in the top-left corner of the page editor.

Adding a text link

A text link is a word or phrase in a block of text that visitors can click to go somewhere.

Click on the text block where you want to add the link.

Highlight the text you want to turn into a link (click and drag to select it).

Click the link icon in the formatting toolbar.

Enter the web address under URL in the link editor, or choose another link type from the dropdown.

Choose whether to open in a new tab, then press Enter or click Save.

Click Save when you're done editing the page.

Types of links

With URL selected in the link editor, start typing the page's title (or its web address, like /contact) and pick the page from the list that appears. If you later change that page's URL, the link breaks: reopen the link editor and select the page again.

Editing or removing an existing link

To edit a text link: highlight the linked text, then click the link icon in the toolbar to reopen the link editor. Change the link and press Enter or click Save.

To remove a text link: highlight the linked text and reopen the link editor. If you don't see a way to remove the link there, delete the linked words and type them again without a link.

To edit a button: click the button block, click the pencil icon, and update the label or link.

Common questions

What's the difference between a Button block and a text link?

A button is a standalone, prominently styled element designed to grab attention — it's usually bigger and styled with a background color. A text link is a word or phrase within a body of text. Use buttons for primary calls to action, and text links for natural in-content references.

My button link isn't working. What do I check?

For an external link, make sure the address starts with https:// and has no typos. For a page on your own site, reopen the link editor and select the page from the list again, especially if its URL has changed. Also make sure the page still exists and is enabled: visitors can't open a disabled page.

Can I have more than one button in a section?

Yes. You can add as many Button blocks to a section as you need. To give buttons different looks, set each one to Primary, Secondary, or Tertiary in its Design tab. The look of each of those three styles is set in Site Styles.

Need a hand?

If you're stuck, email support@chykalophia.com and we'll help. Include your website address and a screenshot if you can.

Adding buttons & links