{"id":16186,"date":"2015-06-26T16:39:16","date_gmt":"2015-06-26T16:39:16","guid":{"rendered":"http:\/\/www.123formbuilder.com\/docs\/?p=16186"},"modified":"2023-11-21T14:02:15","modified_gmt":"2023-11-21T14:02:15","slug":"how-to-embed-web-forms-on-your-one-com-website","status":"publish","type":"post","link":"https:\/\/www.123formbuilder.com\/docs\/how-to-embed-web-forms-on-your-one-com-website\/","title":{"rendered":"How to embed 123FormBuilder web forms on your One.com website?"},"content":{"rendered":"\n<p>Web forms can be easily published in the content of your One.com web pages. With 123FormBuilder, a supercharged <a href=\"\/\">online form maker<\/a> you can create powerful <a href=\"\/web-forms\/\">web forms<\/a> in minutes and have them published with different methods. In this guide, we will show you how to embed your web forms in your One.com built website. <\/p>\n\n\n\n<p>Log in to your 123FormBuilder account, select the form you want to publish in <strong>My Forms<\/strong>, go to the <strong>Publish<\/strong>\u00a0\u2192\u00a0<strong>Embed form<\/strong>\u00a0section and copy the Javascript code. We recommend the JavaScript option for embedding your form, so you will not be required to republish the form each time it&#8217;s edited.<\/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-119.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"473\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-119-1024x473.png\" alt=\"Javascript 123FormBuilder\" class=\"wp-image-47526\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-119-1024x473.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-119-300x139.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-119-768x355.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-119-1536x709.png 1536w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-119.png 1906w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>After you have selected your website and the web page where you want the form embedded. In the menu on the left, click on <strong>Widgets<\/strong> and select <strong>Code<\/strong>. <\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/image-65.png\"><img loading=\"lazy\" decoding=\"async\" width=\"451\" height=\"665\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/image-65.png\" alt=\"One.com website\" class=\"wp-image-44533\" style=\"width:341px;height:503px\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/image-65.png 451w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/image-65-203x300.png 203w\" sizes=\"auto, (max-width: 451px) 100vw, 451px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Here you will have to paste the JavaScript code of your form and hit the Save button. <\/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\/image-66.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"330\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/image-66-1024x330.png\" alt=\"\" class=\"wp-image-44534\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/image-66-1024x330.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/image-66-300x97.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/image-66-768x248.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/image-66-1536x495.png 1536w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/image-66.png 1694w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Adjust the size of the component on the page, if needed, and don&#8217;t forget to save your web page. Use the preview mode to see how your form is displayed on the web page. From now on, you can receive submissions from your One.com website.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>If you want to add the form in a lightbox, instead of selecting the <strong>Embed form<\/strong> tab in the <strong>Publish<\/strong> section of your form on 123FormBuilder,  and you can choose from <strong>Auto pop-up, Floating button and Text\/Image lightbox<\/strong>. Copy the code that suits your needs best from the four available options and repeat the steps above.<\/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\/Screenshot-2023-11-21-at-16.01.51.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"387\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-21-at-16.01.51-1024x387.png\" alt=\"Floating button \" class=\"wp-image-47527\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-21-at-16.01.51-1024x387.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-21-at-16.01.51-300x113.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-21-at-16.01.51-768x291.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-21-at-16.01.51-1536x581.png 1536w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-21-at-16.01.51.png 1906w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Web forms can be easily published in the content of your One.com web pages. With 123FormBuilder, a supercharged online form maker you can create powerful web forms in minutes and have them published with different methods. In this guide, we will show you how to embed your web forms in your One.com built website. Log [&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":[681,682],"class_list":["post-16186","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-publish","tag-one-com","tag-publish-on-one-com"],"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>Adding web forms to your One.com website | 123FormBuilder<\/title>\n<meta name=\"description\" content=\"Read our documentation to learn how 123FormBuilder web forms can be published in your One.com websites. No codding skills are needed.\" \/>\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\/how-to-embed-web-forms-on-your-one-com-website\/\" \/>\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 web forms on your One.com website?\" \/>\n<meta property=\"og:description\" content=\"Read our documentation to learn how 123FormBuilder web forms can be published in your One.com websites. No codding skills are needed.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.123formbuilder.com\/docs\/how-to-embed-web-forms-on-your-one-com-website\/\" \/>\n<meta property=\"og:site_name\" content=\"123FormBuilder Knowledge Base\" \/>\n<meta property=\"article:published_time\" content=\"2015-06-26T16:39:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-21T14:02:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-119-1024x473.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":"Adding web forms to your One.com website | 123FormBuilder","description":"Read our documentation to learn how 123FormBuilder web forms can be published in your One.com websites. No codding skills are needed.","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\/how-to-embed-web-forms-on-your-one-com-website\/","og_locale":"en_US","og_type":"article","og_title":"How to embed 123FormBuilder web forms on your One.com website?","og_description":"Read our documentation to learn how 123FormBuilder web forms can be published in your One.com websites. No codding skills are needed.","og_url":"https:\/\/www.123formbuilder.com\/docs\/how-to-embed-web-forms-on-your-one-com-website\/","og_site_name":"123FormBuilder Knowledge Base","article_published_time":"2015-06-26T16:39:16+00:00","article_modified_time":"2023-11-21T14:02:15+00:00","og_image":[{"url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-119-1024x473.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:\/\/www.123formbuilder.com\/docs\/how-to-embed-web-forms-on-your-one-com-website\/#article","isPartOf":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-embed-web-forms-on-your-one-com-website\/"},"author":{"name":"","@id":""},"headline":"How to embed 123FormBuilder web forms on your One.com website?","datePublished":"2015-06-26T16:39:16+00:00","dateModified":"2023-11-21T14:02:15+00:00","mainEntityOfPage":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-embed-web-forms-on-your-one-com-website\/"},"wordCount":268,"commentCount":0,"image":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-embed-web-forms-on-your-one-com-website\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-119-1024x473.png","keywords":["one.com","publish on one.com"],"articleSection":["Publish"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.123formbuilder.com\/docs\/how-to-embed-web-forms-on-your-one-com-website\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-embed-web-forms-on-your-one-com-website\/","url":"https:\/\/www.123formbuilder.com\/docs\/how-to-embed-web-forms-on-your-one-com-website\/","name":"Adding web forms to your One.com website | 123FormBuilder","isPartOf":{"@id":"https:\/\/www.123formbuilder.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-embed-web-forms-on-your-one-com-website\/#primaryimage"},"image":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-embed-web-forms-on-your-one-com-website\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-119-1024x473.png","datePublished":"2015-06-26T16:39:16+00:00","dateModified":"2023-11-21T14:02:15+00:00","author":{"@id":""},"description":"Read our documentation to learn how 123FormBuilder web forms can be published in your One.com websites. No codding skills are needed.","breadcrumb":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-embed-web-forms-on-your-one-com-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.123formbuilder.com\/docs\/how-to-embed-web-forms-on-your-one-com-website\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-embed-web-forms-on-your-one-com-website\/#primaryimage","url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-119-1024x473.png","contentUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-119-1024x473.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-embed-web-forms-on-your-one-com-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.123formbuilder.com\/docs\/"},{"@type":"ListItem","position":2,"name":"How to embed 123FormBuilder web forms on your One.com website?"}]},{"@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":"","url":"https:\/\/www.123formbuilder.com\/docs\/author\/"}]}},"_links":{"self":[{"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/posts\/16186","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\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/comments?post=16186"}],"version-history":[{"count":45,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/posts\/16186\/revisions"}],"predecessor-version":[{"id":47528,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/posts\/16186\/revisions\/47528"}],"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=16186"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/categories?post=16186"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/tags?post=16186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}