{"id":11892,"date":"2022-07-25T16:54:10","date_gmt":"2014-07-17T10:23:17","guid":{"rendered":"http:\/\/www.123formbuilder.com\/docs\/?p=11892"},"modified":"2023-11-21T13:27:13","modified_gmt":"2023-11-21T13:27:13","slug":"how-to-add-a-web-form-to-your-strikingly-webpage","status":"publish","type":"post","link":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-a-web-form-to-your-strikingly-webpage\/","title":{"rendered":"How to add a 123FormBuilder online form to your Strikingly webpage?"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<p>In order to add a 123FormBuilder online form to your Strikingly webpage, you have to head over to <strong>Publish<\/strong> section, under <strong>Embed<\/strong> <strong>form<\/strong> options. Here you have five embed options to choose from: JavaScript, Iframe, Auto pop-up, Floating button and Text\/Image lightbox. We recommend that you copy the JavaScript code and use it in the <strong>HTML<\/strong> widget of your Strikingly page. This way, whenever you edit your web form in 123FormBuilder, the changes will automatically apply to your Strikingly webpage.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>To add a web form from your 123FormBuilder account to a Strikingly webpage, go to the<strong>\u00a0Publish<\/strong> \u2192 <strong>Embed form<\/strong> section of your web form and copy the JavaScript code located on top.<\/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-95.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"473\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-95-1024x473.png\" alt=\"Javascript code 123FormBuilder\" class=\"wp-image-47478\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-95-1024x473.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-95-300x139.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-95-768x355.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-95-1536x709.png 1536w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-95.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>In your Strikingly account, access the editor of the webpage where you want to add your online form. In the <strong>Editor Panel<\/strong>, click on <strong>Add New Section<\/strong>, Advanced and then on <strong>App Store &amp; HTML<\/strong>.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video autoplay controls loop muted src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screen-Recording-2022-10-18-at-13.16.35.mp4\"><\/video><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Once the section has been added to your page, click on <strong>Edit<\/strong> and select the <strong>HTML<\/strong> app from Strikingly (in the <strong>All Apps<\/strong> or <strong>Pro<\/strong> tab).<\/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\/2022\/10\/image-33.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"516\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/image-33-1024x516.png\" alt=\"Strikingly app store\" class=\"wp-image-44432\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/image-33-1024x516.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/image-33-300x151.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/image-33-768x387.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/image-33.png 1406w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Finally, paste the JavaScript code of your web form in the <strong>Custom HTML Code<\/strong> box and hit <strong>Save<\/strong>.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/staticresources123.s3-us-west-2.amazonaws.com\/docs\/htmlcodestrikingly.png\" alt=\"add a web form to your Strikingly webpage\" \/><\/figure>\n<\/div>\n\n\n<p>You&#8217;ll notice that the web form is displayed on your web page, although its canvas might not expand to its original size. However, that does not mean the same will appear for your page visitors. Hit <strong>Preview<\/strong> in the Editor Panel and you&#8217;ll see the web form is smoothly displayed.<\/p>\n\n\n\n<p>From now on, your page visitors can submit the web form directly from your Strikingly webpage. Don&#8217;t forget to save changes to your webpage before leaving, of course. All form data will be sent to your 123FormBuilder account, in the <strong>Submissions<\/strong> section of your web form.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In order to add a 123FormBuilder online form to your Strikingly webpage, you have to head over to Publish section, under Embed form options. Here you have five embed options to choose from: JavaScript, Iframe, Auto pop-up, Floating button and Text\/Image lightbox. We recommend that you copy the JavaScript code and use it in the [&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":[636,635],"class_list":["post-11892","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-publish","tag-add-form-on-strikingly","tag-strikingly"],"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 add forms to Strinkingly | 123FormBuilder<\/title>\n<meta name=\"description\" content=\"Add a web form to your Strikingly webpage as easy as 1-2-3 with no codding skills required! Find out more in our documentation here.\" \/>\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-a-web-form-to-your-strikingly-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 a 123FormBuilder online form to your Strikingly webpage?\" \/>\n<meta property=\"og:description\" content=\"Add a web form to your Strikingly webpage as easy as 1-2-3 with no codding skills required! Find out more in our documentation here.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.123formbuilder.com\/docs\/how-to-add-a-web-form-to-your-strikingly-webpage\/\" \/>\n<meta property=\"og:site_name\" content=\"123FormBuilder Knowledge Base\" \/>\n<meta property=\"article:published_time\" content=\"2014-07-17T10:23:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-21T13:27:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-95-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":"Help: How to add forms to Strinkingly | 123FormBuilder","description":"Add a web form to your Strikingly webpage as easy as 1-2-3 with no codding skills required! Find out more in our documentation here.","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-a-web-form-to-your-strikingly-webpage\/","og_locale":"en_US","og_type":"article","og_title":"How to add a 123FormBuilder online form to your Strikingly webpage?","og_description":"Add a web form to your Strikingly webpage as easy as 1-2-3 with no codding skills required! Find out more in our documentation here.","og_url":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-a-web-form-to-your-strikingly-webpage\/","og_site_name":"123FormBuilder Knowledge Base","article_published_time":"2014-07-17T10:23:17+00:00","article_modified_time":"2023-11-21T13:27:13+00:00","og_image":[{"url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-95-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-add-a-web-form-to-your-strikingly-webpage\/#article","isPartOf":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-a-web-form-to-your-strikingly-webpage\/"},"author":{"name":"","@id":""},"headline":"How to add a 123FormBuilder online form to your Strikingly webpage?","datePublished":"2014-07-17T10:23:17+00:00","dateModified":"2023-11-21T13:27:13+00:00","mainEntityOfPage":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-a-web-form-to-your-strikingly-webpage\/"},"wordCount":302,"commentCount":0,"image":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-a-web-form-to-your-strikingly-webpage\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-95-1024x473.png","keywords":["add form on strikingly","strikingly"],"articleSection":["Publish"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.123formbuilder.com\/docs\/how-to-add-a-web-form-to-your-strikingly-webpage\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-a-web-form-to-your-strikingly-webpage\/","url":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-a-web-form-to-your-strikingly-webpage\/","name":"Help: How to add forms to Strinkingly | 123FormBuilder","isPartOf":{"@id":"https:\/\/www.123formbuilder.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-a-web-form-to-your-strikingly-webpage\/#primaryimage"},"image":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-a-web-form-to-your-strikingly-webpage\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-95-1024x473.png","datePublished":"2014-07-17T10:23:17+00:00","dateModified":"2023-11-21T13:27:13+00:00","author":{"@id":""},"description":"Add a web form to your Strikingly webpage as easy as 1-2-3 with no codding skills required! Find out more in our documentation here.","breadcrumb":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-a-web-form-to-your-strikingly-webpage\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.123formbuilder.com\/docs\/how-to-add-a-web-form-to-your-strikingly-webpage\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-a-web-form-to-your-strikingly-webpage\/#primaryimage","url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-95-1024x473.png","contentUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-95-1024x473.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-a-web-form-to-your-strikingly-webpage\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.123formbuilder.com\/docs\/"},{"@type":"ListItem","position":2,"name":"How to add a 123FormBuilder online form to your Strikingly webpage?"}]},{"@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\/11892","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=11892"}],"version-history":[{"count":27,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/posts\/11892\/revisions"}],"predecessor-version":[{"id":47479,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/posts\/11892\/revisions\/47479"}],"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=11892"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/categories?post=11892"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/tags?post=11892"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}