How to Add a Custom Form to a Website

In this tutorial, we’ll show you how to add a form to a website using the IconoSites website builder.  While you can build any type of form you would like, we’ll show you how to make a quick contact form.

Video Tutorial

If you prefer to watch a video tutorial, here it is
(otherwise, continue with the written tutorial below):

Written Tutorial

1.  Go to website and sign up a free account.

2.  Login to your 123contactform account then click Contact Form.

3.  Next type a name for your contact form.

4.  On the next step, you may optionally customize or change the values of the field but to make this tutorial quick, we’re going to leave the default values. Please click the Continue button.

5.  Next step is optional, you may click the small box if you want to be notified whenever there are new submissions, else you may leave it uncheck. Below are also some other options to change any values of your form, if you make any changes just simply click SAVE button. After doing so, please click the Continue button.

How to embed contact form to my website

6.  Next is to click the Embed Code button from the left, then copy the Javascript code (highlight + right click + copy). Please see the screenshot below. Once you’re done, you may click the Finished button.

7.  Login to your Iconosites account and select the default Contact page. Then click Edit to make changes. Please see screenshot below.

8.  Next scroll down onto the page and click the HTML tool. Please see screenshot below.

9.  This will bring up the HTML editor, next is to paste the code that you’ve just copied from 123contactform. Then click Update Button once pasted. Then click X button to close the HTML Editor.

10. Last step is to click the Save button. Now check your website’s contact form. You’ll see something like the image below. Congratulation’s you’ve just successfully embedded a simple contact form into your IconoSites website.

  • Mykenzi

    Thanks man, Google had nothing for me on this until I found this article about how to add a from to the best website builder :D

    • Bob Charles

      You’re welcome!  It’s never been easier to add a form to your website.  Our website maker coupled with this form creator is an incredibly powerful and professional combination.

  • BD

    How can I get this website builder…

    • Bob Charles

      It’s easy!  Just go to, and you’ll be able to build your website in just a couple minutes.  We designed our website builder to provide stunning design, powerful features, and absolute simplicity in terms of ease-of-use.  Hope you enjoy!

Previous post:

Next post: