Data Attributes

The Webflow script progressively enhances forms whose action points to Formtress. These data-* attributes are optional — they add loading text and server error display without writing any JavaScript.

Button attributes

data-ft-loading-text

Optional. Set on the text element inside your submit button. When the form is submitting, the text content is replaced with this value. It’s restored when the request completes.

Detail	Value
Element	Text element inside the submit button
Value	Loading text string (e.g., "Please wait...", "Sending...")
Required	No

<button type="submit">
  <span data-ft-loading-text="Please wait...">Submit</span>
</button>

Error attributes

data-ft-error

Optional. Set on an element that should display error messages from the server. When a submission fails, the text content of this element is replaced with the error message.

Detail	Value
Element	Any element (typically a <div> or <p>)
Value	(no value needed — presence of the attribute is enough)
Required	No

<div data-ft-error>Something went wrong.</div>

The default text (e.g., “Something went wrong.”) is shown initially. When an error occurs, it’s replaced with the server’s error message.

Complete example

<form action="https://app.formtress.com/api/f/abc123-your-form-id" method="post">
  <label for="name">Name</label>
  <input type="text" id="name" name="name" required />

  <label for="email">Email</label>
  <input type="email" id="email" name="email" required />

  <label for="message">Message</label>
  <textarea id="message" name="message"></textarea>

  <!-- Error display -->
  <div data-ft-error>Something went wrong. Please try again.</div>

  <!-- Submit button with loading text -->
  <button type="submit">
    <span data-ft-loading-text="Sending...">Send Message</span>
  </button>
</form>