DropForm with Wix

This guide shows how to integrate Wix with DropForm using the Submission API: POST https://api.dropform.app/s/{uid}.

Wix’s built-in forms are tied to Wix workflows. For a direct integration with DropForm, use Wix Velo and submit using fetch from your page code.

We’ll build:

• inputs in Wix Editor
• a submit button click handler (Velo)
• fetch + FormData submit (supports files)
• inline success/error status

What you need

• Your DropForm form UID (endpoint looks like https://api.dropform.app/s/{uid})
• A Wix site with Velo enabled

Wix setup

In the Wix Editor, add:

• Text input with ID #emailInput
• Text box / textarea with ID #messageInput
• Text element for status with ID #statusText
• Button with onClick handler submitButton_click

Optional file uploads in Wix can vary by component. If you already have a file value you can append to FormData, use the file example below.

Velo submit example (FormData)

This is the recommended approach. It matches browser forms and works with file uploads.

File uploads (optional)

If you can access a File-like object from your Wix upload component, append it to FormData. Otherwise, keep the form text-only (still very common for Wix sites).

Common gotchas

• Enable Velo: otherwise you can’t run custom fetch code.
• Don’t set Content-Type for FormData: let fetch handle it.
• Show user feedback: always display status text for success/error.

Next steps

• DropForm with Webflow
• DropForm with Squarespace
• DropForm with WordPress
• DropForm with JavaScript