How to set up an Instant Form

Fomo supports a wide range of integrations, and we are constantly building out additional integrations based on customer demand.

Because we wanted Fomo's benefits to be accessible to as many users and platforms as possible, Fomo Instant was developed to create custom integrations for any application or website that includes a form.

Instant allows users to map over the fields in a form and turn that data into
event notifications.

Note that our Fomo Instant integration will work with most webforms. Exceptions include some webforms that are in an HTML element. Follow along for a step by step example. Step 1 - Enable Instant While logged into Fomo, navigate to Notifications > Add Notifications > All Notifications, and search for Instant. <div class="intercom-container"><img src="https://downloads.intercomcdn.com/i/o/770858015/8b34ced16782f737eceda089/instant+1.png"></div>Click the 'Add Form' button: <div class="intercom-container"><img src="https://downloads.intercomcdn.com/i/o/770858827/7ccded0760a6715850b9a69e/instant+2.png"></div>Click into the integration and add a new form URL, where the URL is the location of your web form. In our example, our web form is on a URL called "<a href="https://mystore.com/form-website" target="_blank" class="intercom-content-link">https://mystore.com/form-website</a>". <div class="intercom-container"><img src="https://downloads.intercomcdn.com/i/o/770859354/4f264c825b8aae2f7ef1e4b4/instant+3.png"></div>Note: you must have the Fomo embed snippet installed on the webpage with the web form. You can find your embed snippet in Settings > Embed. Step 2 - Save and Edit your Template Message Click to "save" . You can then click on your Template to edit the messaging and structure: <div class="intercom-container"><img src="https://downloads.intercomcdn.com/i/o/770859866/cfee328dbb1dadaa69ab6efe/instant+4.png"></div>(Optional) Step 3 - Add html_class= 'fomo_instant' to your <form> HTML element Although this step is optional, this will help Fomo find the form on your site. Adding this HTML class will not affect the look and feel of your form. The reason we prefer completing this step is to handle cases where your registration page has multiple forms that could "confuse" Instant from mapping properly. If you've reached Step 5 and you do not see your form fields data after waiting a few minutes, please try adding this html class to your form element. Step 4 - Submit some test information Go to your live web form, refresh the page, fill in the form using test info, and submit the form.  <div class="intercom-container"><img src="https://downloads.intercomcdn.com/i/o/44103542/4cb6f3e35b6ef7a98e7898b7/8hpj4clxgz2pqmbflbr3c293cf87tau12bl8b1xcpes7cqwqbz%3F1504040473"></div>Step 5 - Map your submission Go back to your Instant setup page inside Fomo. Within a few moments (sometimes up to 3-5 minutes) the "Form fields" section should populate with the sample form fields you just submitted: <div class="intercom-container"><img src="https://downloads.intercomcdn.com/i/o/192393151/6336dd99197f2724857f9b3d/form-fields-instant-integration.png"></div>Select the fields you want to include by "mapping" them to Fomo variables in the input boxes underneath. Please use the same syntax we provide as "standard variables" (email_address, first_name, etc.). Feel free to add custom variables as well. Again, we recommend using our syntax (lowercase, replace spaces with "_"). Also feel free to go back and tweak your Template Message (Step 2 of this article) if you discover that you want to include different variables. Hit save, and the next time sometime submits info in your web form, it will become a Fomo notification instantly.