{"id":1220,"date":"2022-07-25T16:54:32","date_gmt":"2012-08-20T06:34:49","guid":{"rendered":"http:\/\/www.123formbuilder.com\/docs\/?p=1220"},"modified":"2024-05-07T09:54:27","modified_gmt":"2024-05-07T09:54:27","slug":"does-the-form-editor-have-real-time-preview","status":"publish","type":"post","link":"https:\/\/www.123formbuilder.com\/docs\/does-the-form-editor-have-real-time-preview\/","title":{"rendered":"Does the 123FormBuilder form editor have real-time preview?"},"content":{"rendered":"\n<p>Yes, our form builder has a real-time preview. As soon as you add or edit the fields on your form, you\u2019ll see the changes in Preview. Go to the\u00a0<b>Preview <\/b>button\u00a0(top right corner)\u00a0to view your form.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-14.13.50.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"367\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-14.13.50-1024x367.png\" alt=\"Preview\" class=\"wp-image-47225\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-14.13.50-1024x367.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-14.13.50-300x108.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-14.13.50-768x276.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-14.13.50-1536x551.png 1536w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-14.13.50.png 1892w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>In <b>Preview mode<\/b>, you can check how the form looks on a Desktop, Tablet, or Mobile by selecting the view you are interested in. <\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-18.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"367\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-18-1024x367.png\" alt=\"Preview Desktop\" class=\"wp-image-47226\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-18-1024x367.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-18-300x108.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-18-768x276.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-18-1536x551.png 1536w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-18.png 1892w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>For both Tablet &amp; Mobile, you can check 2 different real-time previews: Portrait &amp; Landscape.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-19.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"418\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-19-1024x418.png\" alt=\"Tablet view\" class=\"wp-image-47227\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-19-1024x418.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-19-300x123.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-19-768x314.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-19-1536x628.png 1536w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-19.png 1892w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>If you want to make changes to the form, you can go back to the <b>Editor<\/b> by accessing the back arrow (top left corner) or if you are happy with how the form looks, you can directly publish it and share it with others by clicking on the <b>Publish button.<\/b><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<p><b>Related articles<\/b><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.123formbuilder.com\/docs\/publish\/\">Publishing Your Web Forms in 123FormBuilder<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Yes, our form builder has a real-time preview. As soon as you add or edit the fields on your form, you\u2019ll see the changes in Preview. Go to the\u00a0Preview button\u00a0(top right corner)\u00a0to view your form. In Preview mode, you can check how the form looks on a Desktop, Tablet, or Mobile by selecting the view [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":-1,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[35],"tags":[62,189,188,187,190],"class_list":["post-1220","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-formeditor","tag-aaa_formeditor","tag-desktop-preview","tag-mobile-preview","tag-preview","tag-preview-button"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.2 (Yoast SEO v27.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Help: Real-time Preview in Form Editor | 123FormBuilder<\/title>\n<meta name=\"description\" content=\"Do you want to preview your web form within the form editor in real-time? Find out more in our knowledge base article.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.123formbuilder.com\/docs\/does-the-form-editor-have-real-time-preview\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Does the 123FormBuilder form editor have real-time preview?\" \/>\n<meta property=\"og:description\" content=\"Do you want to preview your web form within the form editor in real-time? Find out more in our knowledge base article.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.123formbuilder.com\/docs\/does-the-form-editor-have-real-time-preview\/\" \/>\n<meta property=\"og:site_name\" content=\"123FormBuilder Knowledge Base\" \/>\n<meta property=\"article:published_time\" content=\"2012-08-20T06:34:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-07T09:54:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-14.13.50-1024x367.png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Help: Real-time Preview in Form Editor | 123FormBuilder","description":"Do you want to preview your web form within the form editor in real-time? Find out more in our knowledge base article.","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:\/\/www.123formbuilder.com\/docs\/does-the-form-editor-have-real-time-preview\/","og_locale":"en_US","og_type":"article","og_title":"Does the 123FormBuilder form editor have real-time preview?","og_description":"Do you want to preview your web form within the form editor in real-time? Find out more in our knowledge base article.","og_url":"https:\/\/www.123formbuilder.com\/docs\/does-the-form-editor-have-real-time-preview\/","og_site_name":"123FormBuilder Knowledge Base","article_published_time":"2012-08-20T06:34:49+00:00","article_modified_time":"2024-05-07T09:54:27+00:00","og_image":[{"url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-14.13.50-1024x367.png","type":"","width":"","height":""}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.123formbuilder.com\/docs\/does-the-form-editor-have-real-time-preview\/#article","isPartOf":{"@id":"https:\/\/www.123formbuilder.com\/docs\/does-the-form-editor-have-real-time-preview\/"},"author":{"name":"admin","@id":"https:\/\/www.123formbuilder.com\/docs\/#\/schema\/person\/ac765b93d6689ec0f4ee6f6e040d66ea"},"headline":"Does the 123FormBuilder form editor have real-time preview?","datePublished":"2012-08-20T06:34:49+00:00","dateModified":"2024-05-07T09:54:27+00:00","mainEntityOfPage":{"@id":"https:\/\/www.123formbuilder.com\/docs\/does-the-form-editor-have-real-time-preview\/"},"wordCount":143,"commentCount":0,"image":{"@id":"https:\/\/www.123formbuilder.com\/docs\/does-the-form-editor-have-real-time-preview\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-14.13.50-1024x367.png","keywords":["aaa_formeditor","desktop preview","mobile preview","preview","preview button"],"articleSection":["Form Editor"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.123formbuilder.com\/docs\/does-the-form-editor-have-real-time-preview\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.123formbuilder.com\/docs\/does-the-form-editor-have-real-time-preview\/","url":"https:\/\/www.123formbuilder.com\/docs\/does-the-form-editor-have-real-time-preview\/","name":"Help: Real-time Preview in Form Editor | 123FormBuilder","isPartOf":{"@id":"https:\/\/www.123formbuilder.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.123formbuilder.com\/docs\/does-the-form-editor-have-real-time-preview\/#primaryimage"},"image":{"@id":"https:\/\/www.123formbuilder.com\/docs\/does-the-form-editor-have-real-time-preview\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-14.13.50-1024x367.png","datePublished":"2012-08-20T06:34:49+00:00","dateModified":"2024-05-07T09:54:27+00:00","author":{"@id":"https:\/\/www.123formbuilder.com\/docs\/#\/schema\/person\/ac765b93d6689ec0f4ee6f6e040d66ea"},"description":"Do you want to preview your web form within the form editor in real-time? Find out more in our knowledge base article.","breadcrumb":{"@id":"https:\/\/www.123formbuilder.com\/docs\/does-the-form-editor-have-real-time-preview\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.123formbuilder.com\/docs\/does-the-form-editor-have-real-time-preview\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.123formbuilder.com\/docs\/does-the-form-editor-have-real-time-preview\/#primaryimage","url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-14.13.50-1024x367.png","contentUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-14.13.50-1024x367.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.123formbuilder.com\/docs\/does-the-form-editor-have-real-time-preview\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.123formbuilder.com\/docs\/"},{"@type":"ListItem","position":2,"name":"Does the 123FormBuilder form editor have real-time preview?"}]},{"@type":"WebSite","@id":"https:\/\/www.123formbuilder.com\/docs\/#website","url":"https:\/\/www.123formbuilder.com\/docs\/","name":"123FormBuilder Knowledge Base","description":"Search our documentation platform for answers, service specifications and 3rd-party integrations.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.123formbuilder.com\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.123formbuilder.com\/docs\/#\/schema\/person\/ac765b93d6689ec0f4ee6f6e040d66ea","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/41383a571ede8f1257b128aa53a410cc1ea4c1901ac8cea3776cba5438d24843?s=96&d=https%3A%2F%2Fui-avatars.com%2Fapi%2Fadmin%2F96%2Ff3f3f3%2Faaa%2F1%2F0.5%2Ffalse%2Ftrue&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/41383a571ede8f1257b128aa53a410cc1ea4c1901ac8cea3776cba5438d24843?s=96&d=https%3A%2F%2Fui-avatars.com%2Fapi%2Fadmin%2F96%2Ff3f3f3%2Faaa%2F1%2F0.5%2Ffalse%2Ftrue&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/41383a571ede8f1257b128aa53a410cc1ea4c1901ac8cea3776cba5438d24843?s=96&d=https%3A%2F%2Fui-avatars.com%2Fapi%2Fadmin%2F96%2Ff3f3f3%2Faaa%2F1%2F0.5%2Ffalse%2Ftrue&r=g","caption":"admin"},"url":"https:\/\/www.123formbuilder.com\/docs\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/posts\/1220","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/comments?post=1220"}],"version-history":[{"count":18,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/posts\/1220\/revisions"}],"predecessor-version":[{"id":48734,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/posts\/1220\/revisions\/48734"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/media?parent=1220"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/categories?post=1220"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/tags?post=1220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}