Wix Editor: Adding and Managing a Welcome Screen on Your Mobile Site
4 min read
In this article
- Adding a Welcome screen
- Customizing a Welcome screen
- Removing a Welcome screen
Use a Welcome screen to present your brand to mobile visitors while the site content loads in the background. You can adjust its design to suit your site's look, and create a truly eye-catching introduction to your business.
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:
- Click Mobile Tools mobile editor. on the left side of your
- Click the Add to site icon next to Welcome screen.
- Customize the screen using the design options (see step 4 in the next section).
![The mobile tools panel in the mobile editor. The cursor is clicking the Welcome screen.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/10/24/37112431-ceda-4b10-b3d7-2fa3369ecfd4/022c8005-4003-4b7c-bf8b-0fffc8b595a0.jpg)
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:
- (Existing Welcome screens) Click Mobile Tools mobile editor. on the left side of your
- Click the More actions icon next to Welcome screen.
- Click Edit .
- (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.
- Logo:
- Click Done to apply the changes.
![The design panel of a welcome screen. The cursor is clicking the Float in animation for the logo.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/10/24/f51e19fa-9a9e-4487-8a1d-148214918351/ab3b9cc9-613f-42a6-98a6-2e3d137006f2.jpg)
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:
- Click Mobile Tools mobile editor. on the left side of your
- Click the More actions icon next to Welcome screen.
- Click Remove .
![The mobile tools panel in the mobile editor. The cursor is clicking Remove on the Welcome screen.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/10/24/3d3a4eb4-2c07-4599-996d-dc765a614198/9f070cf6-0e15-440b-86d8-1e6ea88aa20e.jpg)