Opening a link in a new tab is a common feature that many site visitors expect when they click on an external link. Squarespace, a popular website builder, allows you to add links to your site in a variety of ways, including the Link Block, Markdown Block, and Code Block. However, by default, Squarespace links open in the same tab, potentially leading visitors away from your site. In this article, we will explore how to open a link in a new tab in Squarespace, so you can keep visitors on your site while still providing them with external resources.
Using the Link Block is the easiest way to add links to your Squarespace site, and it has a built-in option to open links in a new tab. Simply select the Link Block, enter your link, and then click the gear icon to open the Link Settings. From there, you can choose to open the link in a new tab, so visitors can easily return to your site when they are finished viewing the external content.
If you prefer to use the Markdown or Code Block to add links to your Squarespace site, you can still open them in a new tab. However, this requires a bit of HTML knowledge. You will need to add the “target=_blank” attribute to your link code, which tells the browser to open the link in a new tab. By following these simple steps, you can ensure that your Squarespace links open in a new tab, providing a better user experience for your site visitors.
Key Takeaways
- Use the Link Block to easily open links in a new tab in Squarespace.
- Add the “target=_blank” attribute to your link code in the Markdown or Code Block to open links in a new tab.
- Opening links in a new tab can keep visitors on your site while still providing them with external resources.
Using the Link Block
One way to open a link in a new tab in Squarespace is by using the Link Block. This block allows you to add a hyperlink to your page, and it also gives you the option to open the link in a new window.
Step 1: Add a Link Block
To add a Link Block, you need to go to the page where you want to add the link. Then, click on the plus sign (+) icon to open the block menu. From there, select the Link Block.
Step 2: Enter the URL
Once you have added the Link Block, you need to enter the URL of the page you want to link to. You can enter an external URL or an internal page on your site. To enter the URL, click on the Link URL field and type or paste the URL.
Step 3: Check the ‘Open in New Window’ Option
To open the link in a new tab, you need to check the ‘Open in New Window’ option. This option is located under the ‘Clickthrough URL’ section of the Link Block settings. Just click on the toggle button to turn it on.
By following these three simple steps, you can easily open a link in a new tab using the Link Block in Squarespace. This is a great way to keep your visitors on your site while also allowing them to explore other pages or websites.
Using the Markdown Block
If you want to open a link in a new tab in Squarespace, you can use the Markdown Block. This block allows you to write in Markdown format, which is a lightweight markup language that converts plain text into HTML. Here are the steps to follow:
Step 1: Add a Markdown Block
First, you need to add a Markdown Block to your page. To do this, click on the “+” icon in the top left corner of the page editor and select “Markdown” from the menu. The Markdown Block will be added to your page, and you can start writing in Markdown format.
Step 2: Enter the Link in Markdown Format
Next, you need to enter the link in Markdown format. To do this, type the text you want to use for the link, and then put the link in parentheses immediately after it. For example, if you want to link to a page called “About Us” on your website, you would type:
[About Us](/about-us
This will create a hyperlink with the text “About Us” that links to the “/about-us” page on your website.
Step 3: Add the Target Attribute
Finally, you need to add the target attribute to the link to make it open in a new tab. To do this, add the following code after the link:
{:target="_blank"
So the complete code for the link would be:
[About Us](/about-us){:target="_blank"}
This will make the link open in a new tab when clicked.
By following these simple steps, you can easily open a link in a new tab in Squarespace using the Markdown Block.
Using the Code Block
To open a link in a new tab in Squarespace, you can use the Code Block. This feature allows you to add custom code snippets to your website, including HTML, CSS, and JavaScript. Here’s how to use the Code Block to open a link in a new tab.
Step 1: Add a Code Block
First, navigate to the page or post where you want to add the link. Click on the “+” button to add a new block, and select the Code Block option. This will open a new text box where you can enter your custom code.
Step 2: Enter the Code for Opening a Link in New Tab
To open a link in a new tab, you need to add the target=”_blank” attribute to the link code. Here’s an example of what the code should look like:
<a href="https://example.com" target="_blank">Link Text</a>
Replace “https://example.com” with the URL of the page you want to link to, and “Link Text” with the text you want to use for the link. Once you’ve entered the code, click “Save & Close” to add the link to your page.
That’s it! Your link will now open in a new tab when clicked by visitors to your site. Keep in mind that this method will only work for links added using the Code Block. If you want all external links on your site to open in a new tab, you can change the link behavior settings in the Advanced section of the Settings panel.