{"id":9981,"date":"2022-07-25T16:53:51","date_gmt":"2014-03-25T08:50:00","guid":{"rendered":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/?p=9981"},"modified":"2023-11-21T13:31:56","modified_gmt":"2023-11-21T13:31:56","slug":"how-to-embed-online-forms-on-hpage","status":"publish","type":"post","link":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-embed-online-forms-on-hpage\/","title":{"rendered":"How to embed 123FormBuilder online forms on hPage?"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<p>To embed online forms on hPage, you&#8217;ll need to copy the JavaScript code of each one of your forms and paste it into the editor of the webpage you own, in HTML mode. First, go to the <a href=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/embed-code\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Publish<\/strong> \u2192 <strong>Embed form <\/strong><\/a>section of your form in the <a href=\"\/\">form builder<\/a>, copy the JavaScript that we have provided for you and log in to your hPage account.<\/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-100.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"484\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-100-1024x484.png\" alt=\"Javascript code\" class=\"wp-image-47490\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-100-1024x484.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-100-300x142.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-100-768x363.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-100-1536x725.png 1536w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-100.png 1906w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Next, go to the <strong>Pages<\/strong> \u2192 <strong>Manage&nbsp;pages<\/strong> section, select the page that you want to edit, and switch to the <strong>HTML mode <\/strong>option.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay controls loop muted src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screen-Recording-2022-10-18-at-14.40.10.mp4\"><\/video><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Save changes and you are done. To view your online form in visual mode, return to the dashboard and press the<strong> Visit<\/strong>&nbsp;<strong>Website<\/strong>&nbsp;button. You&#8217;ll see your online form displayed on the webpage you have edited earlier.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>To embed online forms on hPage, you&#8217;ll need to copy the JavaScript code of each one of your forms and paste it into the editor of the webpage you own, in HTML mode. First, go to the Publish \u2192 Embed form section of your form in the form builder, copy the JavaScript that we have [&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":[650,649],"class_list":["post-9981","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-publish","tag-add-form-on-hpage","tag-hpage"],"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 hPage | 123FormBuilder<\/title>\n<meta name=\"description\" content=\"To embed online forms on hPage, you\u2019ll need to copy the JavaScript code of each one of your forms and paste it in the editor of the webpage, in HTML mode.\" \/>\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-embed-online-forms-on-hpage\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to embed 123FormBuilder online forms on hPage?\" \/>\n<meta property=\"og:description\" content=\"To embed online forms on hPage, you\u2019ll need to copy the JavaScript code of each one of your forms and paste it in the editor of the webpage, in HTML mode.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-embed-online-forms-on-hpage\/\" \/>\n<meta property=\"og:site_name\" content=\"123FormBuilder Knowledge Base\" \/>\n<meta property=\"article:published_time\" content=\"2014-03-25T08:50:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-21T13:31:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-100-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=\"1 minute\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Help: How to embed forms on hPage | 123FormBuilder","description":"To embed online forms on hPage, you\u2019ll need to copy the JavaScript code of each one of your forms and paste it in the editor of the webpage, in HTML mode.","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-embed-online-forms-on-hpage\/","og_locale":"en_US","og_type":"article","og_title":"How to embed 123FormBuilder online forms on hPage?","og_description":"To embed online forms on hPage, you\u2019ll need to copy the JavaScript code of each one of your forms and paste it in the editor of the webpage, in HTML mode.","og_url":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-embed-online-forms-on-hpage\/","og_site_name":"123FormBuilder Knowledge Base","article_published_time":"2014-03-25T08:50:00+00:00","article_modified_time":"2023-11-21T13:31:56+00:00","og_image":[{"url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-100-1024x484.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-embed-online-forms-on-hpage\/#article","isPartOf":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-embed-online-forms-on-hpage\/"},"author":{"name":"","@id":""},"headline":"How to embed 123FormBuilder online forms on hPage?","datePublished":"2014-03-25T08:50:00+00:00","dateModified":"2023-11-21T13:31:56+00:00","mainEntityOfPage":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-embed-online-forms-on-hpage\/"},"wordCount":137,"commentCount":1,"image":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-embed-online-forms-on-hpage\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-100-1024x484.png","keywords":["add form on hPage","hPage"],"articleSection":["Publish"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-embed-online-forms-on-hpage\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-embed-online-forms-on-hpage\/","url":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-embed-online-forms-on-hpage\/","name":"Help: How to embed forms on hPage | 123FormBuilder","isPartOf":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-embed-online-forms-on-hpage\/#primaryimage"},"image":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-embed-online-forms-on-hpage\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-100-1024x484.png","datePublished":"2014-03-25T08:50:00+00:00","dateModified":"2023-11-21T13:31:56+00:00","author":{"@id":""},"description":"To embed online forms on hPage, you\u2019ll need to copy the JavaScript code of each one of your forms and paste it in the editor of the webpage, in HTML mode.","breadcrumb":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-embed-online-forms-on-hpage\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-embed-online-forms-on-hpage\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-embed-online-forms-on-hpage\/#primaryimage","url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-100-1024x484.png","contentUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-100-1024x484.png"},{"@type":"BreadcrumbList","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-embed-online-forms-on-hpage\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/"},{"@type":"ListItem","position":2,"name":"How to embed 123FormBuilder online forms on hPage?"}]},{"@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\/9981","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=9981"}],"version-history":[{"count":21,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/posts\/9981\/revisions"}],"predecessor-version":[{"id":47491,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/posts\/9981\/revisions\/47491"}],"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=9981"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/categories?post=9981"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/tags?post=9981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}