Important to know
These values may be pulled directly from the source code on your landing page by visiting the page, right-clicking, and selecting View Page Source. You will be looking for the "id" value of the <form> element and the "name" or "id" value for each of the form inputs.
<form id="your-form-id>
<input id="your-input-id"></input>
...
</form>
-
<script src="https://www.garudax.id/autofill/js/autofill.js" type="text/javascript" async></script><script type="IN/Form2" data-form="12345" data-field-firstname="12345" data-field-lastname="12345" data-field-phone="12345" data-field-email="12345" data-field-company="12345" data-field-title="12345" data-field-city="12345" data-field-state="12345" data-field-country="12345" data-field-zip="12345"></script>
<head>...</head>
<body>
...
<script src="https://www.garudax.id/autofill/js/autofill.js" type="text/javascript" async></script>
<script type="IN/Form2" data-form="form1234" data-field-firstname="field4" ...></script>
...
</body>
-
If you need to set absolute dimensions on this custom object, the size of the AutoFill button is 171x33px.
-
When placing the AutoFill code directly into the source code, the easiest way to control the placement of the button is to place the script in its own element, either right before or within the form element, and above any of the form fields. Placing the script in its own div will allow greater flexibility to manipulate the button placement (floating, centering, padding, etc.).
-
Make sure to publish all updates to your live website once you have finished implementing the AutoFill code.
-
View the page source and double-check your form code vs. the AutoFill code on the page. Make sure your <form id = ""> value matches the data-form="" value from the AutoFill code.
-
Check whether your form is inside an iframe on your page. If so, the AutoFill code needs to go on the form itself (inside the iframe), and the domain of the iframe source needs to be added to the allow list if that domain has not yet been added.