HTML Forms

Flashy can integrate with any existing forms on your website to create and subscribe contacts to Flashy.


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>