How to Add a Form to Your Website

Option 1:  Add a Contact Form

1.  Login to your IconoSites account.  

2.  Add a New Page, and select Contact Form as the Page Type.  You can then edit the contact form to your liking.

When somebody fills out your contact form, (1) they receive a copy of the message, and (2) YOU, the site owner, will also receive a copy of the message at your email address -- the email address that you used to sign up for your IconoSites account.  

Option 2:  Create a Custom Form

How to embed a 1-2-3 contact form

In this tutorial, we’ll show you how to add a custom form to a website using the IconoSites website builder

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 http://www.123contactform.com/ website and sign up a free account.

How to Embed a Contact Form


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

How to embed a 1-2-3 contact form


3.  Next type a name for your contact form.

How to embed 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.

How to embed contact form to a website


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.

How to embed 1-2-3 contact form to website


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

How to embed a 1-2-3 contact form to a website


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

How to embed a 1-2-3 contact form to my website


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.

How to embed 1-2-3 Contact Form to my website


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.

How to make contact us form

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.
Powered by Zendesk