Use this guide to send Gutenverse Form submissions to any service that can receive an HTTPS webhook request.

What You Need

HTTPS webhook URL
Signing secret
Content template


Enable Webhook in Gutenverse Form

You can configure these settings either in the Form Action or globally in the integration settings.

The global settings serve as a fallback and are used only when the integration settings are not configured in the Form Action.

Note: If any Integration settings are configured in the Form Action, the form will use only the Form Action settings. It will not combine or merge them with the global settings.

Setup Globally

1. Navigate to Gutenverse → Form Integrations.

2. Enable the Webhook integration.

3. Then Click “Continue Setup”

4. Configure the required settings:

Webhook URL : Paste the webhook URL from the destination service.
Signing Secret : Use this only if the destination service or your developer gives you a signing secret. If not needed, leave it empty.
Content Template : The payload/template you want to send. You can use Gutenverse placeholders.


Recommended plain text template:

New form submission

Form: {{form_title}}
Entry ID: {{entry_id}}
Site: {{site_title}}

Name: {{name}}
Email: {{email}}
Phone: {{phone}}

Message:
{{message}}

All fields:
{{all_fields}}


If your destination expects JSON, use a JSON template like this:

{
  "form_title": "{{form_title}}",
  "entry_id": "{{entry_id}}",
  "site_title": "{{site_title}}",
  "name": "{{name}}",
  "email": "{{email}}",
  "phone": "{{phone}}",
  "message": "{{message}}"
}


Gutenverse Form supports placeholders in Drip fields. Placeholders are replaced with submitted values.

Common placeholders:

PlaceholderOutput
{{site_title}}WordPress site title
{{form_title}}Form title
{{form_id}}Form ID
{{entry_id}}Submission entry ID
{{all_fields}}All submitted fields
{{field-id}}Value from a specific Form Builder input


For field placeholders, use the input ID from the Form Builder field.

Examples:

Input ID email uses {{email}}.
Input ID name uses {{name}}
Input ID input-phone uses {{input-phone}}.

5. After filling the settings, click Save.


Setup in Form Action

1. In Editor, Select Form Builder then open Form Action.

2. Open Integration Tab.

3. Select “Webhook” to setup Webhook integration.

4. Configure the required settings.

Note: API Key need to be saved securely so after paste the API Key click on Save Securely

5. Click Update Form.