{"id":9551,"date":"2022-07-25T16:53:28","date_gmt":"2014-03-14T08:46:42","guid":{"rendered":"http:\/\/www.123formbuilder.com\/docs\/?p=9551"},"modified":"2023-11-21T13:42:26","modified_gmt":"2023-11-21T13:42:26","slug":"how-to-publish-online-forms-on-squarespace","status":"publish","type":"post","link":"https:\/\/www.123formbuilder.com\/docs\/how-to-publish-online-forms-on-squarespace\/","title":{"rendered":"How to publish 123FormBuilder online forms on Squarespace?"},"content":{"rendered":"\n

To publish an online form from 123FormBuilder on your Squarespace webpage, you’ll need to copy the Javascript code we have provided for you in the Publish -> Embed form<\/strong> section of your form in the form builder<\/a>. You’ll use the code to paste it in an Embed<\/strong> widget in the editor of your Squarespace webpage.<\/p>\n\n\n\n

Let’s take it step by step.<\/p>\n\n\n\n

In 123FormBuilder, go to the Publish<\/strong>\u00a0–\u00a0Embed<\/strong> form<\/strong> section of your form and copy the Javascript code (which is also recommended when embedding the form on any website).<\/p>\n\n\n\n

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

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

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

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

In Squarespace, enter the editor mode of your website and select the page where you want to embed your form (or create a new page). In order to open the widget panel, click on Add block<\/strong> and search for Embed<\/strong>. Now you have to edit the widget by clicking on the pencil icon and select Code Snippet<\/strong>->Embed data<\/strong> where you have to paste the JavaScript code from Publish section.<\/p>\n\n\n\n

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

The form is not visible in the editor, therefore you’ll need to save your webpage and preview it afterward.<\/p>\n\n\n\n

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