Jump to content

Applying code injection only to the top page

Recommended Posts



Hello everyone,

Thank you for reading this post!

I am developing a website and the client wants a preloading orange screen shown when opening the website.

I have managed to apply the preloading screen shown with the logo,

yet the function is working to every single page in this website.

Is there any way to apply this function to only the main top page?

I have found the collection id of the top page is #collection-63f3609c5d9eaa1439764976.

I really appreciate if you could instruct me how to apply the function only to the top page.


Thank you very much for reading this post!

I appreciate any help!

Edited by ajax2022
Link to comment
  • Replies 1
  • Views 173
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

If you're using code injection, adding it to the individual page header code injection (on the homepage) rather than the general header code injection it should only affect that one page.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • 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.