iMakeForms

How to use the identifiers and add a form to your website

If you make a form, you will receive two identifiers with 12 digits. One is for general use to share and publish the form you made, the other is for your modification for your form. You need to keep the latter one safe or only share with the persons who will edit the form instead of you.

1
Identifier for general use

You can expose your form to the public, friends, colleagues or any persons by using this identifier. Just add the identifier at the end of following address.

Below is an example in FireFox :

form identifier 1
2
Identifier for editing / modifying

In order to edit a form you have made, you need an identifier for edit and your email address. Just input an identifier for edit and email address at the front page like below example :

form identifier 2
3
How to add a form to your website

You can add an IMF form to your website freely. You will be using <iframe/> tag to include a form.

<!-- Style your wrapper here --> <div style="overflow:hidden; background-color:#efefef; padding:30px;"> <iframe id="idIframe" src="https://www.imakeforms.com/makeform/submit.html?identifier=your_12_digit_identifier" frameborder="0" width="100%" height="height_as_you_want" onload="ImfFormLoaded();" style="background:#efefef; overflow:hidden;"></iframe> </div>

If you want to call your private function after a form is submitted then implement below code in your web page

<script type="text/javascript"> // Add an event listener to execute after the page is loaded document.addEventListener("DOMContentLoaded", function(){ // Add an event listener if (window.addEventListener) { window.addEventListener('message', onImfFormSubmitted, false); } else if (window.attachEvent) { window.attachEvent('onmessage', onImfFormSubmitted, false); } }); function ImfFormLoaded(){ // Called once iFrame contents are loaded console.log('form loaded...'); } // A function to be executed by the event listener - not by IMF Form function onImfFormSubmitted(_event){ if (typeof(window[_event.data.func]) == 'function') window[_event.data.func].call(null, _event.data.message); } // Final function call after an iMF form is submitted. // Function name should not be changed. This function will be called once a form is submitted. function ImfFormSubmitted(message){ // Do your stuff here once a form is submitted } </script>