Add custom response messages

Change the message visitors see after submitting, or show your own design.

With formclick.min.js on the page, set the success message with data-success-msg on the form:

HTML

<form action="https://api.formclick.io/submit" method="POST"
      data-success-msg="Thanks, Jane will reply within one business day.">
  ...
</form>

<!-- Handles submit, file upload, loading state and success/error messages. -->
<script src="https://cdn.formclick.io/formclick.min.js"></script>

The message appears inside the form after a successful submit, and the form is cleared. Errors (for example a rate limit) appear in the same place in red.

Style it

HTML

<style>
  .fc-msg-success { background: #ecfdf5; color: #065f46; border: 1px solid #a7f3d0; }
  .fc-msg-error   { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }
</style>

Use a whole page instead

To show a full thank-you page, use a custom redirect. To run your own code (open a modal, track a conversion), listen for the fc:success event; see Success & error messages.

Still need help? Contact support or email support@formclick.io.