Embed Code

The form code may be embedded in your website as JavaScript (recommended), as an iFrame or as inline HTML.

JavaScript. This is the easiest, safest and most elegant way of embedding the generated code into your webpage. JavaScript publishing will automatically adjust the height of your form, without showing any scrollbars.

Embed Form

iFrame. Inline frames have a specified height. By contrast to JavaScript publishing, with iFrames, your form height will remain the same, while overflowing elements will be reachable through scrolling.

Iframe publishing

Inline HTML. Inline HTML provides the entire form code. It is generally recommended for programmers, as it may be adjusted to suit specific needs. This publishing type is only available for forms that do not contain upload fields.


To have your form frames appear on your webpage using one of the Embed codes from Get Code & Publish, enable the Embedded Form Frame option from SettingsThemesCustomize.


Where do I put the code in my html? You do explain this in your instructions. I’m do a Lightbox – floating button and there’s no explanation of where the code should be inserted in my html.

February 20, 2016 05:14

    Hi Linda!

    We don’t mention where the code needs to be inserted in your HTML because that’s entirely up to you.

    Depending on how you structured your website, and where you want your form, you should place it within the tags.

    But we can’t be specific because only you know exactly where you want the button placed.

    February 22, 2016 12:06

Hi, im using your free forms for my website, my question is, how can i implement a google adwords objective code (like a contact us objective when the user click send) inside the html or js. code? ty for your time and impresive web tool!

February 08, 2016 11:53
Dan McAllister

I am using the HTML version of the form to embed into my goDaddy website using the GoDaddy WebsiteBuilder. The reason I used yours (aside from the fact that it looks much better!), is to be able to place a Facebook tracking pixel into the code which will be triggered upon someone clicking on the “submit” button. I have it set up so that when someone clicks submit, a ‘Thank you’ message comes up.

Where do I place the tracking pixel into the code such that it will work? Facebook says to place it between the tags on a confirmation page, but I am not using a confirmation page, just the Thank you message.

Thanks for your help!


May 14, 2015 02:48
    Olivian Stoica

    Hello Dan!

    Follow our documentation on how to add Facebook conversion tracking to your online form (the link will redirect you to the article).

    May I recommend you use the JavaScript code instead of the Inline HTML code to embed the form on your GoDaddy web page. We have a documentation that shows the steps on how to embed online forms on GoDaddy. With the Javascript code, the form is automatically updated on the page whenever you adjust it in the form editor. With the Inline HTML option, you will need to re-embed the form whenever you’ve applied changes to it in the form editor. You can save more time this way.

    For further assistance, don’t hesitate to contact our Support Team at support@www.123contactform.com or via our contact form.


    May 14, 2015 06:16
Sameer Siruguri

I would like the form to work with AJAX, so that the submission doesn’t lead to a redirect to www.123contactform.com – is there some way to achieve that? thanks.

July 24, 2014 04:29
    Olivian Stoica

    Hello Sameer!

    You can redirect your form users to a web page after submission. See the option in SettingsNotificationsConfirmation Settings. You can also redirect your form user depending on the choices they have selected in the form. You’ll find the option in the SettingsRulesForm Rules section of your form. If you do not want the links of your forms to be with 123ContactForm, upgrade to the Platinum plan and use Domain Aliasing.

    If this is not what you are looking for, please contact our support specialists to assist you and offer the help you need at support@www.123contactform.com


    July 24, 2014 06:55
Sameer Siruguri

Hi – I would like to have the submission of the email address be entirely within an AJAX call, so that it doesn’t lead to a re-direct to www.123contactform.com after the submission is done. How can I achieve that?

July 24, 2014 04:28

i tried to copy the embedded code into adobe dream weaver cs3, but i didn’t work. what should i do?’

May 29, 2014 06:10
Amanda Sampson

I’m using the HTML version of the code. My page background is black so I have changed the text colour to white for each of the classes. However, the days in the calendar are white when I first import the code prior to editing any styles. Can you please tell me how I can make the calendar dates black?

April 20, 2014 07:19
    Olivian Stoica

    Hello, Amanda! Use Inspect Element of your Internet browser to grab the IDs of the calendar dates. You’ll usually find them as ‘id123-control7559309-1’, ‘id123-control7559309-2’ and ‘id123-control7559309-3’. Next, go to the SettingsThemes section of your form in 123ContactForm and click on Use custom CSS. Enter the code:
    #id123-control1111111-1, #id123-control1111111-2, #id123-control1111111-3{
    Change the IDs with the ones used for your date field inputs. This code will change the color of the input box to black and the color of the input text to white.

    We usually recommend using the JavaScript code and adjust any changes to your form in the Themes section. This way, each time you’ll modify your form on 123ContactForm, the changes will be automatically applied on your web page.

    For assistance or help, please contact our Support Team at http://www.123contactform.com/contactus.html.

    Thank you!

    April 23, 2014 07:05

Leave a Reply

Your email address will not be published. Required fields are marked *