We use cookies to make HubSpot's community a better place. Cookies help to provide a more personalized experience and relevant advertising for you, and web analytics for us. To learn more, and to see a full list of cookies we use, check out our Cookie Policy (baked goods not included).
Nov 8, 2021 5:00 AM
Hello all
I'm trying to explore if it's possible to add an image choice in HubSpot form - in other words, I need to allow visitors to choose a certain image from a list of images - like I was doing the same in TypeForm
Just trying to see if this can be done in HS Form.
Thanks!!!
Solved! Go to Solution.
Nov 8, 2021 5:21 AM
Hi @IvanFilipov ,
Yes this is possible! If you create a contact property with the options set to a link to the image referenced in HTML like this: <img src="https://IMAGEURL.jpg">
Then the images will appear when used in a form.
You'll see an example of the options above used on this form.
As you'll see from my example, where the pictures are different sizes it's important to ensure that images are the same size. You can do this by using HTML as found here.
I hope this helps!
Nov 8, 2021 8:15 AM
Hi @IvanFilipov , Glad it helps! The internal values don't necessarily need to be the URL. I just put the labels in so they were automatically copied to the internal values but these would definitely be set to something else. 🙂
Nov 8, 2021 7:18 AM
Thanks @Ian_Matt - one last question - what is the purpose of inserting the HTML into Internal Value field? I see that the visual side of things is only controlled by the values in LABEL field?
Thanks !!!
Nov 8, 2021 6:33 AM
Hey @IvanFilipov, the pictures would have to be hosted somewhere else (Could be as simple as uploading the images to your File Manager first) and then you would reference where they are through the URL rather than uploading them directly to the form.
But yes you could do the same thing with radio select instead. 🙂
Nov 8, 2021 5:21 AM
Hi @IvanFilipov ,
Yes this is possible! If you create a contact property with the options set to a link to the image referenced in HTML like this: <img src="https://IMAGEURL.jpg">
Then the images will appear when used in a form.
You'll see an example of the options above used on this form.
As you'll see from my example, where the pictures are different sizes it's important to ensure that images are the same size. You can do this by using HTML as found here.
I hope this helps!
Jan 17, 2022 12:26 AM
It doesn't work 😞
Nov 8, 2021 5:54 AM
Hello @Ian_Matt and thank you for your speedy answer. It looks promising - I assume I can use images uploaded to HS Form too - I mean, the images can be hosted together with the form? Also assuming these choices can be radio buttons and not checkboxes?