Website Building » Squarespace » How Do I Create a Pop-Up Box in Squarespace?

How Do I Create a Pop-Up Box in Squarespace?

Last updated on December 29, 2022 @ 2:18 pm

There are several ways to create a pop-up box in Squarespace. One way is to use the Pop-Up Box feature under the Design tab. To do this, simply select the location where you want the box to appear, enter the text you want to appear in the box, and then click on the Save button.

Another way to create a pop-up box is to use HTML code. This can be done by adding the following code to your Squarespace website:

<script type="text/javascript">
function show_popup(){
    var pop_up = document.getElementById("pop-up");
    pop_up.style.display = "block";
}

function hide_popup(){
    var pop_up = document.display = "none";
}
</script>

<div id="pop-up" style="display: none;"></div>

This is the text that will appear in the pop-up box.

PRO TIP: This article contains outdated information about creating pop-ups in Squarespace. The current method for creating pop-ups in Squarespace is to use the Pop-Up Block.

Click here to show the pop-up box

You can also style the text that appears in the pop-up box using HTML tags, such as <p>, <b> and <u>.

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.