{"id":11720,"date":"2022-07-25T16:54:05","date_gmt":"2014-07-01T12:12:36","guid":{"rendered":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/?p=11720"},"modified":"2023-11-21T13:28:28","modified_gmt":"2023-11-21T13:28:28","slug":"how-to-add-online-forms-to-a-webstarts-webpage","status":"publish","type":"post","link":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-online-forms-to-a-webstarts-webpage\/","title":{"rendered":"How to add online forms to a WebStarts webpage with 123FormBuilder?"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<p>Create powerful online forms with 123FormBuilder and add them to your WebStarts webpage in quick easy steps. We recommend you use the JavaScript code of your online form located in the<strong>&nbsp;Publish<\/strong> \u2192 <strong>Embed<\/strong> <strong>form<\/strong> section of our <a href=\"\/\">form builder platform<\/a>. Whenever you edit the form, the changes will automatically apply to your WebStarts webpage without having to publish it again. <\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Let&#8217;s start by copying the JavaScript code located in Publish -&gt; Embed form section of your online form.<\/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-97.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"484\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-97-1024x484.png\" alt=\"Javascript code 123FormBuilder\" class=\"wp-image-47482\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-97-1024x484.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-97-300x142.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-97-768x363.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-97-1536x725.png 1536w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-97.png 1906w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>In WebStarts, access your webpage in the editor mode and go to <strong>Edit<\/strong>&nbsp;\u2192&nbsp;<strong>Edit HTML.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screenshot-2022-10-18-at-13.23.49.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"356\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screenshot-2022-10-18-at-13.23.49-1024x356.png\" alt=\"Webstarts webpage\" class=\"wp-image-44436\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screenshot-2022-10-18-at-13.23.49-1024x356.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screenshot-2022-10-18-at-13.23.49-300x104.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screenshot-2022-10-18-at-13.23.49-768x267.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screenshot-2022-10-18-at-13.23.49.png 1342w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>To edit the existing code located in the&nbsp;<strong>Body<\/strong>&nbsp;section of your page, select the&nbsp;<strong>View Source Code<\/strong>&nbsp;tab in the left panel and then edit the code provided as required and then click the&nbsp;<strong>OK<\/strong>&nbsp;button. To edit the Head section of your site, be it the&nbsp;<strong>Head<\/strong>&nbsp;of the entire website or that of just that page alone, select the appropriately labeled tabs located in the left panel and edit the code as required and then click the&nbsp;<strong>OK<\/strong>&nbsp;button.<\/p>\n\n\n\n<p>The online form will be automatically displayed in the page editor. You can adjust the width and height of the widget, as well as its position, to make it look at its best on your webpage. Save your changes and there you have it! Form visitors can now submit your online form directly from your WebStarts webpage.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Create powerful online forms with 123FormBuilder and add them to your WebStarts webpage in quick easy steps. We recommend you use the JavaScript code of your online form located in the&nbsp;Publish \u2192 Embed form section of our form builder platform. Whenever you edit the form, the changes will automatically apply to your WebStarts webpage without [&hellip;]<\/p>\n","protected":false},"author":14,"featured_media":-1,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[37],"tags":[638,637],"class_list":["post-11720","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-publish","tag-add-a-form-on-webstarts","tag-webstarts"],"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: How to embed forms on WebStarts | 123FormBuilder<\/title>\n<meta name=\"description\" content=\"Create powerful online forms with 123FormBuilder and add them to your WebStarts webpage in quick easy steps. Here are the steps.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-online-forms-to-a-webstarts-webpage\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add online forms to a WebStarts webpage with 123FormBuilder?\" \/>\n<meta property=\"og:description\" content=\"Create powerful online forms with 123FormBuilder and add them to your WebStarts webpage in quick easy steps. Here are the steps.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-online-forms-to-a-webstarts-webpage\/\" \/>\n<meta property=\"og:site_name\" content=\"123FormBuilder Knowledge Base\" \/>\n<meta property=\"article:published_time\" content=\"2014-07-01T12:12:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-21T13:28:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-97-1024x484.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\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: How to embed forms on WebStarts | 123FormBuilder","description":"Create powerful online forms with 123FormBuilder and add them to your WebStarts webpage in quick easy steps. Here are the steps.","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:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-online-forms-to-a-webstarts-webpage\/","og_locale":"en_US","og_type":"article","og_title":"How to add online forms to a WebStarts webpage with 123FormBuilder?","og_description":"Create powerful online forms with 123FormBuilder and add them to your WebStarts webpage in quick easy steps. Here are the steps.","og_url":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-online-forms-to-a-webstarts-webpage\/","og_site_name":"123FormBuilder Knowledge Base","article_published_time":"2014-07-01T12:12:36+00:00","article_modified_time":"2023-11-21T13:28:28+00:00","og_image":[{"url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-97-1024x484.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-online-forms-to-a-webstarts-webpage\/#article","isPartOf":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-online-forms-to-a-webstarts-webpage\/"},"author":{"name":"","@id":""},"headline":"How to add online forms to a WebStarts webpage with 123FormBuilder?","datePublished":"2014-07-01T12:12:36+00:00","dateModified":"2023-11-21T13:28:28+00:00","mainEntityOfPage":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-online-forms-to-a-webstarts-webpage\/"},"wordCount":258,"commentCount":0,"image":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-online-forms-to-a-webstarts-webpage\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-97-1024x484.png","keywords":["add a form on webstarts","webstarts"],"articleSection":["Publish"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-online-forms-to-a-webstarts-webpage\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-online-forms-to-a-webstarts-webpage\/","url":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-online-forms-to-a-webstarts-webpage\/","name":"Help: How to embed forms on WebStarts | 123FormBuilder","isPartOf":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-online-forms-to-a-webstarts-webpage\/#primaryimage"},"image":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-online-forms-to-a-webstarts-webpage\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-97-1024x484.png","datePublished":"2014-07-01T12:12:36+00:00","dateModified":"2023-11-21T13:28:28+00:00","author":{"@id":""},"description":"Create powerful online forms with 123FormBuilder and add them to your WebStarts webpage in quick easy steps. Here are the steps.","breadcrumb":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-online-forms-to-a-webstarts-webpage\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-online-forms-to-a-webstarts-webpage\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-online-forms-to-a-webstarts-webpage\/#primaryimage","url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-97-1024x484.png","contentUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-97-1024x484.png"},{"@type":"BreadcrumbList","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-online-forms-to-a-webstarts-webpage\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/"},{"@type":"ListItem","position":2,"name":"How to add online forms to a WebStarts webpage with 123FormBuilder?"}]},{"@type":"WebSite","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/#website","url":"https:\/\/123formbuilder.polarbuildingcleaning.net\/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:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"","url":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/author\/"}]}},"_links":{"self":[{"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/posts\/11720","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/comments?post=11720"}],"version-history":[{"count":19,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/posts\/11720\/revisions"}],"predecessor-version":[{"id":47483,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/posts\/11720\/revisions\/47483"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/media?parent=11720"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/categories?post=11720"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/tags?post=11720"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}