Add & edit Fields

Add & edit Fields

Title 

Title is the heading of the contact form, you can change it to fit your form purpose.


Description 

Description is a small paragraph under Title. You can use it to present the introduction or purpose of contact form.





Fields 




In fields list, you can quickly change the order by drag-n-drop action. 
For specific settings, click the pen-icon button to edit each field.



We offer Default fields and Custom fields which are suitable for multiple purposes. 
  1. Default fields: basic fields required for a form, including Name, Email address, Subject, Message. 
  2. Custom fields: advanced fields for further purposes, for example: checkbox, radio...


Field settings

Field name 

The field name only shows up in submission email, it's different from Field label - which shows up on form interface.
* Field name is not available to change in Default fields (Name, Email, Subject, Message)



Field label/placeholder

Field label/placeholder are presented in forms and viewed by customers. 
You can switch between Label (show up out of field) or Placeholder (show up inside field) in Style > Fields style.

Input type 

  1. Short text: work best for one-sentence input values 

  2. Email: this field requires to fill in the right email format (abc@xyz.com)

  1. Dropdown list: allow you to create a list of dropdown options. 


  1. Multiple choices: display the options under the form of radio button, only able to select one answer.

  1. Checkboxes: display the options under the form of multiple boxes, able to select multiple answers.


  1. Paragraph: work for longer input values. 
  2. Terms checkbox: push customers read and accept the Terms and Condition before submitting the form.


Input options

Type your options name. Use "Enter" to separate each option.
Take the image below for example. 


In case you want to have a default option (pre-selected option), type that option name.


Required field

You can choose a field to be "required". It means that customers have to fill out that field with right values to be able to submit form.

The email field requires input values in proper email format


Style 

Field width 

This indicates how much space each field will makes up for in a row. 



If there're 2 fields with Half width next to each other, they will align to one row.


Radio/checkbox alignment 

  1. Horizontal: show options in horizontal order

  1. Vertical: show options in vertical order

In Bubble layout, we recommend you choose Horizontal alignment if there are too many options.

Extra classname

This option is individually styling purpose, required coding experience.




Submit button 

Edit the text of submit button 

Success message 

After customers send form successfully, the browser will automatically refresh and a thank you message appears above the contact form tab.




    • Related Articles

    • Create/Edit a bar

      Templates There are 10 available templates to choose for your bar. Templates having a star () are available in Premium plan only. A template includes: background image, color, font, size of message, button, countdown. You can change any setting of a ...
    • Add Sections in Mobile Menu app

      Mobile Menu app supports 12 types of section: Menu Use this section to add your Links list. Section settings: Section title (optional): Enter a title for the section. This title will be displayed in the menu. Disable title: If you don't want to show ...
    • Adjust Form Styles

      Form style  Font family  Our app supports Google Fonts, you can type the font name to search. Leave it blank if you want to use theme's default font. Font size  Choose one size for all text content of the form. Text align  *Only apply to tittle and ...
    • How to set up multiple Custom Fields?

      You can create multiple Custom Fields forms in our Checkout Plus app. However, you only can use up to 5 Custom Fields forms in your checkout page. Each form you created will have an unique ID. You can find this Form ID after creating the form ...
    • Add slideshow to other pages

      To add slideshows to other pages outside collection pages, you need to create slideshows in the "Other pages" section.  In your Collection Slideshow app, go to “Other Pages” and create new slideshow For all slideshows in this section, there is only ...