Marketing Hub | Fragen, Tipps & bewährte Methoden

Angi
Contributor

Add pictures in forms/options

SOLVE

Hi there,

I  have a formular with severeal options that can be chosen. I would like to add an image/foto for each option. Currently I see no chance to combine text and image within one field.

 

Is that possible?

Thanks for feedback

Angela

2 Accepted solutions
karstenkoehler
Solution
Hall of Famer | Partner
Hall of Famer | Partner

Add pictures in forms/options

SOLVE

Hello @Angi,

 

If you want to add an image for the values of a single field, that is currently not supported, unfortunately. There isn't any property type that can store multiple images; each form field is referring to a property type.

 

You can however drag and drop an image module into the from (available in the left sidebar). That would be the only workaround.

 

karstenkoehler_0-1623232384851.png

 

Hope this helps!

Karsten Köhler
HubSpot Freelancer | RevOps & CRM Consultant | Community Hall of Famer

Beratungstermin mit Karsten vereinbaren

 

Did my post help answer your query? Help the community by marking it as a solution.

View solution in original post

MatthiasWeber
Solution
Top Contributor | Partner
Top Contributor | Partner

Add pictures in forms/options

SOLVE

Hi @Angi there is no easy solution, only a "nerd-solution" via CSS and Hubspot Professional. Hubspot creates great HTML/CSS-Code and adds a "data-reactid"-property to the html-elements. With this information you may be able to add your icon/image via CSS, using ::before (https://developer.mozilla.org/en-US/docs/Web/CSS/::before) and content (https://css-tricks.com/almanac/properties/c/content/#image). So, for your design wish you need the option "Create, edit, and attach CSS files to style your site" in an Hubspot Professional. Using forms you can use then this function: https://knowledge.hubspot.com/de/forms/how-can-i-share-a-hubspot-form-if-im-using-an-external-site#w...

View solution in original post

4 Replies 4
MatthiasWeber
Solution
Top Contributor | Partner
Top Contributor | Partner

Add pictures in forms/options

SOLVE

Hi @Angi there is no easy solution, only a "nerd-solution" via CSS and Hubspot Professional. Hubspot creates great HTML/CSS-Code and adds a "data-reactid"-property to the html-elements. With this information you may be able to add your icon/image via CSS, using ::before (https://developer.mozilla.org/en-US/docs/Web/CSS/::before) and content (https://css-tricks.com/almanac/properties/c/content/#image). So, for your design wish you need the option "Create, edit, and attach CSS files to style your site" in an Hubspot Professional. Using forms you can use then this function: https://knowledge.hubspot.com/de/forms/how-can-i-share-a-hubspot-form-if-im-using-an-external-site#w...

Angi
Contributor

Add pictures in forms/options

SOLVE

Thanks Matthias, I am not that nerd but I have nerds around me 🙂

We will try!

karstenkoehler
Solution
Hall of Famer | Partner
Hall of Famer | Partner

Add pictures in forms/options

SOLVE

Hello @Angi,

 

If you want to add an image for the values of a single field, that is currently not supported, unfortunately. There isn't any property type that can store multiple images; each form field is referring to a property type.

 

You can however drag and drop an image module into the from (available in the left sidebar). That would be the only workaround.

 

karstenkoehler_0-1623232384851.png

 

Hope this helps!

Karsten Köhler
HubSpot Freelancer | RevOps & CRM Consultant | Community Hall of Famer

Beratungstermin mit Karsten vereinbaren

 

Did my post help answer your query? Help the community by marking it as a solution.

Angi
Contributor

Add pictures in forms/options

SOLVE

Thanks Karsten. That helps!

0 Upvotes