Wix Editor: Adding and Managing a Welcome Screen on Your Mobile Site

4 min read
Use a Welcome screen to present your brand to mobile visitors while the site content loads in the background. You can adjust their design to suit your site's look, and create a truly eye-catching introduction to your business.
In this article, learn more about:

Adding a Welcome screen

Add a Welcome screen to your mobile site to begin reiterating your brand and creating a fun, unique experience for visitors. 

To add a Welcome screen:

  1. Click Mobile Tools  on the left side of your mobile editor.
  2. Click the Add to site icon  next to Welcome screen.
  3. Customize the screen using the design options (see next section).
The mobile tools panel in the mobile editor. The cursor is clicking the Welcome screen.

Customizing a Welcome screen

You can customize your site's Welcome screen when you add it, or update a screen you've already set up. Add a logo, change the background color, and customize the animation to really make it your own.

To customize a welcome screen:

  1. (Existing Welcome screens) Click Mobile Tools  on the left side of your mobile editor.
  2. Click the More actions icon next to Welcome screen.
  3. Select Edit .
  4. (Both) Choose how you want to customize the screen:
    • Logo:
      • Add your logo: Upload an image or vector art, or select from the free media from Wix.
      • Logo animation: Select an animation for your logo.
        • Direction: Choose the direction the logo animation comes from.
    • Background:
      • Background color: Click the color box and select the color for your Welcome Screen background.
      • Background animation: Add animation to the background. 
        • Direction: Choose where the screen enters from.
  5. Click Done to apply the changes.
The design panel of a welcome screen. The cursor is clicking the Float in animation for the logo.
Want to preview your Welcome screen?
Click Play animation at the top of the Welcome screen design panel to see it in action.
Note about the logo size:
You can upload any resolution of your logo, but in order to fit the screens of mobile devices, we display it at 120x120 pixels only. If the upload is not a 1:1 ratio, we take the highest value, either the height or width, to fit 120 pixels. The other value is resized to keep the logo proportions. For instance, if the logo is 1:2 ratio, the height will be 120 pixels while the width will be 60 pixels.

Removing a Welcome screen

You can delete a Welcome screen from your mobile site if you no longer need it,

To remove the Welcome screen:

  1. Click Mobile Tools  on the left side of your mobile editor.
  2. Click the More actions icon next to Welcome screen.
  3. Select Remove .
The mobile tools panel in the mobile editor. The cursor is clicking Remove on the Welcome screen.

Did this help?

|