HTML Forms
Flashy can integrate with any existing forms on your website to create and subscribe contacts to Flashy.
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>
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>
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
<span class="flashy-hidden flashy-success">You have successfully subscribed to our customer club!</span>