HTML Forms

Subscribe Contact
In order to Flashy to detect a form you will need to add class to the form, you can design the form in any way you want and with all the fields that exists in you Flashy account, custom fields and not:
<form class="flashy-form">
​
<!-- You can add as many fields as you wish from Flashy, custom fields also supported -->
<input type="text" name="first_name" placeholder="What's your name?" required="required">
<input type="email" name="email" placeholder="What's your email?" required="required">
​
<!-- IMPORTANT: You need to find your list ID and change it instead if 000 this will be the list the contact will be subscribed to -->
<input type="hidden" name="list_id" value="000">
​
</form>
Redirect After Success
If you want to redirect the user to a another page when the form successfully submitted, add this to the form:
Make sure to escape the URL of the redirect, you can use this: https://www.freeformatter.com/json-escape.html​
<form class="col-xs-12 flashy-form" action="" data-options='{"redirect":"https:\/\/flashyapp.com"}'>
</form>
Helper Classes
You can use our CSS helper classes to show or hide parts of the html based on the form response.
.flashy-success
.flashy-hide-success
​
.flashy-failed
.flashy-hide-failed
Success Message with Helper Class
<span class="flashy-hidden flashy-success">You have successfully subscribed to our customer club!</span>
​

Website Tracking - Previous

Install via Google Tag Manager

Next - Website Tracking - REST API

Tracking Events (API)

Last modified 2yr ago

Copy link

On this page

Subscribe Contact

Redirect After Success

Helper Classes

Success Message with Helper Class