Fillr does a great job of filling most forms. However every form is different and some HTML forms use a lot of custom formatting that may confuse Fillr's field detection.

This guide describes how you can add a little bit of Javascript to your HTML page to make sure that Fillr fills your form exactly the way that you need.

An example form

We have provided a simple example HTML page that shows a completed Fillr integration. Use this sample page as a reference while following the guide below.

Visit the sample page on your iOS device with the Fillr extension installed to see it at work.

Step-by-Step Guide

Include our Publisher API Javascript

At the bottom of your HTML body element, add a script tag that references the fillr_publisher_api.js file.

Define your FillrPublisher object with two functions

The Fillr extension, together with the fillr_publisher_api.js file that you include, will attempt to call code that you define on an object called FillrPublisher.

If you look at the code at the bottom of the simple example HTML page, you will see an example object that defines two functions: getFields and populate.


getFields should be a function that takes no arguments and returns an array of strings.

The strings describe the fields that are present in your HTML form. Your strings should match those in the Fillr Schema.


populate should be a function that takes one argument, an object containing the values returned by the Fillr extension.

As shown in the example HTML file, this is your chance to take the data provided by the user and the Fillr extension and populate your HTML form.

You can use jQuery or other Javascript DOM techniques to fill your form.