Blog

Here to Help: 3 Quick Steps to Branding Your Online Forms

Blog

Here to Help: 3 Quick Steps to Branding Your Online Forms

Blog

Here to Help: 3 Quick Steps to Branding Your Online Forms

Blog

Here to Help: 3 Quick Steps to Branding Your Online Forms

Blog

Here to Help: 3 Quick Steps to Branding Your Online Forms

Download PDFDownload PDF
Blog

Here to Help: 3 Quick Steps to Branding Your Online Forms

Jessica Haas
/
December 28, 2016
Blog

Here to Help: 3 Quick Steps to Branding Your Online Forms

MIN
/
December 28, 2016
About the Episode
Episode Highlights
Meet our Guest
Episode Transcript

"Here to Help" is a support column written especially for Formstack's awesome, loyal customers.

Most marketers know that lack of branding leads to higher form abandonment, but some are not taking the necessary steps to keep visitors from bouncing away. And they are suffering the consequences (i.e., failing to convert leads).Boosting your company’s trust, professionalism, and likability is as simple as creating a consistent, branded experience for your visitors—from first touch to form submission. But is it really that simple? With Formstack, it is! Our easy form design capabilities can help you create branded forms in no time! Here are a few quick ways you can use the Formstack Theme Editor to brand your forms and boost your lead gen efforts:

Step 1: Add a Logo

Brand recognition is an important piece of the marketing puzzle. If prospects and customers can’t quickly determine who’s responsible for a product, service, or piece of content, they won’t likely stick around. Lucky for you, there’s an easy way to ensure you are maintaining brand recognition on your online forms: addition of a company logo. Your logo should easily be the most recognizable piece of visual collateral your brand possesses—so use it! You can add your brand logo to your Formstack forms in just a few easy steps:

1. Open your form in the builder and click the Theme tab at the bottom of the form options sidebar on the left.

Form Themes Tab

2. Click Create New Theme at the bottom of the Themes in Use list, or hover over an existing theme and click Edit Theme.

Form Themes - Create New

Edit Form Themes

3. Scroll to the top of your form and click Add a Header. (Or, alternatively, scroll to the bottom of your form and click Add a Footer.) When the header (or footer) options box pops up, upload your logo image, set your desired size and alignment, and click Confirm.

Formstack Theme Editor - Add a header
Add a Logo to a Formstack Form

Note: Once you’ve added your logo to your header, you can edit it at any time by going back into your theme options and clicking Edit Header at the top of the form.

Edit Formstack Form Header

Step 2: Update the Form Fonts

If your company website and brand collateral use just a few specific fonts, it’s a good idea to carry those fonts into other business assets as well—including your online forms. You want visitors to have a seamless experience with your brand, so serving up consistent text is key.Formstack’s Theme Editor allows you to tweak your form fonts to match your site. With just a few simple clicks (and no need to mess with pesky coding), you can set your form text to one of over 60 Google fonts. Here’s how:

  1. Open your form in the builder and navigate to the design settings by clicking the Theme tab at the bottom of the left sidebar and selecting to edit the active theme or create a new theme.
  2. Open the Quick Styles options and select your desired font from the Form Font dropdown menu.
Quick Styles for Form Themes

Note: Updating the font under Quick Styles will change the font for all text on your form (excluding the font used in any images or logos that have been uploaded to the form).

Step 3: Include a Splash of Color

When it comes to marketing and branding, color can play a crucial role. It not only adds to brand recognition, but it can show off your brand’s personality and incite certain emotions. That’s why most companies use a standard set of colors to ensure brand consistency across a variety of internal and external collateral. To ensure your online forms are upholding your brand identity, consider adding a splash of color from your brand’s color palette. Formstack’s Theme Editor makes it super simple to tweak your form colors. Just follow these steps:

  1. Open your form in the builder and navigate to the design settings by clicking the Theme tab at the bottom of the left sidebar and selecting to edit the active theme or create a new theme.
  2. Open the Quick Styles options and click the Edit Form Colors button.
  3. When the Color Editor opens, click the color box next to each element and use the dropdown to select your desired color or enter a specific color code.

Note: You can use this editor to change the colors of backgrounds, borders, labels, and text on your page, form, and fields (both normal and required).

Formstack Form Color Editor

4. To make additional color tweaks to your form, open the Advanced Styles options and navigate through each section to update colors on buttons, answer sliders, and more.

Advanced Styles for Form Themes

Note: When editing form colors, the text color for certain callouts is automatically generated from your choices to ensure readability is maintained.

Formstack’s Theme Editor makes it easy to create branded, beautiful forms. Even better? You can save custom form themes and form templates to make the branded form creation process even more efficient. Click here to learn more.

Blog

Here to Help: 3 Quick Steps to Branding Your Online Forms

Blog

Here to Help: 3 Quick Steps to Branding Your Online Forms

Get the Report

Great, thank ya!

You can now access the content.
Oops! Something went wrong while submitting the form.
Blog

Here to Help: 3 Quick Steps to Branding Your Online Forms

Panelists
No items found.
Introduction
Introduction

Great, thank ya!

You can now access the content.
Download NowDownload Now
Oops! Something went wrong while submitting the form.

"Here to Help" is a support column written especially for Formstack's awesome, loyal customers.

Most marketers know that lack of branding leads to higher form abandonment, but some are not taking the necessary steps to keep visitors from bouncing away. And they are suffering the consequences (i.e., failing to convert leads).Boosting your company’s trust, professionalism, and likability is as simple as creating a consistent, branded experience for your visitors—from first touch to form submission. But is it really that simple? With Formstack, it is! Our easy form design capabilities can help you create branded forms in no time! Here are a few quick ways you can use the Formstack Theme Editor to brand your forms and boost your lead gen efforts:

Step 1: Add a Logo

Brand recognition is an important piece of the marketing puzzle. If prospects and customers can’t quickly determine who’s responsible for a product, service, or piece of content, they won’t likely stick around. Lucky for you, there’s an easy way to ensure you are maintaining brand recognition on your online forms: addition of a company logo. Your logo should easily be the most recognizable piece of visual collateral your brand possesses—so use it! You can add your brand logo to your Formstack forms in just a few easy steps:

1. Open your form in the builder and click the Theme tab at the bottom of the form options sidebar on the left.

Form Themes Tab

2. Click Create New Theme at the bottom of the Themes in Use list, or hover over an existing theme and click Edit Theme.

Form Themes - Create New

Edit Form Themes

3. Scroll to the top of your form and click Add a Header. (Or, alternatively, scroll to the bottom of your form and click Add a Footer.) When the header (or footer) options box pops up, upload your logo image, set your desired size and alignment, and click Confirm.

Formstack Theme Editor - Add a header
Add a Logo to a Formstack Form

Note: Once you’ve added your logo to your header, you can edit it at any time by going back into your theme options and clicking Edit Header at the top of the form.

Edit Formstack Form Header

Step 2: Update the Form Fonts

If your company website and brand collateral use just a few specific fonts, it’s a good idea to carry those fonts into other business assets as well—including your online forms. You want visitors to have a seamless experience with your brand, so serving up consistent text is key.Formstack’s Theme Editor allows you to tweak your form fonts to match your site. With just a few simple clicks (and no need to mess with pesky coding), you can set your form text to one of over 60 Google fonts. Here’s how:

  1. Open your form in the builder and navigate to the design settings by clicking the Theme tab at the bottom of the left sidebar and selecting to edit the active theme or create a new theme.
  2. Open the Quick Styles options and select your desired font from the Form Font dropdown menu.
Quick Styles for Form Themes

Note: Updating the font under Quick Styles will change the font for all text on your form (excluding the font used in any images or logos that have been uploaded to the form).

Step 3: Include a Splash of Color

When it comes to marketing and branding, color can play a crucial role. It not only adds to brand recognition, but it can show off your brand’s personality and incite certain emotions. That’s why most companies use a standard set of colors to ensure brand consistency across a variety of internal and external collateral. To ensure your online forms are upholding your brand identity, consider adding a splash of color from your brand’s color palette. Formstack’s Theme Editor makes it super simple to tweak your form colors. Just follow these steps:

  1. Open your form in the builder and navigate to the design settings by clicking the Theme tab at the bottom of the left sidebar and selecting to edit the active theme or create a new theme.
  2. Open the Quick Styles options and click the Edit Form Colors button.
  3. When the Color Editor opens, click the color box next to each element and use the dropdown to select your desired color or enter a specific color code.

Note: You can use this editor to change the colors of backgrounds, borders, labels, and text on your page, form, and fields (both normal and required).

Formstack Form Color Editor

4. To make additional color tweaks to your form, open the Advanced Styles options and navigate through each section to update colors on buttons, answer sliders, and more.

Advanced Styles for Form Themes

Note: When editing form colors, the text color for certain callouts is automatically generated from your choices to ensure readability is maintained.

Formstack’s Theme Editor makes it easy to create branded, beautiful forms. Even better? You can save custom form themes and form templates to make the branded form creation process even more efficient. Click here to learn more.

Panelists
No items found.
Infographic

Here to Help: 3 Quick Steps to Branding Your Online Forms

Discover three easy ways to create branded, beautiful forms in Formstack with robust form themes design capabilities.
Download InfographicDownload Infographic

"Here to Help" is a support column written especially for Formstack's awesome, loyal customers.

Most marketers know that lack of branding leads to higher form abandonment, but some are not taking the necessary steps to keep visitors from bouncing away. And they are suffering the consequences (i.e., failing to convert leads).Boosting your company’s trust, professionalism, and likability is as simple as creating a consistent, branded experience for your visitors—from first touch to form submission. But is it really that simple? With Formstack, it is! Our easy form design capabilities can help you create branded forms in no time! Here are a few quick ways you can use the Formstack Theme Editor to brand your forms and boost your lead gen efforts:

Step 1: Add a Logo

Brand recognition is an important piece of the marketing puzzle. If prospects and customers can’t quickly determine who’s responsible for a product, service, or piece of content, they won’t likely stick around. Lucky for you, there’s an easy way to ensure you are maintaining brand recognition on your online forms: addition of a company logo. Your logo should easily be the most recognizable piece of visual collateral your brand possesses—so use it! You can add your brand logo to your Formstack forms in just a few easy steps:

1. Open your form in the builder and click the Theme tab at the bottom of the form options sidebar on the left.

Form Themes Tab

2. Click Create New Theme at the bottom of the Themes in Use list, or hover over an existing theme and click Edit Theme.

Form Themes - Create New

Edit Form Themes

3. Scroll to the top of your form and click Add a Header. (Or, alternatively, scroll to the bottom of your form and click Add a Footer.) When the header (or footer) options box pops up, upload your logo image, set your desired size and alignment, and click Confirm.

Formstack Theme Editor - Add a header
Add a Logo to a Formstack Form

Note: Once you’ve added your logo to your header, you can edit it at any time by going back into your theme options and clicking Edit Header at the top of the form.

Edit Formstack Form Header

Step 2: Update the Form Fonts

If your company website and brand collateral use just a few specific fonts, it’s a good idea to carry those fonts into other business assets as well—including your online forms. You want visitors to have a seamless experience with your brand, so serving up consistent text is key.Formstack’s Theme Editor allows you to tweak your form fonts to match your site. With just a few simple clicks (and no need to mess with pesky coding), you can set your form text to one of over 60 Google fonts. Here’s how:

  1. Open your form in the builder and navigate to the design settings by clicking the Theme tab at the bottom of the left sidebar and selecting to edit the active theme or create a new theme.
  2. Open the Quick Styles options and select your desired font from the Form Font dropdown menu.
Quick Styles for Form Themes

Note: Updating the font under Quick Styles will change the font for all text on your form (excluding the font used in any images or logos that have been uploaded to the form).

Step 3: Include a Splash of Color

When it comes to marketing and branding, color can play a crucial role. It not only adds to brand recognition, but it can show off your brand’s personality and incite certain emotions. That’s why most companies use a standard set of colors to ensure brand consistency across a variety of internal and external collateral. To ensure your online forms are upholding your brand identity, consider adding a splash of color from your brand’s color palette. Formstack’s Theme Editor makes it super simple to tweak your form colors. Just follow these steps:

  1. Open your form in the builder and navigate to the design settings by clicking the Theme tab at the bottom of the left sidebar and selecting to edit the active theme or create a new theme.
  2. Open the Quick Styles options and click the Edit Form Colors button.
  3. When the Color Editor opens, click the color box next to each element and use the dropdown to select your desired color or enter a specific color code.

Note: You can use this editor to change the colors of backgrounds, borders, labels, and text on your page, form, and fields (both normal and required).

Formstack Form Color Editor

4. To make additional color tweaks to your form, open the Advanced Styles options and navigate through each section to update colors on buttons, answer sliders, and more.

Advanced Styles for Form Themes

Note: When editing form colors, the text color for certain callouts is automatically generated from your choices to ensure readability is maintained.

Formstack’s Theme Editor makes it easy to create branded, beautiful forms. Even better? You can save custom form themes and form templates to make the branded form creation process even more efficient. Click here to learn more.

"Here to Help" is a support column written especially for Formstack's awesome, loyal customers.

Most marketers know that lack of branding leads to higher form abandonment, but some are not taking the necessary steps to keep visitors from bouncing away. And they are suffering the consequences (i.e., failing to convert leads).Boosting your company’s trust, professionalism, and likability is as simple as creating a consistent, branded experience for your visitors—from first touch to form submission. But is it really that simple? With Formstack, it is! Our easy form design capabilities can help you create branded forms in no time! Here are a few quick ways you can use the Formstack Theme Editor to brand your forms and boost your lead gen efforts:

Step 1: Add a Logo

Brand recognition is an important piece of the marketing puzzle. If prospects and customers can’t quickly determine who’s responsible for a product, service, or piece of content, they won’t likely stick around. Lucky for you, there’s an easy way to ensure you are maintaining brand recognition on your online forms: addition of a company logo. Your logo should easily be the most recognizable piece of visual collateral your brand possesses—so use it! You can add your brand logo to your Formstack forms in just a few easy steps:

1. Open your form in the builder and click the Theme tab at the bottom of the form options sidebar on the left.

Form Themes Tab

2. Click Create New Theme at the bottom of the Themes in Use list, or hover over an existing theme and click Edit Theme.

Form Themes - Create New

Edit Form Themes

3. Scroll to the top of your form and click Add a Header. (Or, alternatively, scroll to the bottom of your form and click Add a Footer.) When the header (or footer) options box pops up, upload your logo image, set your desired size and alignment, and click Confirm.

Formstack Theme Editor - Add a header
Add a Logo to a Formstack Form

Note: Once you’ve added your logo to your header, you can edit it at any time by going back into your theme options and clicking Edit Header at the top of the form.

Edit Formstack Form Header

Step 2: Update the Form Fonts

If your company website and brand collateral use just a few specific fonts, it’s a good idea to carry those fonts into other business assets as well—including your online forms. You want visitors to have a seamless experience with your brand, so serving up consistent text is key.Formstack’s Theme Editor allows you to tweak your form fonts to match your site. With just a few simple clicks (and no need to mess with pesky coding), you can set your form text to one of over 60 Google fonts. Here’s how:

  1. Open your form in the builder and navigate to the design settings by clicking the Theme tab at the bottom of the left sidebar and selecting to edit the active theme or create a new theme.
  2. Open the Quick Styles options and select your desired font from the Form Font dropdown menu.
Quick Styles for Form Themes

Note: Updating the font under Quick Styles will change the font for all text on your form (excluding the font used in any images or logos that have been uploaded to the form).

Step 3: Include a Splash of Color

When it comes to marketing and branding, color can play a crucial role. It not only adds to brand recognition, but it can show off your brand’s personality and incite certain emotions. That’s why most companies use a standard set of colors to ensure brand consistency across a variety of internal and external collateral. To ensure your online forms are upholding your brand identity, consider adding a splash of color from your brand’s color palette. Formstack’s Theme Editor makes it super simple to tweak your form colors. Just follow these steps:

  1. Open your form in the builder and navigate to the design settings by clicking the Theme tab at the bottom of the left sidebar and selecting to edit the active theme or create a new theme.
  2. Open the Quick Styles options and click the Edit Form Colors button.
  3. When the Color Editor opens, click the color box next to each element and use the dropdown to select your desired color or enter a specific color code.

Note: You can use this editor to change the colors of backgrounds, borders, labels, and text on your page, form, and fields (both normal and required).

Formstack Form Color Editor

4. To make additional color tweaks to your form, open the Advanced Styles options and navigate through each section to update colors on buttons, answer sliders, and more.

Advanced Styles for Form Themes

Note: When editing form colors, the text color for certain callouts is automatically generated from your choices to ensure readability is maintained.

Formstack’s Theme Editor makes it easy to create branded, beautiful forms. Even better? You can save custom form themes and form templates to make the branded form creation process even more efficient. Click here to learn more.

Collecting payments with online forms is easy, but first, you have to choose the right payment gateway. Browse the providers in our gateway credit card processing comparison chart to find the best option for your business. Then sign up for Formstack Forms, customize your payment forms, and start collecting profits in minutes.

Online Payment Gateway Comparison Chart

NOTE: These amounts reflect the monthly subscription for the payment provider. Formstack does not charge a fee to integrate with any of our payment partners.

FEATURES
Authorize.Net
Bambora
Chargify
First Data
PayPal
PayPal Pro
PayPal Payflow
Stripe
WePay
ProPay
Monthly Fees
$25
$25
$149+
Contact First Data
$0
$25
$0-$25
$0
$0
$4
Transaction Fees
$2.9% + 30¢
$2.9% + 30¢
N/A
Contact First Data
$2.9% + 30¢
$2.9% + 30¢
10¢
$2.9% + 30¢
$2.9% + 30¢
$2.6% + 30¢
Countries
5
8
Based on payment gateway
50+
203
3
4
25
USA
USA
Currencies
11
2
23
140
25
23
25
135+
1
1
Card Types
6
13
Based on payment gateway
5
9
9
5
6
4
4
Limits
None
None
Based on payment gateway
None
$10,000
None
None
None
None
$500 per transaction
Form Payments
Recurring Billing
Mobile Payments
PSD2 Compliant

"Here to Help" is a support column written especially for Formstack's awesome, loyal customers.

Most marketers know that lack of branding leads to higher form abandonment, but some are not taking the necessary steps to keep visitors from bouncing away. And they are suffering the consequences (i.e., failing to convert leads).Boosting your company’s trust, professionalism, and likability is as simple as creating a consistent, branded experience for your visitors—from first touch to form submission. But is it really that simple? With Formstack, it is! Our easy form design capabilities can help you create branded forms in no time! Here are a few quick ways you can use the Formstack Theme Editor to brand your forms and boost your lead gen efforts:

Step 1: Add a Logo

Brand recognition is an important piece of the marketing puzzle. If prospects and customers can’t quickly determine who’s responsible for a product, service, or piece of content, they won’t likely stick around. Lucky for you, there’s an easy way to ensure you are maintaining brand recognition on your online forms: addition of a company logo. Your logo should easily be the most recognizable piece of visual collateral your brand possesses—so use it! You can add your brand logo to your Formstack forms in just a few easy steps:

1. Open your form in the builder and click the Theme tab at the bottom of the form options sidebar on the left.

Form Themes Tab

2. Click Create New Theme at the bottom of the Themes in Use list, or hover over an existing theme and click Edit Theme.

Form Themes - Create New

Edit Form Themes

3. Scroll to the top of your form and click Add a Header. (Or, alternatively, scroll to the bottom of your form and click Add a Footer.) When the header (or footer) options box pops up, upload your logo image, set your desired size and alignment, and click Confirm.

Formstack Theme Editor - Add a header
Add a Logo to a Formstack Form

Note: Once you’ve added your logo to your header, you can edit it at any time by going back into your theme options and clicking Edit Header at the top of the form.

Edit Formstack Form Header

Step 2: Update the Form Fonts

If your company website and brand collateral use just a few specific fonts, it’s a good idea to carry those fonts into other business assets as well—including your online forms. You want visitors to have a seamless experience with your brand, so serving up consistent text is key.Formstack’s Theme Editor allows you to tweak your form fonts to match your site. With just a few simple clicks (and no need to mess with pesky coding), you can set your form text to one of over 60 Google fonts. Here’s how:

  1. Open your form in the builder and navigate to the design settings by clicking the Theme tab at the bottom of the left sidebar and selecting to edit the active theme or create a new theme.
  2. Open the Quick Styles options and select your desired font from the Form Font dropdown menu.
Quick Styles for Form Themes

Note: Updating the font under Quick Styles will change the font for all text on your form (excluding the font used in any images or logos that have been uploaded to the form).

Step 3: Include a Splash of Color

When it comes to marketing and branding, color can play a crucial role. It not only adds to brand recognition, but it can show off your brand’s personality and incite certain emotions. That’s why most companies use a standard set of colors to ensure brand consistency across a variety of internal and external collateral. To ensure your online forms are upholding your brand identity, consider adding a splash of color from your brand’s color palette. Formstack’s Theme Editor makes it super simple to tweak your form colors. Just follow these steps:

  1. Open your form in the builder and navigate to the design settings by clicking the Theme tab at the bottom of the left sidebar and selecting to edit the active theme or create a new theme.
  2. Open the Quick Styles options and click the Edit Form Colors button.
  3. When the Color Editor opens, click the color box next to each element and use the dropdown to select your desired color or enter a specific color code.

Note: You can use this editor to change the colors of backgrounds, borders, labels, and text on your page, form, and fields (both normal and required).

Formstack Form Color Editor

4. To make additional color tweaks to your form, open the Advanced Styles options and navigate through each section to update colors on buttons, answer sliders, and more.

Advanced Styles for Form Themes

Note: When editing form colors, the text color for certain callouts is automatically generated from your choices to ensure readability is maintained.

Formstack’s Theme Editor makes it easy to create branded, beautiful forms. Even better? You can save custom form themes and form templates to make the branded form creation process even more efficient. Click here to learn more.

"Here to Help" is a support column written especially for Formstack's awesome, loyal customers.

Most marketers know that lack of branding leads to higher form abandonment, but some are not taking the necessary steps to keep visitors from bouncing away. And they are suffering the consequences (i.e., failing to convert leads).Boosting your company’s trust, professionalism, and likability is as simple as creating a consistent, branded experience for your visitors—from first touch to form submission. But is it really that simple? With Formstack, it is! Our easy form design capabilities can help you create branded forms in no time! Here are a few quick ways you can use the Formstack Theme Editor to brand your forms and boost your lead gen efforts:

Step 1: Add a Logo

Brand recognition is an important piece of the marketing puzzle. If prospects and customers can’t quickly determine who’s responsible for a product, service, or piece of content, they won’t likely stick around. Lucky for you, there’s an easy way to ensure you are maintaining brand recognition on your online forms: addition of a company logo. Your logo should easily be the most recognizable piece of visual collateral your brand possesses—so use it! You can add your brand logo to your Formstack forms in just a few easy steps:

1. Open your form in the builder and click the Theme tab at the bottom of the form options sidebar on the left.

Form Themes Tab

2. Click Create New Theme at the bottom of the Themes in Use list, or hover over an existing theme and click Edit Theme.

Form Themes - Create New

Edit Form Themes

3. Scroll to the top of your form and click Add a Header. (Or, alternatively, scroll to the bottom of your form and click Add a Footer.) When the header (or footer) options box pops up, upload your logo image, set your desired size and alignment, and click Confirm.

Formstack Theme Editor - Add a header
Add a Logo to a Formstack Form

Note: Once you’ve added your logo to your header, you can edit it at any time by going back into your theme options and clicking Edit Header at the top of the form.

Edit Formstack Form Header

Step 2: Update the Form Fonts

If your company website and brand collateral use just a few specific fonts, it’s a good idea to carry those fonts into other business assets as well—including your online forms. You want visitors to have a seamless experience with your brand, so serving up consistent text is key.Formstack’s Theme Editor allows you to tweak your form fonts to match your site. With just a few simple clicks (and no need to mess with pesky coding), you can set your form text to one of over 60 Google fonts. Here’s how:

  1. Open your form in the builder and navigate to the design settings by clicking the Theme tab at the bottom of the left sidebar and selecting to edit the active theme or create a new theme.
  2. Open the Quick Styles options and select your desired font from the Form Font dropdown menu.
Quick Styles for Form Themes

Note: Updating the font under Quick Styles will change the font for all text on your form (excluding the font used in any images or logos that have been uploaded to the form).

Step 3: Include a Splash of Color

When it comes to marketing and branding, color can play a crucial role. It not only adds to brand recognition, but it can show off your brand’s personality and incite certain emotions. That’s why most companies use a standard set of colors to ensure brand consistency across a variety of internal and external collateral. To ensure your online forms are upholding your brand identity, consider adding a splash of color from your brand’s color palette. Formstack’s Theme Editor makes it super simple to tweak your form colors. Just follow these steps:

  1. Open your form in the builder and navigate to the design settings by clicking the Theme tab at the bottom of the left sidebar and selecting to edit the active theme or create a new theme.
  2. Open the Quick Styles options and click the Edit Form Colors button.
  3. When the Color Editor opens, click the color box next to each element and use the dropdown to select your desired color or enter a specific color code.

Note: You can use this editor to change the colors of backgrounds, borders, labels, and text on your page, form, and fields (both normal and required).

Formstack Form Color Editor

4. To make additional color tweaks to your form, open the Advanced Styles options and navigate through each section to update colors on buttons, answer sliders, and more.

Advanced Styles for Form Themes

Note: When editing form colors, the text color for certain callouts is automatically generated from your choices to ensure readability is maintained.

Formstack’s Theme Editor makes it easy to create branded, beautiful forms. Even better? You can save custom form themes and form templates to make the branded form creation process even more efficient. Click here to learn more.

"Here to Help" is a support column written especially for Formstack's awesome, loyal customers.

Most marketers know that lack of branding leads to higher form abandonment, but some are not taking the necessary steps to keep visitors from bouncing away. And they are suffering the consequences (i.e., failing to convert leads).Boosting your company’s trust, professionalism, and likability is as simple as creating a consistent, branded experience for your visitors—from first touch to form submission. But is it really that simple? With Formstack, it is! Our easy form design capabilities can help you create branded forms in no time! Here are a few quick ways you can use the Formstack Theme Editor to brand your forms and boost your lead gen efforts:

Step 1: Add a Logo

Brand recognition is an important piece of the marketing puzzle. If prospects and customers can’t quickly determine who’s responsible for a product, service, or piece of content, they won’t likely stick around. Lucky for you, there’s an easy way to ensure you are maintaining brand recognition on your online forms: addition of a company logo. Your logo should easily be the most recognizable piece of visual collateral your brand possesses—so use it! You can add your brand logo to your Formstack forms in just a few easy steps:

1. Open your form in the builder and click the Theme tab at the bottom of the form options sidebar on the left.

Form Themes Tab

2. Click Create New Theme at the bottom of the Themes in Use list, or hover over an existing theme and click Edit Theme.

Form Themes - Create New

Edit Form Themes

3. Scroll to the top of your form and click Add a Header. (Or, alternatively, scroll to the bottom of your form and click Add a Footer.) When the header (or footer) options box pops up, upload your logo image, set your desired size and alignment, and click Confirm.

Formstack Theme Editor - Add a header
Add a Logo to a Formstack Form

Note: Once you’ve added your logo to your header, you can edit it at any time by going back into your theme options and clicking Edit Header at the top of the form.

Edit Formstack Form Header

Step 2: Update the Form Fonts

If your company website and brand collateral use just a few specific fonts, it’s a good idea to carry those fonts into other business assets as well—including your online forms. You want visitors to have a seamless experience with your brand, so serving up consistent text is key.Formstack’s Theme Editor allows you to tweak your form fonts to match your site. With just a few simple clicks (and no need to mess with pesky coding), you can set your form text to one of over 60 Google fonts. Here’s how:

  1. Open your form in the builder and navigate to the design settings by clicking the Theme tab at the bottom of the left sidebar and selecting to edit the active theme or create a new theme.
  2. Open the Quick Styles options and select your desired font from the Form Font dropdown menu.
Quick Styles for Form Themes

Note: Updating the font under Quick Styles will change the font for all text on your form (excluding the font used in any images or logos that have been uploaded to the form).

Step 3: Include a Splash of Color

When it comes to marketing and branding, color can play a crucial role. It not only adds to brand recognition, but it can show off your brand’s personality and incite certain emotions. That’s why most companies use a standard set of colors to ensure brand consistency across a variety of internal and external collateral. To ensure your online forms are upholding your brand identity, consider adding a splash of color from your brand’s color palette. Formstack’s Theme Editor makes it super simple to tweak your form colors. Just follow these steps:

  1. Open your form in the builder and navigate to the design settings by clicking the Theme tab at the bottom of the left sidebar and selecting to edit the active theme or create a new theme.
  2. Open the Quick Styles options and click the Edit Form Colors button.
  3. When the Color Editor opens, click the color box next to each element and use the dropdown to select your desired color or enter a specific color code.

Note: You can use this editor to change the colors of backgrounds, borders, labels, and text on your page, form, and fields (both normal and required).

Formstack Form Color Editor

4. To make additional color tweaks to your form, open the Advanced Styles options and navigate through each section to update colors on buttons, answer sliders, and more.

Advanced Styles for Form Themes

Note: When editing form colors, the text color for certain callouts is automatically generated from your choices to ensure readability is maintained.

Formstack’s Theme Editor makes it easy to create branded, beautiful forms. Even better? You can save custom form themes and form templates to make the branded form creation process even more efficient. Click here to learn more.

"Here to Help" is a support column written especially for Formstack's awesome, loyal customers.

Most marketers know that lack of branding leads to higher form abandonment, but some are not taking the necessary steps to keep visitors from bouncing away. And they are suffering the consequences (i.e., failing to convert leads).Boosting your company’s trust, professionalism, and likability is as simple as creating a consistent, branded experience for your visitors—from first touch to form submission. But is it really that simple? With Formstack, it is! Our easy form design capabilities can help you create branded forms in no time! Here are a few quick ways you can use the Formstack Theme Editor to brand your forms and boost your lead gen efforts:

Step 1: Add a Logo

Brand recognition is an important piece of the marketing puzzle. If prospects and customers can’t quickly determine who’s responsible for a product, service, or piece of content, they won’t likely stick around. Lucky for you, there’s an easy way to ensure you are maintaining brand recognition on your online forms: addition of a company logo. Your logo should easily be the most recognizable piece of visual collateral your brand possesses—so use it! You can add your brand logo to your Formstack forms in just a few easy steps:

1. Open your form in the builder and click the Theme tab at the bottom of the form options sidebar on the left.

Form Themes Tab

2. Click Create New Theme at the bottom of the Themes in Use list, or hover over an existing theme and click Edit Theme.

Form Themes - Create New

Edit Form Themes

3. Scroll to the top of your form and click Add a Header. (Or, alternatively, scroll to the bottom of your form and click Add a Footer.) When the header (or footer) options box pops up, upload your logo image, set your desired size and alignment, and click Confirm.

Formstack Theme Editor - Add a header
Add a Logo to a Formstack Form

Note: Once you’ve added your logo to your header, you can edit it at any time by going back into your theme options and clicking Edit Header at the top of the form.

Edit Formstack Form Header

Step 2: Update the Form Fonts

If your company website and brand collateral use just a few specific fonts, it’s a good idea to carry those fonts into other business assets as well—including your online forms. You want visitors to have a seamless experience with your brand, so serving up consistent text is key.Formstack’s Theme Editor allows you to tweak your form fonts to match your site. With just a few simple clicks (and no need to mess with pesky coding), you can set your form text to one of over 60 Google fonts. Here’s how:

  1. Open your form in the builder and navigate to the design settings by clicking the Theme tab at the bottom of the left sidebar and selecting to edit the active theme or create a new theme.
  2. Open the Quick Styles options and select your desired font from the Form Font dropdown menu.
Quick Styles for Form Themes

Note: Updating the font under Quick Styles will change the font for all text on your form (excluding the font used in any images or logos that have been uploaded to the form).

Step 3: Include a Splash of Color

When it comes to marketing and branding, color can play a crucial role. It not only adds to brand recognition, but it can show off your brand’s personality and incite certain emotions. That’s why most companies use a standard set of colors to ensure brand consistency across a variety of internal and external collateral. To ensure your online forms are upholding your brand identity, consider adding a splash of color from your brand’s color palette. Formstack’s Theme Editor makes it super simple to tweak your form colors. Just follow these steps:

  1. Open your form in the builder and navigate to the design settings by clicking the Theme tab at the bottom of the left sidebar and selecting to edit the active theme or create a new theme.
  2. Open the Quick Styles options and click the Edit Form Colors button.
  3. When the Color Editor opens, click the color box next to each element and use the dropdown to select your desired color or enter a specific color code.

Note: You can use this editor to change the colors of backgrounds, borders, labels, and text on your page, form, and fields (both normal and required).

Formstack Form Color Editor

4. To make additional color tweaks to your form, open the Advanced Styles options and navigate through each section to update colors on buttons, answer sliders, and more.

Advanced Styles for Form Themes

Note: When editing form colors, the text color for certain callouts is automatically generated from your choices to ensure readability is maintained.

Formstack’s Theme Editor makes it easy to create branded, beautiful forms. Even better? You can save custom form themes and form templates to make the branded form creation process even more efficient. Click here to learn more.

"Here to Help" is a support column written especially for Formstack's awesome, loyal customers.

Most marketers know that lack of branding leads to higher form abandonment, but some are not taking the necessary steps to keep visitors from bouncing away. And they are suffering the consequences (i.e., failing to convert leads).Boosting your company’s trust, professionalism, and likability is as simple as creating a consistent, branded experience for your visitors—from first touch to form submission. But is it really that simple? With Formstack, it is! Our easy form design capabilities can help you create branded forms in no time! Here are a few quick ways you can use the Formstack Theme Editor to brand your forms and boost your lead gen efforts:

Step 1: Add a Logo

Brand recognition is an important piece of the marketing puzzle. If prospects and customers can’t quickly determine who’s responsible for a product, service, or piece of content, they won’t likely stick around. Lucky for you, there’s an easy way to ensure you are maintaining brand recognition on your online forms: addition of a company logo. Your logo should easily be the most recognizable piece of visual collateral your brand possesses—so use it! You can add your brand logo to your Formstack forms in just a few easy steps:

1. Open your form in the builder and click the Theme tab at the bottom of the form options sidebar on the left.

Form Themes Tab

2. Click Create New Theme at the bottom of the Themes in Use list, or hover over an existing theme and click Edit Theme.

Form Themes - Create New

Edit Form Themes

3. Scroll to the top of your form and click Add a Header. (Or, alternatively, scroll to the bottom of your form and click Add a Footer.) When the header (or footer) options box pops up, upload your logo image, set your desired size and alignment, and click Confirm.

Formstack Theme Editor - Add a header
Add a Logo to a Formstack Form

Note: Once you’ve added your logo to your header, you can edit it at any time by going back into your theme options and clicking Edit Header at the top of the form.

Edit Formstack Form Header

Step 2: Update the Form Fonts

If your company website and brand collateral use just a few specific fonts, it’s a good idea to carry those fonts into other business assets as well—including your online forms. You want visitors to have a seamless experience with your brand, so serving up consistent text is key.Formstack’s Theme Editor allows you to tweak your form fonts to match your site. With just a few simple clicks (and no need to mess with pesky coding), you can set your form text to one of over 60 Google fonts. Here’s how:

  1. Open your form in the builder and navigate to the design settings by clicking the Theme tab at the bottom of the left sidebar and selecting to edit the active theme or create a new theme.
  2. Open the Quick Styles options and select your desired font from the Form Font dropdown menu.
Quick Styles for Form Themes

Note: Updating the font under Quick Styles will change the font for all text on your form (excluding the font used in any images or logos that have been uploaded to the form).

Step 3: Include a Splash of Color

When it comes to marketing and branding, color can play a crucial role. It not only adds to brand recognition, but it can show off your brand’s personality and incite certain emotions. That’s why most companies use a standard set of colors to ensure brand consistency across a variety of internal and external collateral. To ensure your online forms are upholding your brand identity, consider adding a splash of color from your brand’s color palette. Formstack’s Theme Editor makes it super simple to tweak your form colors. Just follow these steps:

  1. Open your form in the builder and navigate to the design settings by clicking the Theme tab at the bottom of the left sidebar and selecting to edit the active theme or create a new theme.
  2. Open the Quick Styles options and click the Edit Form Colors button.
  3. When the Color Editor opens, click the color box next to each element and use the dropdown to select your desired color or enter a specific color code.

Note: You can use this editor to change the colors of backgrounds, borders, labels, and text on your page, form, and fields (both normal and required).

Formstack Form Color Editor

4. To make additional color tweaks to your form, open the Advanced Styles options and navigate through each section to update colors on buttons, answer sliders, and more.

Advanced Styles for Form Themes

Note: When editing form colors, the text color for certain callouts is automatically generated from your choices to ensure readability is maintained.

Formstack’s Theme Editor makes it easy to create branded, beautiful forms. Even better? You can save custom form themes and form templates to make the branded form creation process even more efficient. Click here to learn more.

Jessica Haas
Jessica is the Director of CX & Professional Services at Formstack and has been with the company since 2012. Most of the time, her brain is consumed by thoughts of service design, customer happiness, and creative solutions. She wants to make a difference for people and hopes to someday become a master of zen.
More Articles
Meet The Host
CEO of
Connect
Chris is on a mission to turn people into great leaders. He's passionate about helping problem solvers see more value in the work they do every day.