Welcome & Submission Messages

Adding a Submission and Welcome message to your Form is a great way of inviting and thanking a participant for their time. 

How to add an image as your submission or welcome message

1. Go to the ‘Settings’ tab of your Form

Step1.png 

 

2. Navigate to Welcome & Submission Message and choose whether you’d like to add and or edit/delete the default Welcome & Submission Messages. (This can also be done by clicking on the Welcome or Submission message while on the build tab and by clicking the "Customize message in settings" button)

 

Screen_Shot_2019-08-07_at_1.19.25_PM.png

 

3. While on the Welcome Message Settings page, You can choose to modify the text of the start button or remove the default text to hide the button (We would recommend keeping the text if you don't include instructions in your image on how to proceed to the next page). Upload an image and select the image settings that work for you:

 

Screen_Shot_2019-08-07_at_1.30.30_PM.png

 

4. While on the Submission Message Settings page, you can choose to display/edit the Default message, Display a custom message, Display an image or Redirect to a custom URL.

 

Screen_Shot_2019-08-07_at_1.54.36_PM.png

 

Image Settings definitions:

Cover will automatically scale and crop your image to fill the entire screen without losing the aspect ratio

Fit to Screen will scale the image so that the entirety of the image will always be visible. Any space that is not filled in by the image will be filled by the Page Background Color in your theme.

Repeat will use your original image’s size and repeat the image until the entire form is filled

Stretch will not respect your image’s aspect ratio and change its width and height to fill the entire screen

5. Click Save Settings once you’re comfortable with all of your settings. image.png

 

What are the file types supported and the maximum file size?

We support PNG, JPG, JPEG, GIF as file types and maximum file size of 5 MB

Other tips:

  • If you have various devices or screen sizes you are designing for, avoid putting design elements near the edge of your image to avoid having it cropped from your image
  • Pick an ideal Page Background Color in your theme to blend in with your image in case your image doesn’t fill the entire screen
  • If you are only using a tablet or mobile devices, then we recommend using the same model so you can focus on designing for one resolution

If you are designing an image for a tablet, here are some resolutions to get you started

This list does not include all the possible variations but only serve as a starting point if you are unable to find a resolution that works for your devices. 

Apple

Width x Height

iPad Retina

2048 x 1536

iPad Pro

2732 x 2048

Android 

 

Common among newer models

2560 x 1600 or 2048 x 1536

Older models

1024 x 600 or 1280 x 800

Examples:

Mobile - Tablet 

Screen_Shot_2019-06-24_at_4.01.14_PM.png

Web 

Screen_Shot_2019-06-24_at_4.00.52_PM.png




Was this article helpful?
6 out of 24 found this helpful

Comments

0 comments

Please sign in to leave a comment.