With Picfair Plus, you can make an incredible first impression when viewers first visit your Store, by adding a stunning welcome splash page! In this guide we're going to be explaining what a splash page is, and how to add one to your Picfair Store!
What is a splash page?
A splash page is a full-screen image that viewers first see when visiting your Store. The splash page appears on the screen for a few seconds and gives visitors an incredible first impression of your photography, and you can also choose to include your logo or name in text to appear in the centre of your splash page. We recommend choosing one of your most impressive images, or an image that perfectly complements your brand.
Adding a splash page to your Store
You can upload an image for your welcome splash page from the Add a Splash Intro Page here. Just click the toggle switch to green and you will see a number of options appear under Branding:
- Splash image only: select this option to upload your welcome splash image
- Use main logo: this option will only appear if you have already uploaded a logo to your Store. Select this option if you wish to include the logo that appears throughout your Store on your welcome splash page
- Use custom logo: if you want to use a custom logo that is different to the logo that appears throughout your Store select this option and upload your logo.
- Use your name: selecting this option will display your name in the centre of your welcome splash page and you can choose to display your name in either black or white text under the Name Color option.
To allow your image to look great on all types of screens, we suggest uploading a high-resolution image for your splash image, anything above 1920x1280px is optimal. For a fast loading time, a small file size is better for performance and anything below 500kb will load faster.
If your image is a photograph, the image file should be uploaded as a JPEG file as this is the most common file type for digital photos. If your splash image is a large logo, graphic or diagram, it should be uploaded as a PNG file. You can format and resize your files to fit the above recommendations using image editing programs such as Photoshop and Lightroom, or free online resources such as PicResize.
Once your files have been uploaded, you’ll see the file displayed under Current File and the option Upload a Different File underneath should you wish to replace the current file with a different image or logo. We recommend trying out different images and combinations of logos as well as text to see what works for your welcome splash page.
Examples of splash pages from Picfair Plus users:
Splash page troubleshooting
My Splash page advances too fast
We don't currently have the functionality to extend the duration the splash screen appears when your Store is accessed.
To explain a little more about why we've opted for a display of 5-8 seconds before auto-advancing is that the splash page was created as a way for photographers to open their site with a full-screen image. Site visitors can also click the splash image as soon as it appears to manually advance to your Store homepage.
Should I include text in my Splash page?
As the splash page is currently set to remain for 5-8 seconds before auto-advancing so it is recommended not to put any personal information on here as it is set to advance quite quickly.
The splash page functionality was created as a way for photographers to open their site with a full-screen image, and it wasn't intended to contain text. As the splash image needs to be responsive to different devices, adding longer text will not transfer well to mobile devices.
We recommend creating a header bio to go at the top of your Store homepage for more information on your photography and offerings, only using the Splash page function to showcase a specific image. You can add a header bio here.
My logo is too small
When it comes to the size of your logo, for best results we recommend you use a file with a maximum width of 800px OR a maximum of 120px tall.
My splash page is loading too slow
Unfortunately, these kinds of loading issues are usually related to the speed and stability of the internet connection at your end. It may be that your internet speed is slightly low resulting in the page not loading fully before auto-advancing.
Please check your internet connection is stable and your device is fully functional, before contacting our support team with your splash page image attached.
Is my splash page responsive to different devices?
We make the image as responsive as we can to different devices/orientations but it will display differently on each as the format of a wide format desktop monitor is very different from a phone in portrait mode.
We recommend using an image where the focal point is central to the composition to make it as adaptable as possible for multiple formats.
The text I’ve added on my splash page extends beyond the sides of the image when I use a portable device
As you've added text to the splash page image itself, we're afraid there isn't a way to make this responsive to different screen sizes independently of the image. Narrowing the text margins would be the only way to resize for mobile devices.
If you choose to use text as part of the background image, we'd recommend keeping the text short and in a central column which will give it the best chance of displaying well on mobiles, but we can't guarantee how it will display on all devices as display options differ greatly from device to device and this is something, we have no control over.