Jump to content

Creating a "Cover Page" with embeddable code

Recommended Posts

Hey everyone,

So I've been driving myself mad trying to figure this out. What I want to do is very simple but I can't seem to get it working. I just want a page on my site that has no navigation, just an embedded twitch stream that will play when we are live and then a link to the rest of the website, I'll be using this as a home page. The cover page option is the most ideal setting Squarespace offers you but as far as I know they do not allow you to embed any code anywhere. I've searched a hundred times on how to remove the heading / hide the nav bar and no ones code seems to work. I'm using the "Heights" template. Any help would be greatly appreciated!

Link to comment
  • Replies 3
  • Views 1.4k
  • Created
  • Last Reply

You should be able to accomplish what you want. Go to Pages. Click on your cover page. Then click on Video. Click on the </> symbol. Enter your embeded code in the dialog. I've added some pics below to hopefully guide you.

Screen Shot 2019-10-25 at 1.25.45 PM.png

Screen Shot 2019-10-25 at 1.26.51 PM.png

Screen Shot 2019-10-25 at 1.27.03 PM.png

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

You can use a regular page and then hide its header and footer using css. 

You need to know the page's collection ID. You can find it by Inspecting the page code and looking at the BODY tag. 

image.png.bd6b0c0d85aee08b666f768c46e306a7.png

 

Then insert the collection id after the # in the code below and paste it into your custom css after any other code that may already be there. 

#collection-id-goes-here {
  header.Header, footer.Footer {
      display: none !important;
  }
}

 

Link to comment
  • 3 weeks later...

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.