How to publish online forms on SnapPages?

There are many options to choose from when publishing online forms on a SnapPages website from your 123FormBuilder account. Look it up in the Get Code & Publish section of your form and select the option that suits your needs best. However, we recommend that you embed your form with the JavaScript code from the Get Code & PublishEmbed Code section of your form.

To publish online forms on SnapPages using the embed option, follow these simple steps:

1. Go to the Ged Code & PublishEmbed Code section of your form and copy the JavaScript code.

publish ></p>
<p>2. In <strong>SnapPages</strong> → <strong>Pages</strong> , select the webpage where you want to publish your form and access it in edit mode (<strong>Edit Page</strong>).</p>
<p style=publish ></p>
<p>3. From <strong>Widgets</strong>, drag and drop the <strong>Code Box</strong> widget on your page. In the popup, select the <strong>Create New</strong> option. </p>
<p style=publish ></p>
<p>4. Paste the JavaScript code from 123FormBuilderm and press <strong>Save</strong>. The form will not be displayed in the editor, so you’ll need to save changes made to your webpage (<strong>Save and Continue</strong>) and publish it.  </p>
<p style=publish ></p>
<p>You’ll see the results in the <strong>Pages</strong> section, where all your webpages are displayed in preview mode. You will now be able to receive submissions from your SnapPages website. Enjoy!</p>
<p style=publish ></a></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