How to publish online forms on Squarespace?

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 PublishEmbed Code section of your form. You’ll use the code to paste it in an Embed widget in the editor of your Squarespace webpage. Here are the steps:

1. In 123FormBuilder, go to the PublishEmbed Code section of your form and copy the Javascript code (which is also recommended when embedding the form on a website).

123FormBuilder how to publish ></a></p>
<p>2. 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).</p>
<p>3. Click on one of the pluses (+) from your webpage to open the widget panel and select <strong>Embed</strong>, under <strong>Basic</strong>.</p>
<p style=123FormBuilder publish ></p>
<p style=123FormBuilder embed forms ></p>
<p>4. Edit the embed widget by pressing the cog button and paste the Javascript code in the <strong>Embed Code</strong> box.</p>
<p style=123FormBuilder how to publish forms ></p>
<p style=123FormBuilder how to publish forms ></p>
<p>5. Click on <strong>Set</strong> and, finally, on <strong>Save</strong>.</p>
<p>The form is not visible in the editor, therefore you’ll need to save your webpage and preview it afterwards, as your visitors. Here is our example:</p>
<p style=123FormBuilder how to publish ></p>
<p>Repeat the steps to embed more web forms on the same page or on others. Easy as 1-2-3!</p>
</div>
</div>
</div></div></div>
	<style>
		.signup_button_div{width:100%;display:block;}
		.signup_button {
			width: 217px;
			text-align: center;
			margin:30px auto;
			padding: 13px 10px;
			cursor: pointer;
			font-size: 16px;
			border-radius: 3pt;
			background-color: #0099CC;
		    border: 1px solid #0099CC;
		    transition: border .15s linear, color .15s linear, background-color .15s linear !important;
			}
		.signup_button a{
			color: #FFFFFF;
		}
		.signup_button:hover{
			background-color: #1BA8CE;
    		border: 1px solid #1BA8CE;
		}
		.signup_button a:hover{
    		text-decoration: none;
		}
	</style><div class='signup_button_div'>
			<div class= SIGN UP FOR FREE

Olivian Stoica
Olivian Stoica
Oli's enthusiasm for helping our fellow users led him to write thorough know-how articles and tutorials that would make form building a bliss on 123FormBuilder.

Leave a Reply

Your email address will not be published. Required fields are marked *

This website is using cookies. By continuing to browse, you are
agreeing to our use of cookies as explained in our Cookie Policy. OK