Easily build and embed forms on your site. Try HubSpot Forms for free.  
Forms

Edit and style your form submit button

Last updated: January 14, 2019

 

Edit your form submit button text

The default submit button text on a HubSpot form is Submit. To edit the submit button text:

  • In your HubSpot account, navigate to Marketing > Lead Capture > Forms.
  • Click the name of the form.
  • In the form editor, click the Submit button.

  • In the left pane, enter the new submit button text in the Label field.

  • In the top right, click Publish to update the live form.

 

Style your form submit button on HubSpot pages (Marketing Hub Basic, Professional, and Enterprise only)

  • In the content editor, hover over the form module and click the Edit styles icon.

  • In the left pane, click the dropdown menu and select Form button.
  • Style the form submit button with the options, such as changing the button background color or text font size.

  • In the bottom left, click Save and go to module list.
  • In the upper right, click Publish or Update.
This updates the style of your form submit button on an individual page basis.

 

Style your form submit button on external pages (Marketing Hub Starter, BasicProfessional, and Enterprise only)

  • In your HubSpot account, navigate to Marketing > Lead Capture > Forms.
  • Click the name of the form.
  • In the form editor, click the Style & Preview tab.
  • In the left pane, click the Style section to expand it.
  • In the Button section, style the form submit button with the options, such as changing the button background color or text font size.

This updates the style of your form submit button on an individual form basis. Learn how to customize your global style settings for forms.

If you've unstyled the form, any form styling options you've set in the Style & Preview tab in the form editor or global form style settings will not apply. Instead, use a CSS selector in your external stylesheet to target the form submit button. For example:

input[type="submit"]{ background: #ff0000; }

Learn more about customizing the form embed code in HubSpot's developers documentation.

New Call-to-action