How To Create a Custom Landing Page in Squarespace


Landing Pages! They have so many uses don't they?

Sales Pages, Thank You Pages, Coming Soon Pages, Instagram Link Pages, Client Project Pages, the list goes on! 

One option for this is to use a third party service like LeadPages, Instapage, or Unbounce. But these platforms come with an added cost, and yet another platform to link and manage. 

Today I am sharing a code work-around that will allow you to create a landing page directly in Squarespace! This code will remove the header and footer navigation, so you have a standalone page without any navigation for visitors to click on. 

Now, I'm going to warn you, this is a super intricate code. Prepare yourself! ;)

<style> #header { display: none } 
#footer { display: none }
 #preFooter {
   display: none}

You're going to add this code to the Code Injection in the specific page you wish you turn into a landing page. 

Click the gear icon on that page, then proceed to and place the code in the Page Header Code Injection

And that's it! You'll have a landing page without a header or footer navigation just like this:

Let me know in the comments if you have any questions, or shoot me an email:

Is there anything else you'd like to see how to do in Squarespace? Let me know!

Create a Custom Landing Page
Pin This!.png