{"id":81742,"date":"2019-09-03T12:34:33","date_gmt":"2019-09-03T10:34:33","guid":{"rendered":"https:\/\/undsgn.com\/uncode\/?page_id=81742"},"modified":"2025-12-24T12:13:28","modified_gmt":"2025-12-24T11:13:28","slug":"visual-builder","status":"publish","type":"page","link":"https:\/\/undsgn.com\/uncode\/visual-builder\/","title":{"rendered":"Visual Builder"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row row_height_percent=&#8221;100&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; back_color=&#8221;color-105898&#8243; back_image=&#8221;90255&#8243; back_position=&#8221;center bottom&#8221; overlay_alpha=&#8221;0&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; enable_bottom_divider=&#8221;default&#8221; bottom_divider=&#8221;gradient&#8221; shape_bottom_h_use_pixel=&#8221;true&#8221; shape_bottom_height_percent=&#8221;75&#8243; shape_bottom_color=&#8221;color-210407&#8243; shape_bottom_opacity=&#8221;100&#8243; shape_bottom_index=&#8221;0&#8243; el_class=&#8221;demo-section demo-hero&#8221; uncode_shortcode_id=&#8221;164118&#8243; back_color_type=&#8221;uncode-palette&#8221; shape_bottom_color_type=&#8221;uncode-palette&#8221;][vc_column column_width_use_pixel=&#8221;yes&#8221; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; style=&#8221;dark&#8221; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/1&#8243; column_width_pixel=&#8221;840&#8243;][vc_custom_heading text_size=&#8221;fontsize-160000&#8243; el_class=&#8221;demo-subtitle&#8221; uncode_shortcode_id=&#8221;123279&#8243;]WordPress Page Builder[\/vc_custom_heading][vc_custom_heading heading_semantic=&#8221;h1&#8243; text_size=&#8221;fontsize-338686&#8243; sub_lead=&#8221;yes&#8221; sub_reduced=&#8221;yes&#8221; el_class=&#8221;demo-heading&#8221; uncode_shortcode_id=&#8221;151108&#8243;]Create anything with the live Visual Builder[\/vc_custom_heading][vc_column_text text_lead=&#8221;yes&#8221; el_class=&#8221;demo-lead-text&#8221;]The Uncode Page Builder allows you to edit your pages on the frontend of your website! It\u2019s a fantastic experience that allows for a fast and pixel-perfect design.[\/vc_column_text][vc_button size=&#8221;btn-lg&#8221; hover_fx=&#8221;full-colored&#8221; custom_typo=&#8221;yes&#8221; font_family=&#8221;font-377884&#8243; font_weight=&#8221;700&#8243; border_width=&#8221;0&#8243; scale_mobile=&#8221;no&#8221; link=&#8221;url:https%3A%2F%2F1.envato.market%2FQ3bJP||target:%20_blank|&#8221; el_class=&#8221;demo-button&#8221; uncode_shortcode_id=&#8221;486408&#8243;]Buy Now \u00b7 $59[\/vc_button][vc_empty_space empty_h=&#8221;5&#8243; el_class=&#8221;intro-compensate&#8221;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;0&#8243; bottom_padding=&#8221;0&#8243; back_color=&#8221;color-xsdn&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;2&#8243; top_divider=&#8221;gradient&#8221; bottom_divider=&#8221;gradient&#8221; el_class=&#8221;demo-section&#8221;][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_row_inner row_inner_height_percent=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; el_class=&#8221;video-icon-container&#8221; limit_content=&#8221;&#8221;][vc_column_inner column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; override_padding=&#8221;yes&#8221; column_padding=&#8221;0&#8243; style=&#8221;dark&#8221; back_color=&#8221;color-nhtu&#8221; overlay_alpha=&#8221;50&#8243; radius=&#8221;sm&#8221; shift_x=&#8221;0&#8243; shift_y=&#8221;-5&#8243; shift_y_fixed=&#8221;yes&#8221; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_single_image media=&#8221;90167&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;sixteen-nine&#8221; shape=&#8221;img-round&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;lg&#8221; advanced=&#8221;yes&#8221; media_overlay_color=&#8221;color-jevc&#8221; media_overlay_opacity=&#8221;10&#8243; media_overlay_visible=&#8221;yes&#8221; media_overlay_anim=&#8221;no&#8221; media_text_anim=&#8221;no&#8221; media_image_anim=&#8221;no&#8221; media_padding=&#8221;2&#8243; uncode_shortcode_id=&#8221;132148&#8243; media_overlay_color_type=&#8221;uncode-palette&#8221;][vc_icon display=&#8221;absolute-center&#8221; icon=&#8221;fa fa-play&#8221; background_style=&#8221;fa-rounded&#8221; size=&#8221;fa-3x&#8221; icon_automatic=&#8221;yes&#8221; shadow=&#8221;yes&#8221; media_lightbox=&#8221;88211&#8243; el_class=&#8221;intro-icon&#8221;][\/vc_icon][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; back_color=&#8221;color-xsdn&#8221; overlay_alpha=&#8221;0&#8243; equal_height=&#8221;yes&#8221; gutter_size=&#8221;4&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; bottom_divider=&#8221;gradient&#8221; el_class=&#8221;demo-section&#8221;][vc_column column_width_use_pixel=&#8221;yes&#8221; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_row_inner row_inner_height_percent=&#8221;0&#8243; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;4&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; limit_content=&#8221;&#8221;][vc_column_inner column_width_percent=&#8221;100&#8243; gutter_size=&#8221;2&#8243; overlay_alpha=&#8221;100&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;2&#8243; align_mobile=&#8221;align_center_mobile&#8221; mobile_width=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_custom_heading heading_semantic=&#8221;h3&#8243; text_size=&#8221;h4&#8243; el_class=&#8221;demo-heading&#8221; uncode_shortcode_id=&#8221;133905&#8243;]Page Builder[\/vc_custom_heading][vc_column_text]The Frontend Editor introduces a new workflow for creating your website without editing a single line of code.[\/vc_column_text][\/vc_column_inner][vc_column_inner column_width_percent=&#8221;100&#8243; gutter_size=&#8221;2&#8243; overlay_alpha=&#8221;100&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;2&#8243; align_mobile=&#8221;align_center_mobile&#8221; mobile_width=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_custom_heading heading_semantic=&#8221;h3&#8243; text_size=&#8221;h4&#8243; el_class=&#8221;demo-heading&#8221;]Design in real-time[\/vc_custom_heading][vc_column_text]With the Frontend Editor, you see your modifications and edits in real-time and your design coming to life.[\/vc_column_text][\/vc_column_inner][vc_column_inner column_width_percent=&#8221;100&#8243; gutter_size=&#8221;2&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;2&#8243; align_mobile=&#8221;align_center_mobile&#8221; mobile_width=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_custom_heading heading_semantic=&#8221;h3&#8243; text_size=&#8221;h4&#8243; el_class=&#8221;demo-heading&#8221;]Flexible workspace[\/vc_custom_heading][vc_column_text]The Frontend Editor features an unobtrusive workspace that allows you to see your content without any distracting element.[\/vc_column_text][\/vc_column_inner][vc_column_inner column_width_percent=&#8221;100&#8243; gutter_size=&#8221;2&#8243; overlay_alpha=&#8221;100&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;2&#8243; align_mobile=&#8221;align_center_mobile&#8221; mobile_width=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_custom_heading heading_semantic=&#8221;h3&#8243; text_size=&#8221;h4&#8243; el_class=&#8221;demo-heading&#8221;]Responsive mode[\/vc_custom_heading][vc_column_text]With the responsive views you can perfectly tailor the layout of each element on desktop, tablet, and smartphone.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; back_color=&#8221;color-lxmt&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;4&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; el_class=&#8221;demo-section&#8221;][vc_column column_width_percent=&#8221;100&#8243; gutter_size=&#8221;3&#8243; back_image=&#8221;99798&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;7&#8243; mobile_width=&#8221;0&#8243; width=&#8221;7\/12&#8243; el_class=&#8221;image-card&#8221; uncode_shortcode_id=&#8221;141782&#8243; back_size=&#8221;100%&#8221;][vc_single_image media=&#8221;99667&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; el_class=&#8221;demo-image&#8221; uncode_shortcode_id=&#8221;579429&#8243;][vc_single_image media=&#8221;99900&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;center&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; el_class=&#8221;demo-image&#8221; uncode_shortcode_id=&#8221;207675&#8243;][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; position_vertical=&#8221;middle&#8221; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; align_medium=&#8221;align_center_tablet&#8221; medium_width=&#8221;7&#8243; align_mobile=&#8221;align_center_mobile&#8221; mobile_width=&#8221;0&#8243; width=&#8221;5\/12&#8243;][vc_custom_heading text_color=&#8221;color-210407&#8243; text_size=&#8221;fontsize-160000&#8243; el_class=&#8221;demo-subtitle&#8221;]Introducing[\/vc_custom_heading][vc_custom_heading text_size=&#8221;h1&#8243; sub_lead=&#8221;yes&#8221; sub_reduced=&#8221;yes&#8221; el_class=&#8221;demo-heading&#8221; uncode_shortcode_id=&#8221;206743&#8243;]Introducing the Uncode Page Builder[\/vc_custom_heading][vc_column_text text_lead=&#8221;yes&#8221; el_class=&#8221;demo-lead-text&#8221;]Experience the freedom to visually design your pages in real-time with the Uncode Page Builder without editing a single line of code.[\/vc_column_text][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;4&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; inverted_device_order=&#8221;yes&#8221; el_class=&#8221;demo-section&#8221; uncode_shortcode_id=&#8221;360295&#8243;][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; position_vertical=&#8221;middle&#8221; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; align_medium=&#8221;align_center_tablet&#8221; medium_width=&#8221;0&#8243; align_mobile=&#8221;align_center_mobile&#8221; mobile_width=&#8221;0&#8243; width=&#8221;5\/12&#8243;][vc_custom_heading text_color=&#8221;color-210407&#8243; text_size=&#8221;fontsize-160000&#8243; el_class=&#8221;demo-subtitle&#8221;]A design experience[\/vc_custom_heading][vc_custom_heading text_size=&#8221;h1&#8243; sub_lead=&#8221;yes&#8221; sub_reduced=&#8221;yes&#8221; el_class=&#8221;demo-heading&#8221;]Design in real-time your website comes to life[\/vc_custom_heading][vc_column_text text_lead=&#8221;yes&#8221; el_class=&#8221;demo-lead-text&#8221;]Viewing each modification in real-time while working makes a huge difference, this is a new workflow for creating your designs.[\/vc_column_text][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; gutter_size=&#8221;3&#8243; back_image=&#8221;99797&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;7\/12&#8243; uncode_shortcode_id=&#8221;162916&#8243; back_size=&#8221;100%&#8221;][vc_single_image media=&#8221;99902&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; el_class=&#8221;demo-image&#8221; uncode_shortcode_id=&#8221;168601&#8243;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; back_color=&#8221;color-wayh&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; bottom_divider=&#8221;gradient&#8221; el_class=&#8221;demo-section demo-dark-background demo-inner-shadow overflow-hidden demo-style-dark&#8221;][vc_column column_width_use_pixel=&#8221;yes&#8221; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;4&#8243; style=&#8221;dark&#8221; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/1&#8243; uncode_shortcode_id=&#8221;148306&#8243; column_width_pixel=&#8221;1040&#8243;][vc_row_inner limit_content=&#8221;&#8221;][vc_column_inner column_width_use_pixel=&#8221;yes&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; style=&#8221;dark&#8221; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/1&#8243; column_width_pixel=&#8221;840&#8243; el_class=&#8221;demo-center-section&#8221;][vc_custom_heading text_size=&#8221;h1&#8243; sub_lead=&#8221;yes&#8221; sub_reduced=&#8221;yes&#8221; el_class=&#8221;demo-heading&#8221;]Frontend and Backend[\/vc_custom_heading][vc_column_text text_lead=&#8221;yes&#8221; el_class=&#8221;demo-lead-text&#8221;]The Uncode Page Builder is clean and simple to use yet extremely powerful, and it gives designers an incredible amount of flexibility with its Frontend and Backend editors.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner limit_content=&#8221;&#8221;][vc_column_inner column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; style=&#8221;dark&#8221; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/1&#8243; el_class=&#8221;demo-center-section&#8221; uncode_shortcode_id=&#8221;293538&#8243;][uncode_twentytwenty media_before=&#8221;99908&#8243; media_after=&#8221;99910&#8243;][\/vc_column_inner][\/vc_row_inner][vc_button size=&#8221;btn-link&#8221; custom_typo=&#8221;yes&#8221; font_family=&#8221;font-377884&#8243; font_weight=&#8221;700&#8243; scale_mobile=&#8221;no&#8221; el_class=&#8221;demo-button btn-lg additional&#8221; icon=&#8221;fa fa-play-circle&#8221; media_lightbox=&#8221;90187&#8243;]Watch the video[\/vc_button][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; back_color=&#8221;color-lxmt&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;4&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; el_class=&#8221;demo-section&#8221;][vc_column column_width_percent=&#8221;100&#8243; gutter_size=&#8221;3&#8243; back_image=&#8221;99797&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;7\/12&#8243; el_class=&#8221;image-card&#8221; uncode_shortcode_id=&#8221;812149&#8243; back_size=&#8221;100%&#8221;][vc_single_image media=&#8221;117687&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; el_class=&#8221;demo-image&#8221; uncode_shortcode_id=&#8221;931061&#8243;][vc_single_image media=&#8221;99905&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; el_class=&#8221;demo-image&#8221; uncode_shortcode_id=&#8221;159631&#8243;][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; position_vertical=&#8221;middle&#8221; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; align_medium=&#8221;align_center_tablet&#8221; medium_width=&#8221;0&#8243; align_mobile=&#8221;align_center_mobile&#8221; mobile_width=&#8221;0&#8243; width=&#8221;5\/12&#8243;][vc_custom_heading text_color=&#8221;color-210407&#8243; text_size=&#8221;fontsize-160000&#8243; el_class=&#8221;demo-subtitle&#8221;]Workspace and UI[\/vc_custom_heading][vc_custom_heading text_size=&#8221;h1&#8243; sub_lead=&#8221;yes&#8221; sub_reduced=&#8221;yes&#8221; el_class=&#8221;demo-heading&#8221; uncode_shortcode_id=&#8221;139682&#8243;]Work within a flexible workspace[\/vc_custom_heading][vc_column_text text_lead=&#8221;yes&#8221; el_class=&#8221;demo-lead-text&#8221;]The Frontend Editor features an unobtrusive workspace that allows you to see your layout clearly, without any distracting element.[\/vc_column_text][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;4&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; inverted_device_order=&#8221;yes&#8221; el_class=&#8221;demo-section&#8221;][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; position_vertical=&#8221;middle&#8221; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; align_medium=&#8221;align_center_tablet&#8221; medium_width=&#8221;0&#8243; align_mobile=&#8221;align_center_mobile&#8221; mobile_width=&#8221;0&#8243; width=&#8221;5\/12&#8243;][vc_custom_heading text_color=&#8221;color-210407&#8243; text_size=&#8221;fontsize-160000&#8243; el_class=&#8221;demo-subtitle&#8221;]Responsive[\/vc_custom_heading][vc_custom_heading text_size=&#8221;h1&#8243; sub_lead=&#8221;yes&#8221; sub_reduced=&#8221;yes&#8221; el_class=&#8221;demo-heading&#8221;]Responsive views for your design[\/vc_custom_heading][vc_column_text text_lead=&#8221;yes&#8221; el_class=&#8221;demo-lead-text&#8221;]The responsive views allow you to tailor each element&#8217;s layout on desktop, tablet, and smartphone devices.[\/vc_column_text][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; gutter_size=&#8221;3&#8243; back_image=&#8221;99798&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;7\/12&#8243; uncode_shortcode_id=&#8221;753790&#8243; back_size=&#8221;100%&#8221;][vc_single_image media=&#8221;99904&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;center&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; el_class=&#8221;demo-image&#8221; uncode_shortcode_id=&#8221;190016&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][uncode_block id=&#8221;97741&#8243;][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row row_height_percent=&#8221;100&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; back_color=&#8221;color-105898&#8243; back_image=&#8221;90255&#8243; back_position=&#8221;center bottom&#8221; overlay_alpha=&#8221;0&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; enable_bottom_divider=&#8221;default&#8221; bottom_divider=&#8221;gradient&#8221; shape_bottom_h_use_pixel=&#8221;true&#8221; shape_bottom_height_percent=&#8221;75&#8243; shape_bottom_color=&#8221;color-210407&#8243; [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-81742","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Visual Builder - Uncode<\/title>\n<meta name=\"description\" content=\"Uncode allows you to edit your pages on the frontend of your website without having to touch a single line of code with a Drag and Drop visual Page Builder. Anything you can think of can be built!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/undsgn.com\/uncode\/page-builder\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Uncode arrives with the new Frontend Editor that allows you to edit your pages on the frontend of your website!\" \/>\n<meta property=\"og:description\" content=\"Uncode 2.2 declares the release of the highly anticipated Frontend Editor for one of the most successful Creative WordPress themes on the ThemeForest marketplace. See your modifications in real-time and your design coming to life.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/undsgn.com\/uncode\/page-builder\/\" \/>\n<meta property=\"og:site_name\" content=\"Uncode\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-24T11:13:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/undsgn.com\/uncode\/wp-content\/uploads\/2019\/09\/fb-frontend-editor-min.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Visual Builder - Uncode","description":"Uncode allows you to edit your pages on the frontend of your website without having to touch a single line of code with a Drag and Drop visual Page Builder. Anything you can think of can be built!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/undsgn.com\/uncode\/page-builder\/","og_locale":"en_US","og_type":"article","og_title":"Uncode arrives with the new Frontend Editor that allows you to edit your pages on the frontend of your website!","og_description":"Uncode 2.2 declares the release of the highly anticipated Frontend Editor for one of the most successful Creative WordPress themes on the ThemeForest marketplace. See your modifications in real-time and your design coming to life.","og_url":"https:\/\/undsgn.com\/uncode\/page-builder\/","og_site_name":"Uncode","article_modified_time":"2025-12-24T11:13:28+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/undsgn.com\/uncode\/wp-content\/uploads\/2019\/09\/fb-frontend-editor-min.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/undsgn.com\/uncode\/page-builder\/","url":"https:\/\/undsgn.com\/uncode\/page-builder\/","name":"Visual Builder - Uncode","isPartOf":{"@id":"https:\/\/undsgn.com\/uncode\/#website"},"datePublished":"2019-09-03T10:34:33+00:00","dateModified":"2025-12-24T11:13:28+00:00","description":"Uncode allows you to edit your pages on the frontend of your website without having to touch a single line of code with a Drag and Drop visual Page Builder. Anything you can think of can be built!","breadcrumb":{"@id":"https:\/\/undsgn.com\/uncode\/page-builder\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/undsgn.com\/uncode\/page-builder\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/undsgn.com\/uncode\/page-builder\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/undsgn.com\/uncode\/"},{"@type":"ListItem","position":2,"name":"Page Builder"}]},{"@type":"WebSite","@id":"https:\/\/undsgn.com\/uncode\/#website","url":"https:\/\/undsgn.com\/uncode\/","name":"Uncode","description":"Creative Multiuse &amp; WooCommerce WordPress Theme","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/undsgn.com\/uncode\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/undsgn.com\/uncode\/wp-json\/wp\/v2\/pages\/81742","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/undsgn.com\/uncode\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/undsgn.com\/uncode\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/undsgn.com\/uncode\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/undsgn.com\/uncode\/wp-json\/wp\/v2\/comments?post=81742"}],"version-history":[{"count":0,"href":"https:\/\/undsgn.com\/uncode\/wp-json\/wp\/v2\/pages\/81742\/revisions"}],"wp:attachment":[{"href":"https:\/\/undsgn.com\/uncode\/wp-json\/wp\/v2\/media?parent=81742"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}