My problem now is that I can't find the setting "Set as raw HTML form". We have a Professional account. Can anyone tell me where I can implement a custom CSS that will grab on the forms? And does anyone know if it is possible to customize the standard hubspot css so that I can adapt all existing elements to the company's corporate design?
Jul 28, 202110:31 AM - edited Jul 28, 202110:32 AM
Top Contributor | Platinum Partner
How can i add my personal css into forms and websites
SOLVE
Hello @reto-ulrich and thank you for writing in the forum.
First off the row html trigger is located in the style tab as shown in the screenshot below:
When you set it on your form will be raw html ready to get styled!
As with all my answers, I'll take the step to dive a bit deeper into the topic to introduce you to some more advanced options, hubspot gives.
Option 1:
Create a form on your website and post its data to the hubspot form. 1. Create a form on your website with simple html and css as you would normally do without hubspot.
I will be posting the API implementation if you are interested in this approach.
Option 2:
Create a hubspot form with pure javascript (This is basically how hubspot creates a form with the code you copy, this is the manual method). You can find all the steps right here in this link.
All in all, the approach you are trying is a bit tedious, but it is just fine, the only downside is that you will have to inspect all the elements in the form and check the id's and class names from the generated form to get the styling right. I have also done it this way once and it's ok, probably the browser inspect tool will become your best friend, if it isn't already. 😛
I hope my answer is helpful, if so consider marking it as a solution!
Jul 28, 202110:31 AM - edited Jul 28, 202110:32 AM
Top Contributor | Platinum Partner
How can i add my personal css into forms and websites
SOLVE
Hello @reto-ulrich and thank you for writing in the forum.
First off the row html trigger is located in the style tab as shown in the screenshot below:
When you set it on your form will be raw html ready to get styled!
As with all my answers, I'll take the step to dive a bit deeper into the topic to introduce you to some more advanced options, hubspot gives.
Option 1:
Create a form on your website and post its data to the hubspot form. 1. Create a form on your website with simple html and css as you would normally do without hubspot.
I will be posting the API implementation if you are interested in this approach.
Option 2:
Create a hubspot form with pure javascript (This is basically how hubspot creates a form with the code you copy, this is the manual method). You can find all the steps right here in this link.
All in all, the approach you are trying is a bit tedious, but it is just fine, the only downside is that you will have to inspect all the elements in the form and check the id's and class names from the generated form to get the styling right. I have also done it this way once and it's ok, probably the browser inspect tool will become your best friend, if it isn't already. 😛
I hope my answer is helpful, if so consider marking it as a solution!