Forms Features
This section details the most important features of Forms. Many features are set on a global level helping you to save time. If you need to adjust these values for specific forms, you can do that too.
Branding
It is important to represent your company's brand identity on your forms. The Branding section allows you to set the basic color scheme and the logo displayed on all of your templates and forms.
Logo
The logo will be displayed on the top of your generated form.
Upload your logo in PNG format.
Keep the colors of the form in mind. They should alway be in harmony with your logo. If necessary, upload a monocolor version of your logo.
Color
The primary color of your form. It is used for Button elements.
Keep the colors of the form in mind. The color and the button font color should always have appropriate contrast ratio.
Button Font Color
The button font color of your form. It is used for the text color of Button elements.
We recommend using white (#FFFFFF) or black (#000000) as Button Font Color.
Keep the colors of the form in mind. The color and the button font color should always have appropriate contrast ratio.
Background Color
The background color displayed on the webpage behind your form.
We recommend avoiding vivid colors. #F6F5F4 or #FBFEFB can be a subtle choice.
Keep the colors of the form in mind. They should alway be in harmony with your brand.
Font
Forms uses Google Fonts. These fonts can be used without license.
Find the fonts available in our forms below:
Sans Serif Fonts:
- Roboto (Regular 400)
- Open Sans (Regular 400)
- Montserrat (Medium 500)
- Poppins (Regular 400)
- Bebas Neue
- Comfortaa (Bold 700)
- Varela Round
Serif Fonts:
- Roboto Mono (Light 300)
- Source Code Pro (Bold 700)
- Alfa Slab One
- Vast Shadow
- Stint Ultra Expanded
Handwritten:
- Patrick Hand
- Amatic SC (Regular 400)
- Architects Daughter
Templates
Create reusable templates just like you would create forms. These then can be adjusted with a few clicks for unique forms. Once you have the template ready, just choose the Create from Template option when creating a new form.
Preview Form
Preview your forms without opening the URL or iframe. Just click on the Preview Form option to see the desktop, tablet and mobile version of your form.
Duplicate Form
If you only want to modify a few things on an existing form, you can simply duplicate one. This is ideal for A/B testing or when you have variants of a form.
Embed form
In order to make your forms work on your website you just need to meet some requirements.
Installation
- Copy Iframe from the Forms page
- Paste into the right place for your code.
- Meet the minimum size requirements.
- Enjoy!
You can copy your form iframe code snippet easily by clicking to Copy Iframe dropdown button
on the Forms page. It should look like the following example snippet.
<iframe width="360px" height="640px" src="http://merchant.metricsglobal.local/forms/<yourFormId>" />
Requirements
| Attribute | Type | Accepted units | Description | Minimum | Recommended |
|---|---|---|---|---|---|
width | string | px, % | Required. Width of the embed form | 360px | 1320px |
height | string | px, % | Required. Height of the embed form | 640px | 880px |
URL
If you don't have your own website you can just copy the unique public URL of your form.
QR Code
If you want to advertise your form in an ad or on a festival/congress, you can just download the QR code of the form and insert it into your design or print it.
Keep the ratio and size of the QR codes in mind. They should never be distorted or enlarged.
Form Status
Forms have 2 statuses: active and inactive. Features are still available regardless of the status of the form.
The status can be changed in the Forms page.
Active: It is turned on on the Forms page. Forms are available and responses can be collected.
Inactive: It is turned off on the Forms page. Forms are unavailable and responses cannot be collected. The already collected responses are still available.
Form Responses
The Responses submenu compiles the responses that you have collected for all of your forms. You can see your most important fields displayed based on your form preferences.
If you wish you can export the responses into a CSV and import them into a given software or system.
Legal Documents
Legal Documents are crucial for your Forms. They are displayed to your users at the end of each form. They need to acknowledge that they accept your legal documents before sending the form.
Your Privacy Policy, Terms and Conditions and Refund Policy are hyperlinked in each form. When the users click on it, they are displayed in a new tab in their browser. This way the workflow of the Form is not disturbed.
Social Links
Forms can also be a powerful marketing tool. You can utilize it to display the links of your social media. You can add the URL of your Twitter, Facebook, Linkedin and Getter profiles to the Forms.