Our org recently upgraded to CMS Hub and Marketing Hub Professional and we were excited for the easy drag-and-drop landing page building opportunities. We've run into two primary issues.
1) It looks like a lot of the starter templates are not that customizable and can't be cloned to be edited. Is there one that y'all recommend that is most convenient for non-technical users to customize?
2) Additionally, when we're using forms on landing pages -- we're running into an issue here with customizing the form text. Is there a way to separately update the font/style of the question vs. the dropdown options?
For example, bolding the text here -- changes it for both the question and the dropdown option. Is there a way to individually change these?
It's great to hear that your organization has upgraded to CMS Hub and Marketing Hub Professional for easier landing page creation. I can provide some guidance on the two issues you've mentioned:
1) Customizable Starter Templates:
While many starter templates in HubSpot are designed to be user-friendly, it's true that some may have limitations in terms of customization. If you're looking for highly customizable templates that are easy for non-technical users, you might want to explore the "Blank" or "Simple" templates that provide a clean slate to build your landing page from scratch. These templates allow you to design your page exactly how you want it without any predefined constraints.
2) Customizing Form Text:
HubSpot's form customization options may not always provide granular control over text styling for form elements (e.g., question vs. dropdown options). However, you can achieve some level of customization through CSS (Cascading Style Sheets) to target specific elements within your form. Here's a general approach:
a) Identify the CSS Classes or IDs: Use your browser's developer tools to inspect the form elements and identify the CSS classes or IDs associated with the form questions and dropdown options. HubSpot usually provides some level of HTML and CSS customization options.
b) Write Custom CSS: Once you've identified the relevant classes or IDs, you can write custom CSS rules to style them individually. For example:
cssCopy code
/* Style the form question */.form-question { font-weight: bold; /* Add other styling as needed */ } /* Style the dropdown options */.form-dropdown { font-weight: normal; /* Reset the font-weight for options *//* Add other styling as needed */ }
c) Apply Custom CSS: Depending on your HubSpot setup, you can typically add custom CSS in the "Settings" or "Design" sections. Be cautious with custom CSS, and ensure it doesn't conflict with existing styles.
Please note that HubSpot's interface and capabilities may change over time, so it's a good idea to consult HubSpot's official documentation or support resources for the most up-to-date information and guidance on customization options.
If you have specific CSS classes or elements you'd like to target or if you encounter any issues with your customization, feel free to provide more details, and I can offer more specific guidance.
Hubspot are a hungry monster that is insatiable. Not 2-3 years ago, I've copied many templates and themes and could edit them in design tools. Now, it's all locked and if you want to edit the code, you have to pay more for a special theme (these are hubspot themes). Do we not give you an arm and a leg every month for your ever decreasing features? I was an advocate, but no more.
I understand that customising forms can add a lot of value to your form and not being able to do so can be a real pain. At WorkHack, we're building AI-powered forms that are completely customizable. Our forms have a one-click integration with HubSpot CRM and can be easily embedded on landing pages. You can read more about WorkHack forms here - Link
It's great to hear that your organization has upgraded to CMS Hub and Marketing Hub Professional for easier landing page creation. I can provide some guidance on the two issues you've mentioned:
1) Customizable Starter Templates:
While many starter templates in HubSpot are designed to be user-friendly, it's true that some may have limitations in terms of customization. If you're looking for highly customizable templates that are easy for non-technical users, you might want to explore the "Blank" or "Simple" templates that provide a clean slate to build your landing page from scratch. These templates allow you to design your page exactly how you want it without any predefined constraints.
2) Customizing Form Text:
HubSpot's form customization options may not always provide granular control over text styling for form elements (e.g., question vs. dropdown options). However, you can achieve some level of customization through CSS (Cascading Style Sheets) to target specific elements within your form. Here's a general approach:
a) Identify the CSS Classes or IDs: Use your browser's developer tools to inspect the form elements and identify the CSS classes or IDs associated with the form questions and dropdown options. HubSpot usually provides some level of HTML and CSS customization options.
b) Write Custom CSS: Once you've identified the relevant classes or IDs, you can write custom CSS rules to style them individually. For example:
cssCopy code
/* Style the form question */.form-question { font-weight: bold; /* Add other styling as needed */ } /* Style the dropdown options */.form-dropdown { font-weight: normal; /* Reset the font-weight for options *//* Add other styling as needed */ }
c) Apply Custom CSS: Depending on your HubSpot setup, you can typically add custom CSS in the "Settings" or "Design" sections. Be cautious with custom CSS, and ensure it doesn't conflict with existing styles.
Please note that HubSpot's interface and capabilities may change over time, so it's a good idea to consult HubSpot's official documentation or support resources for the most up-to-date information and guidance on customization options.
If you have specific CSS classes or elements you'd like to target or if you encounter any issues with your customization, feel free to provide more details, and I can offer more specific guidance.