Generic selectors
Exact matches only
Search in title
Search in content

How to create a contact form in Expression Web with 123FormBuilder?

Equipped with many features to build ready-to-go web pages, you might have wondered how to create a contact form in Expression Web in the fastest and easiest way possible. Did you know that a contact form is build with HTML, CSS, jQuery, Ajax and PHP? Well, most of them are. That’s because you use HTML and CSS to build the structure of the contact form and style it as you see fit. Then you need jQuery to add field validation, Ajax to prevent the contact form from refreshing in the browser, each time it is submitted. And lastly, PHP is used to process the data on the server-side. So you need to switch from a coding language to another or hire a programmer that will create the contact form for you, but not at a cheap price, obviously. So what then?

With 123FormBuilder you can build any type of web form or survey that you can publish anywhere on the Web. You just need a 123FormBuilder account to build your contact form for free. And it’s more simple to use than you think. With a user-friendly drag & drop editor, you can add the fields that you require and customize them on the spot. We even provide a contact form template that will skip you the trouble. Just edit it, head over to the settings part and publish it.

If you’re new to 123FormBuilder and need a quick guide on building your contact form, check out our contact form tutorial guide. Once finished with the guide and creating your contact form, return here for the next step.

So you have your contact form, now you have to publish it in Expression Web. In this article, we’ve used Expression Web 4, but the steps should be similar with the previous versions.

In your 123FormBuilder form builder account, you’ll notice that there are several publishing options for your contact form. Click the Embed tab on the left, to view the available embed options. Embedding your contact form in your web page is the way to go, especially if you don’t want to ruin the design of the page.

publish contact form with embed code

We usually recommend embedding your forms with JavaScript, because it is supported by all browsers and operating systems, not to mention it automatically updates your contact form everywhere it is published, whenever you edit it in your form editor.

Copy the JavaScript code and open your HTML file in Expression Web. Create a new file or use an existing file where you want the contact form published. For example a contact page.

Next, paste the code anywhere between thetags, depending on your choice.

create contact form in expression web 4
*In this example, the embed code is added below the subheadline

Save the file and upload it on your server with FTP or any other client.

Open the web page on your browser to check your published form.

Leave a Reply

Your email address will not be published.

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 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?