{"id":12022,"date":"2014-07-28T07:29:30","date_gmt":"2014-07-28T07:29:30","guid":{"rendered":"http:\/\/www.123formbuilder.com\/docs\/?p=12022"},"modified":"2023-11-21T14:03:49","modified_gmt":"2023-11-21T14:03:49","slug":"how-to-add-online-forms-to-webflow","status":"publish","type":"post","link":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-online-forms-to-webflow\/","title":{"rendered":"How to add 123FormBuilder online forms to Webflow?"},"content":{"rendered":"\n

Online forms that you build with the form creator<\/a> by 123FormBuilder can be easily added to your Webflow websites. All you need is the JavaScript code of your online form and the ability to use the Embed<\/strong> widget from your Webflow webpage editor, as it is a paid feature. <\/p>\n\n\n\n

<\/p>\n\n\n\n

Go to the Publish section of the form you are interested in embedding and copy the JavaScript code.<\/p>\n\n\n\n

<\/p>\n\n\n\n

\"Javascript<\/a><\/figure>\n\n\n\n

Enter the editor of the webpage in WebFlow where you want to include your online form. In the left panel, go to Add (+)<\/strong> \u2192 Widgets<\/strong> and add the Embed<\/strong> widget on your webpage.<\/p>\n\n\n\n

<\/p>\n\n\n

\n
\"Online<\/a><\/figure>\n<\/div>\n\n\n

Inside the Paste HTML code<\/strong>, paste the JavaScript code of your online form and hit Save & Close<\/strong>.<\/p>\n\n\n\n

Save changes and you are done. If you cannot see the online form in the page preview, don’t worry. Click on the Publish<\/strong> button from the top, go to the provided link of your website and you’ll see the online form smoothly embedded on the front-end of your webpage.\"\"<\/p>\n\n\n\n

If you want to add a lightbox to your webpage, repeat the steps above but instead of using the JavaScript code of your online form, use one of the codes from the Text\/Image lightbox<\/strong>.<\/p>\n\n\n\n

<\/p>\n\n\n\n

\"Text\/Image<\/a><\/figure>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

Online forms that you build with the form creator by 123FormBuilder can be easily added to your Webflow websites. All you need is the JavaScript code of your online form and the ability to use the Embed widget from your Webflow webpage editor, as it is a paid feature. Go to the Publish section of […]<\/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":[695,694],"class_list":["post-12022","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-publish","tag-publish-on-webflow","tag-webflow"],"yoast_head":"\nHow to add online forms to Webflow? | 123FormBuilder<\/title>\n<meta name=\"description\" content=\"Learn how to add online forms to Webflow webpages as easy as 1-2-3! Go to the Publish section, grab the JavaScript code and paste it in the Embed widget.\" \/>\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-add-online-forms-to-webflow\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add 123FormBuilder online forms to Webflow?\" \/>\n<meta property=\"og:description\" content=\"Learn how to add online forms to Webflow webpages as easy as 1-2-3! Go to the Publish section, grab the JavaScript code and paste it in the Embed widget.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.123formbuilder.com\/docs\/how-to-add-online-forms-to-webflow\/\" \/>\n<meta property=\"og:site_name\" content=\"123FormBuilder Knowledge Base\" \/>\n<meta property=\"article:published_time\" content=\"2014-07-28T07:29:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-21T14:03:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-121-1024x464.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":"How to add online forms to Webflow? | 123FormBuilder","description":"Learn how to add online forms to Webflow webpages as easy as 1-2-3! Go to the Publish section, grab the JavaScript code and paste it in the Embed widget.","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-add-online-forms-to-webflow\/","og_locale":"en_US","og_type":"article","og_title":"How to add 123FormBuilder online forms to Webflow?","og_description":"Learn how to add online forms to Webflow webpages as easy as 1-2-3! Go to the Publish section, grab the JavaScript code and paste it in the Embed widget.","og_url":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-online-forms-to-webflow\/","og_site_name":"123FormBuilder Knowledge Base","article_published_time":"2014-07-28T07:29:30+00:00","article_modified_time":"2023-11-21T14:03:49+00:00","og_image":[{"url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-121-1024x464.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-add-online-forms-to-webflow\/#article","isPartOf":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-online-forms-to-webflow\/"},"author":{"name":"","@id":""},"headline":"How to add 123FormBuilder online forms to Webflow?","datePublished":"2014-07-28T07:29:30+00:00","dateModified":"2023-11-21T14:03:49+00:00","mainEntityOfPage":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-online-forms-to-webflow\/"},"wordCount":212,"commentCount":0,"image":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-online-forms-to-webflow\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-121-1024x464.png","keywords":["publish on Webflow","Webflow"],"articleSection":["Publish"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.123formbuilder.com\/docs\/how-to-add-online-forms-to-webflow\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-online-forms-to-webflow\/","url":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-online-forms-to-webflow\/","name":"How to add online forms to Webflow? | 123FormBuilder","isPartOf":{"@id":"https:\/\/www.123formbuilder.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-online-forms-to-webflow\/#primaryimage"},"image":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-online-forms-to-webflow\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-121-1024x464.png","datePublished":"2014-07-28T07:29:30+00:00","dateModified":"2023-11-21T14:03:49+00:00","author":{"@id":""},"description":"Learn how to add online forms to Webflow webpages as easy as 1-2-3! Go to the Publish section, grab the JavaScript code and paste it in the Embed widget.","breadcrumb":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-online-forms-to-webflow\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.123formbuilder.com\/docs\/how-to-add-online-forms-to-webflow\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-online-forms-to-webflow\/#primaryimage","url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-121-1024x464.png","contentUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-121-1024x464.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-online-forms-to-webflow\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.123formbuilder.com\/docs\/"},{"@type":"ListItem","position":2,"name":"How to add 123FormBuilder online forms to Webflow?"}]},{"@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\/12022","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=12022"}],"version-history":[{"count":26,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/posts\/12022\/revisions"}],"predecessor-version":[{"id":47533,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/posts\/12022\/revisions\/47533"}],"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=12022"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/categories?post=12022"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/tags?post=12022"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}