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 manage Block within block builder?” 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 manage Block within the Block builder.

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

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

Step 3:
Click on ‘New ‘ on the top right corner[/vc_column_text][divider line_type=”No Line” custom_height=”15px”][image_with_animation image_url=”816″ 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 ‘Block Builder’ , Fill out the details

  • Provide a name for the block.
  • Add relevant tags for categorisation.

After entering, Click on ‘Save’ to save the details.[/vc_column_text][divider line_type=”No Line” custom_height=”15px”][image_with_animation image_url=”817″ 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’ to insert a block .

  • Choose a layout such as one-column, two column , three column or four-column.
[/vc_column_text][divider line_type=”No Line” custom_height=”15px”][image_with_animation image_url=”819″ 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.[/vc_column_text][divider line_type=”No Line” custom_height=”15px”][image_with_animation image_url=”820″ 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=”822″ 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=”823″ 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”][vc_column_text css=”” text_direction=”default”]Step 7: 

  • Click on Pencil icon of each element to modify the details as needed.
  • Click on delete icon to remove the element
[/vc_column_text][divider line_type=”No Line” custom_height=”15px”][image_with_animation image_url=”821″ 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: 
Navigate to the Quick access next to added block to perform various actions such as save , edit and delete.[/vc_column_text][image_with_animation image_url=”826″ 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 9: 

  • Click on ‘Save icon’ to save the block as new one directly .
  • Click on delete icon to remove the block .
[/vc_column_text][divider line_type=”No Line” custom_height=”15px”][image_with_animation image_url=”827″ 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 10: 
Click on pencil icon to modify the block settings such as general , background and overlay settings
Once done editing, you can

  • Click “Save” to save the block as a draft.
  • Click “Publish” to make the block live.
[/vc_column_text][divider line_type=”No Line” custom_height=”15px”][image_with_animation image_url=”828″ 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=”829″ 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=”830″ 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”][divider line_type=”No Line” custom_height=”15px”][/vc_column][/vc_row]