Image select questions are one of the most engaging question types in Leadformly. Why?
They only require one click to answer (as opposed to 2-3 clicks to answer a dropdown question)
They're visual, making it easier and faster for your visitors to process the question
They look great and prevent your form from looking/feeling like a generic web form.
In this tutorial, we'll cover how you can design these questions to make them look and perform well.
When should I use image select questions?
Image select questions make great first questions, as they're typically eye-catching and easy to answer, leading to high engagement with your form.
You can also use image select questions to segment your visitors into 'buckets'. If you run a law firm that specialises in four areas of law, for example, you could use an image select question with images representing each of the four services. When a user selects the service they're interested in, you can ensure that all future communication with that lead is tailored around the service they're interested in.
Conditional logic & image select questions
Because image select questions have a defined set of possible answers, you can use conditional logic to hide/display other questions in your form based on how a person answers an image select question.
Going back to our previous example, if someone selected an image for 'Corporate Law', you could follow-up with a question such as 'What is the name of the corporation that requires legal advice?' in the next step.
Should I use images or icons?
The quality of the images or icons you use can make or break the professionalism and overall look and feel of your form. With Leadformly's image select question type, you can either upload your own images or create an icon directly within the form builder.
Here are some of the pros and cons of each approach.
By uploading your own images, you have maximum flexibility over how your images appear. For example, you could add text within the images, have a photograph as the background, or have your own custom icons designed. Heres an example of a Leadformly form using uploaded images:
The main downside of using uploaded images is that it takes longer (as you have to create these images) and requires that you have the ability to design nice-looking images in-house. As not all of our clients wish to have their own images designed, we also offer a faster option, which is to build icons directly within Leadformly.
Pro-tip: If you want amazing images but don't have a designer, we'd recommend using FlatIcons.
In the vast majority of cases, image select questions just require a simple coloured icon on a plain background. Rather than having to open up Photoshop or call your design team, you can build these kinds of clickable icons directly in Leadformly's form builder. They're fast and easy to build, and also load much faster on your website compared to using uploaded images.
To create an icon in Leadformly, simply click 'select an icon' next to the upload image button. You should see a popup appear that allows you to choose from a selection of popular icons. You will then be able to customise the colour of the icon, the background and the size of the icon as shown below.
What are the advanced options with image select questions?
Required - This prevents users from moving to the next step or submitting the form without answering this question.
Captions - This adds text beneath each of the images. You could use this to explain each of the images in more details.
Tooltips - If captions are turned on you will have the option of displaying tooltips. This will add a small question mark next to the caption that, when hovered over, can provide additional text explaining the image.
Multiple selections - This allows users to select more than one image as their answer. Please note that turning this on will prevent you from being able to use 'jump to next step'.
Jump to next step - When the user clicks on an image the form will jump to the next step. Many of our customers that use this also remove the 'continue' button in the customiser as the image acts as continue button when this is turned on.
Conditional logic - Allows you to only display this question if a user has answered a previous question with a specific response.