Knowledge Base

To publish your form on the Tumblr blog hosting platform, follow the steps below:

In your Tumblr account, go to the Settings section.

post web forms to Tumblr

Click on the page name (the last option in the menu on the left) to edit your page.

add web forms to Tumblr page

Next, select the Edit theme button.

how to post web forms to Tumblr page

Click the Edit HTML button to access the page code.

edit html in Tumblr to post web form

Insert the Javascript code of your form in the page code. Get the code from your form builder account, the Publish section → Embed form → first option on the page.

Javascript code 123FormBuilder

Click Update Preview to see the updated page on the right side of the page and then click Save.

publish contact form on tumblr

When embedding a form on a WordPress page or post, the code retrieved from the Publish → Platforms → WordPress section within our form builder normally looks like this:

[ 123-contact-form i507842 ]

In order to prefill form fields you need to change this code in the following way (in one line):

[ 123-contact-form i507842 control3592242-1=John&control3592242-2=Doe&control3591576=johndoe@company.com&control35 91577=This is a test message. ]

control3592242-1, control3592242-2, control3591576 and control3591576 are the name attributes of form fields. You can retrieve them by inspecting the code of your form with a browser inspection tool.

John, Doe, johndoe@company.com and This is a test message. represent the prefilled values assigned to the fields above.

Name attributes and values are connected through the operator &.

[123-contact-form i507842 control3592242-1=John&control3592242-2=Doe&control3591576=johndoe@company.com&control3591577=This is a test message.]


Related articles

The best way to publish online forms on PhotoShelter is to use the JavaScript code, located in the PublishEmbed form section of each online form from your 123FormBuilder account. This way, each time you edit your online forms, the changes are automatically applied to your PhotoShelter website. Here’s how you can add your 123FormBuilder online form on your PhotoShelter website.In 123FormBuilder, go to the Publish Embed form section of your form and copy the JavaScript code.

Javascript code 123FormBuilder

Log in to your PhotoShelter account and go to WebsiteGeneral Settings.

PhotoShelter website

You can add the JavaScript code in HTML Head Code and Footer Code. It’s all up to you to choose where the online form is more fitted on your website. Paste the JavaScript code inside the code box and press Save Settings to finish.

HTML Head code

Go to My Site to view how your online form is displayed on your PhotoShelter website. Site visitors can now view your work and use your 123FormBuilder online form to request a photoshoot appointment.

Publishing online forms on Jigsy couldn’t be any more simple with the JavaScript code we provide for each online form you have created on 123FormBuilder. All you need to do is copy the code and paste it into the JavaScript widget of your Jigsy webpage. The form will be automatically embedded on the page. You can customize the theme of your form exactly as you want it to look on your Jigsy webpage.

Javascript code 123FormBuilder

In the form builder, copy the JavaScript code located in the PublishEmbed form section of your form.

In Jigsy, enter the editor mode of the webpage where you want to add your online form and click on Add Content to Page, on the top-right.

Embed Form

In Content, drag the JavaScript or HTML code widget on your webpage.

Embed Form

In the popup window (HTML Block), paste the JavaScript code.

You’ll immediately see the online form displayed on your webpage. Save your changes and you are done. People will be able to submit your form directly from the webpage from now on.

There are many options to choose from when publishing online forms on a SnapPages website from your 123FormBuilder account. We recommend that you embed your form with the JavaScript code from the PublishEmbed form section of your form so that any changes you perform on your form are automatically reflected on your website.

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

Go to the PublishEmbed form section of your form and copy the JavaScript code.

Javascript code 123FormBuilder

In SnapPagesPages, select the webpage where you want to publish your form and access it in edit mode (Edit Page).

Edit page Snappages

From Add Blocks, drag and drop the Code Box widget on your page and in the popup, select the Create New option.

Code Snappages
Create new code Snappages

Paste the JavaScript code from 123FormBuilder and press Save. The form will not be displayed in the editor, so you’ll need to save the changes made to your webpage (Save and Continue) and publish it.

You’ll see the results in the Pages section, where all your web pages are displayed in preview mode. You will now be able to receive submissions from your SnapPages website. Enjoy!

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

Let’s take it step by step.

In 123FormBuilder, go to the Publish – Embed form section of your form and copy the Javascript code (which is also recommended when embedding the form on any website).

Javascript code 123FormBuilder

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 and search for Embed. Now you have to edit the widget by clicking on the pencil icon and select Code Snippet->Embed data where you have to paste the JavaScript code from Publish section.

The form is not visible in the editor, therefore you’ll need to save your webpage and preview it afterward.


Your 123FormBuilder web forms can easily be embedded on NationBuilder. This way, people will access your forms directly on your nation’s website.

Here is how to publish a web form on NationBuilder:

1. In your form builder account, go to the Publish section of your form and from Embed form, copy the Javascript code.

Javascript code 123FormBuilder

2. Log in to your NationBuilder account.

3. From the Control Panel section of your nation, go to Website and access the page where you want to publish the form.

4. Switch to the Template tab and paste the Javascript code of your form.

NationBuilder template

5. Press the Save and publish changes button under the editor, and you’ll find your online form embedded in your post.

You can set up all of your notifications to be sent in HTML format or as plain text in the form builder. This includes all of our available templates: default notification, HIPAA notification, autoresponder, copy of submission, payment notification, approval email, quiz template.

By default, all email templates will display in HTML format. To change the format, simply choose one of our available email templates that best suits your needs. Afterward, click the Body’s dropdown list and select the Switch to Plain Text option.

Switch to plain text

The plain text format will display all the HTML elements and attributes used in the HTML format. Delete them and start typing your message.

It’s important to mention that the Form Summary table will not display in the Plain Text format. If you wish to include the user’s input in your notification, you will need to add each field variable individually. Check out our Custom template variables article for more details.

Plain text notification

Don’t forget to click Save at the bottom of the page once you’ve finished composing your message. If you want to switch back to the HTML format, click the Body’s dropdown list again and select Switch to HTML.


Related articles

With our online form builder, you can create amazing web forms and publish them on your Shopify store. In this article, we show you all the steps to publish a web form on Shopify.

In My Forms choose the online form you want to use. Click the overflow menu and select Publish Form.

publish 123Formbuilder form on shopify

In the Embed in page section of your form click the Copy code button.

Publish Shopify

Go to Online Store Pages and select the page where you want to add the online form.

Online store Shopify

Click on the HTML icon to switch to the HTML editor and paste the code of the online form inside the content. When you have finished editing the page, click on Save and View page to see your online form.

If you want to add a different publishing method, repeat the steps above, but instead of using the embed code of your online form, use one of the codes from the Link to form or Lightbox tab in the Publish section.

All form submissions will be saved in the Submissions section on 123FormBuilder.

Whenever you edit the online form in your 123FormBuilder app, all changes will be automatically applied to your Shopify store.


Related articles

To resend multiple submissions, go to the Results section of your form within the form builder and navigate to the Submissions tab.

Results section

Select the submissions you want to resend by ticking the checkboxes on the left. You’ll notice a button is displayed on top of the table that states Resend.

Resend submissions

After clicking on Resend, a small pop-up will appear on the screen to confirm the action and select which email notifications to be resent. Make sure you do not use a pop-up blocker that might hide the confirmation pop-up.

Resend submissions

If the form is integrated with a payment processor, you can mark the payment status of those selected entries. This feature can be used when users are paying via check or cash.

Based on your needs, you can publish web forms in your Volusion store wherever Volusion allows it, with the help of the publishing options we have provided you. No coding skills are required.

Go to the Publish → Embed form section of your online form and copy the JavaScript code. We recommend this option when it comes to publishing your web forms on any website. It’s compatible with many platforms and automatically applies changes made to your web form wherever it’s published, when modified in 123FormBuilder.

Javascript code 123FormBuilder

When you log in to Volusion, go to the admin section of your store. From there, go to DesignSite Content.

Create or edit a page where you want your web form included. Inside the page editor, hit the HTML embed button (symbol) from the Article Body. Now, paste the JavaScript code of your web form inside the article body and hit Save.

Hit View Live to see how the web form is displayed for your online store visitors. They can now submit the web form directly from this page and all submissions will be saved in the Submissions section of your web form in 123FormBuilder.

You can use the 123FormBuilder – iContact integration to associate form fields with custom fields built in your iContact account. In the Integrations section of your form within the form builder, go to the iContact app and click on Customize.

In the lightbox, scroll down to the Custom Fields subsection. Use the dropdowns on the right to associate form fields with iContact custom fields on the left. You’ll find here all the custom fields built into your iContact account.

iContact custom fields integration

Hit Save and you are done. From now on, each new submission will send form data to your custom fields in iContact.

Important Note! If you change the name (not the label) of a custom field in iContact, you’ll need to return to the 123FormBuilder – iContact app to associate it again to your form field.

Frequently Asked Questions

Here is a list of the most frequently asked questions. For more FAQs, please browse through the  FAQs page.

Is this service free?
Yes, we offer a free form builder service. Just sign up to the Basic plan and you are all set. This plan is forever free, but you are limited with a few features only, such as 5 forms per account, 100 submissions per month and you have to keep the backlink to 123FormBuilder on your forms. Check out our features matrix for more information.
How many forms can I create?
It depends on the service plan you are on. Higher service plans enable more features, including more web forms for your account. If you need more forms, go to the My Account section of your account and click the upgrade button. To create an unlimited number of forms, either upgrade to the Platinum service plan or higher. Consult our features matrix for more information.
How can I publish my forms?
You can publish your forms in many ways, by using their direct URL or HTML link, embedding them with a JavaScript code, Inline HTML or iFrame, using the Facebook app or the WordPress plugin, using popups, the Blogger code snippet and many more. Once you have created and customized your form, go to the Publish section to complete your work. Read more in our documentation.
How do I change my form design?
You can change the design of your form for more information. in the Themes section, which is located in your form settings. We offer a set of more than 30 predefined form themes for your forms, but you can also create your own from scratch. You can customize the submit button, the logo and more. To apply your own stylesheets, all forms come with a custom CSS editor.

Can't find what you're looking for?