How to implement a splash/welcome page when visitor arrives on site

Ask the community
, , ,
1

Question:
I’m looking to add a splash page for a clients website, its best demoed in this video:

https://youtu.be/OP73UNmcUrY

Flow:

  1. User arrives to the (split) logo
  2. clicks and the word ‘Patience’ is revealed (the two aspects of their biz are ‘Inner Patience’ and ‘Patience in the Dark’ so both are connected by Patience)
  3. User can choose between ‘Inner’ or ‘In the Dark’
  4. User is sent either to the hp or to the specific ‘In the Dark’ page.

This may need some additional CSS as I’ve tried a couple of options with light-boxes but not really fit for purpose. Maybe an additional page to the site but obvs this cant be the landing page for SEO. Any help appreciated :slight_smile:

Product:
Wix Studio Editor.

What are you trying to achieve:
See above

Additional information:
Open to all ideas!

Also this good example was built on Wix: https://www.nathalie-lete.com/

2

Hi Howell,
The link you provided didn’t work. However, If I understand you correctly then I can think of a way to achieve the desired feature using animations

1 Like
3

Hi Howell,
I guess the one in the youtube link will take some time to create.
We need hover animation from inspector panel first,
then we can set splash screen pinned on page and move margin -100% from viewport after completing the feature and add css margin : 0; and the splash screen would work successfully.

1 Like
4

Hi @Aquarius_Mike
Thanks for getting back to me :slight_smile:
Is this something you can help with, or direct me on?
Are you listed on the wix dev board?

5

I’m not listed on the wix dev board. But the animation is the similar one I tried testing for splash screen. That’s why.

6

Oh cool that you have made it before. Could you possibly make a short video or take screenshots of the process to set it up and add any code required?
Thanks :slight_smile:

7

I’ll share you my thought. Instead of making the separate page, what about making light dark mode. On Home page, you can change the theme and background by clicking in the light/dark text or the logo. The Splash screen feature can connect with it. Just for asking because making two separate page can make the animation more broken. Merging into one can improve SEO too!