Skip to main content
[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 Page?” 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=”” text_direction=”default”]Follow the steps below to create a page using the page builder.

Step 1:
Login into Mobiconnect with Valid credentials and select your project.
https://www.mobiconnect.net/login

Step 2:
Navigate to the Pages by clicking on the ‘pages’ from the menu.

Step 3:
Click on ‘New ‘ on the top right corner to open the form creation page[/vc_column_text][divider line_type=”No Line” custom_height=”15px”][image_with_animation image_url=”755″ 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 4:

In the ‘Page Builder’ , Fill out the details

After entering, Click on ‘Save’ to save the Page Details.[/vc_column_text][divider line_type=”No Line” custom_height=”15px”][image_with_animation image_url=”756″ 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 5: Add Block 
Click on ‘Add Block’ within the page editor to insert a block .

  • Choose a layout such as one-column, two column , three column or four-column. to add a new block
  • To add an existing block, Click on  ‘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=”757″ 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:

  • Click +  to Add Elements to include text, images, buttons, or other components.
  • Edit each element as needed.
  • Click Preview to see changes before finalising.
[/vc_column_text][divider line_type=”No Line” custom_height=”15px”][image_with_animation image_url=”759″ 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”][image_with_animation image_url=”758″ 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 7: 
Use the CSS Editor to apply custom styles.
Use the HTML Editor for advanced changes

Click Save  to store changes without publishing.
Click Publish to make the page live.[/vc_column_text][divider line_type=”No Line” custom_height=”15px”][image_with_animation image_url=”760″ 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”][image_with_animation image_url=”761″ 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][/vc_row]