[vc_row type=”in_container” full_screen_row_position=”middle” column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” scene_position=”center” left_padding_desktop=”30px” right_padding_desktop=”120px” text_color=”dark” text_align=”left” row_border_radius=”none” row_border_radius_applies=”bg” overflow=”visible” overlay_strength=”0.3″ gradient_direction=”left_to_right” shape_divider_position=”bottom” bg_image_animation=”none” gradient_type=”default” shape_type=””][vc_column column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1/1″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_custom_heading text=”How to Create a Form?” font_container=”tag:h2|font_size:34px|text_align:left|line_height:44px” use_theme_fonts=”yes” css=””][divider line_type=”Full Width Line” line_thickness=”1″ divider_color=”default” custom_height=”60px”][vc_column_text css=”.vc_custom_1743490006265{border-radius: 2px !important;}” text_direction=”default” el_class=”custom-line-height”]Follow the steps below to create a new form.

Step 1:
Login into Mobiconnect with Owner/Admin credential and select your project.
https://www.mobiconnect.net/login

Step 2:
Navigate to Forms page by Clicking “Forms” from the main menu

Step 3:
Click on the ‘New’ button at the top right to create a new  form.[/vc_column_text][divider line_type=”No Line” custom_height=”15px”][image_with_animation image_url=”508″ image_size=”large” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”10px” box_shadow=”none” image_loading=”default” max_width=”100%” max_width_mobile=”default”][divider line_type=”No Line” custom_height=”15px”][vc_column_text css=”” text_direction=”default” el_class=”custom-line-height”]Step 4:
Fill out the form details
Click on ‘Save’ to save the changes.[/vc_column_text][divider line_type=”No Line” custom_height=”15px”][image_with_animation image_url=”509″ image_size=”large” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”10px” box_shadow=”none” image_loading=”default” max_width=”100%” max_width_mobile=”default”][divider line_type=”No Line” custom_height=”15px”][vc_column_text css=”” text_direction=”default” el_class=”custom-info-box”]Info: Form details

• Enter the name of the form in the ‘Form Name’ field.
• Add tags for categorisation in the ‘Tags’ field.
• Click ‘Upload’ and select the image file.
• Mark the form as featured by checking the ‘Featured’ box, if desired.
• Enable or disable the form using the toggle switch.
• Select a default style by checking or unchecking the ‘Default Style’ box. If unchecked, select a CSS style from the dropdown menu of global CSS styles.

[/vc_column_text][divider line_type=”No Line” custom_height=”15px”][divider line_type=”No Line” custom_height=”15px”][vc_column_text css=”” text_direction=”default” el_class=”custom-line-height”]Step 5:
Click on ‘Add Block’ within the form editor to insert a block .[/vc_column_text][divider line_type=”No Line” custom_height=”15px”][image_with_animation image_url=”510″ image_size=”large” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”10px” box_shadow=”none” image_loading=”default” max_width=”100%” max_width_mobile=”default”][divider line_type=”No Line” custom_height=”15px”][vc_column_text css=”” text_direction=”default”]Step 6:

• New block: Choose a layout such as one-column, two column, three column or four-column. Or an existing block.
• To add an existing block: Select ‘Add Existing Block’ and choose from the list of saved blocks.

[/vc_column_text][divider line_type=”No Line” custom_height=”15px”][image_with_animation image_url=”511″ image_size=”large” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”10px” box_shadow=”small_depth” image_loading=”default” max_width=”100%” max_width_mobile=”default”][divider line_type=”No Line” custom_height=”15px”][image_with_animation image_url=”512″ image_size=”large” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”10px” box_shadow=”none” image_loading=”default” max_width=”100%” max_width_mobile=”default”][divider line_type=”No Line” custom_height=”15px”][vc_column_text css=”” text_direction=”default” el_class=”custom-line-height”]Step 7:
In the block, click on + icon to add inputs or elements[/vc_column_text][divider line_type=”No Line” custom_height=”15px”][image_with_animation image_url=”513″ image_size=”large” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”10px” box_shadow=”none” image_loading=”default” max_width=”100%” max_width_mobile=”default”][divider line_type=”No Line” custom_height=”15px”][vc_column_text css=”” text_direction=”default”]Step 8 : 

• Use the ‘Search’ bar to quickly find form elements and inputs.
• Choose from various input fields by selecting options like text, email, phone, checkbox, etc.
• Add functional elements such as text blocks, headers, buttons, galleries by selecting from the ‘Element Options’.

[/vc_column_text][divider line_type=”No Line” custom_height=”15px”][image_with_animation image_url=”514″ image_size=”large” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”10px” box_shadow=”small_depth” image_loading=”default” max_width=”100%” max_width_mobile=”default”][divider line_type=”No Line” custom_height=”15px”][image_with_animation image_url=”515″ image_size=”large” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”10px” box_shadow=”small_depth” image_loading=”default” max_width=”100%” max_width_mobile=”default”][divider line_type=”No Line” custom_height=”15px”][vc_column_text css=”” text_direction=”default”]Step 9:

• Click on ‘pencil icon’ of the each Element added to Configure the properties for element, such as Help text , label name , required option, size, color, and font etc.
• Click on ‘Save Changes’ to update the settings of element.
• Click on delete icon to remove the element from the block

[/vc_column_text][divider line_type=”No Line” custom_height=”15px”][image_with_animation image_url=”516″ image_size=”large” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”10px” box_shadow=”small_depth” image_loading=”default” max_width=”100%” max_width_mobile=”default”][divider line_type=”No Line” custom_height=”15px”][vc_column_text css=”” text_direction=”default”]Step 10 :

• Click on ‘Add New Page’ to create a new page within the form.
• Add blocks and insert elements as needed to the new page.

[/vc_column_text][divider line_type=”No Line” custom_height=”15px”][image_with_animation image_url=”517″ image_size=”large” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”10px” box_shadow=”small_depth” image_loading=”default” max_width=”100%” max_width_mobile=”default”][divider line_type=”No Line” custom_height=”15px”][vc_column_text css=”” text_direction=”default”]Step 11:

To edit page settings, click on ‘Pencil icon ‘ next to add Page , where you can modify button details or delete pages.[/vc_column_text][divider line_type=”No Line” custom_height=”15px”][image_with_animation image_url=”519″ image_size=”large” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”10px” box_shadow=”small_depth” image_loading=”default” max_width=”100%” max_width_mobile=”default”][divider line_type=”No Line” custom_height=”15px”][image_with_animation image_url=”801″ image_size=”large” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”10px” box_shadow=”small_depth” image_loading=”default” max_width=”100%” max_width_mobile=”default”][divider line_type=”No Line” custom_height=”15px”][image_with_animation image_url=”802″ image_size=”large” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”10px” box_shadow=”small_depth” image_loading=”default” max_width=”100%” max_width_mobile=”default”][divider line_type=”No Line” custom_height=”15px”][image_with_animation image_url=”803″ image_size=”large” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”10px” box_shadow=”small_depth” image_loading=”default” max_width=”100%” max_width_mobile=”default”][vc_column_text css=”” text_direction=”default”]Step 12 :

Click on Submit to Folder and choose the folder from the Docs to save the Form .[/vc_column_text][divider line_type=”No Line” custom_height=”15px”][image_with_animation image_url=”522″ image_size=”large” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”10px” box_shadow=”small_depth” image_loading=”default” max_width=”100%” max_width_mobile=”default”][divider line_type=”No Line” custom_height=”15px”][image_with_animation image_url=”521″ image_size=”large” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”10px” box_shadow=”small_depth” image_loading=”default” max_width=”100%” max_width_mobile=”default”][divider line_type=”No Line” custom_height=”15px”][image_with_animation image_url=”520″ image_size=”large” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”10px” box_shadow=”small_depth” image_loading=”default” max_width=”100%” max_width_mobile=”default”][divider line_type=”No Line” custom_height=”15px”][vc_column_text css=”” text_direction=”default”]Step 13 :

• Click on ‘Settings ‘ icon to preview the Form details
• Click on CSS editor to add CSS elements or Class
• Click on Preview to review the form before finalising.

[/vc_column_text][divider line_type=”No Line” custom_height=”15px”][image_with_animation image_url=”523″ image_size=”large” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”10px” box_shadow=”small_depth” image_loading=”default” max_width=”100%” max_width_mobile=”default”][divider line_type=”No Line” custom_height=”15px”][vc_column_text css=”” text_direction=”default”]Step 14:.

• Click on ‘Save’ to draft or publish the form as needed.

[/vc_column_text][divider line_type=”No Line” custom_height=”15px”][image_with_animation image_url=”804″ image_size=”large” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”10px” box_shadow=”small_depth” image_loading=”default” max_width=”100%” max_width_mobile=”default”][divider line_type=”No Line” custom_height=”15px”][/vc_column][/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” scene_position=”center” text_color=”dark” text_align=”left” row_border_radius=”none” row_border_radius_applies=”bg” overflow=”visible” overlay_strength=”0.3″ gradient_direction=”left_to_right” shape_divider_position=”bottom” bg_image_animation=”none”][vc_column column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1/1″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][/vc_column][/vc_row]