Jump to content

How To: Create a Landing Page as a Fullscreen Autoplay Slideshow that automatically redirect to the home page

Go to solution Solved by tuanphan,

Recommended Posts

Hello,

I am a photographer and I am currently working on upgrading and updating my website.

I am trying to create a Landing page working as an introduction/highlights of my portfolio to make the browsing experience more appealing for clients.
I was thinking as a fullscreen slideshow of around 5/10 photos, with my logo and website title fading in on top of it; everything should last around 3/5 seconds (1/2 sec per photo) and then automatically redirect to the current home page.

I browsed the landing page options on Squarespace and searched for a tutorial online but I had no luck with those.

Can anyone help me figure it out how to design it, with or without code?
If any of you can help but needs more details let me know.

Thank you!

Link to comment
  • Solution
On 9/9/2023 at 8:41 PM, FedericoImperiale said:

@tuanphan Thank you very much for your answer!
Could you share the code for the second part?

You can add this code to Page Settings > Advanced > Header Code Injection

<script>
         setTimeout(function(){
            window.location.href = 'https://google.com';
         }, 3000);
</script>

Replace Google with homepage url

3000 = 3 seconds

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.