- \n
- Setting Up a Webhook Connection<\/a><\/li>\n\n\n\n
- Configuring Request Settings<\/a><\/li>\n\n\n\n
- Mapping Form Fields<\/a><\/li>\n\n\n\n
- Adding Custom Headers<\/a><\/li>\n\n\n\n
- Testing Your Webhook<\/a><\/li>\n\n\n\n
- Benefits of Using Webhooks<\/a><\/li>\n<\/ul>\n\n\n\n
\n\n\n\nSetting Up a Webhook Connection<\/h2>\n\n\n\n
This example uses a dummy webhook URL<\/a> to demonstrate the implementation. You can apply these same steps to connect with any third-party service that accepts webhook data.<\/p>\n\n\n\n
Step 1: Open Your Page in Thrive Architect<\/h3>\n\n\n\n
First, open the page where you want to add the webhook integration in the Thrive Architect editor.<\/p>\n\n\n\n
Step 2: Add a Contact Form<\/h3>\n\n\n\n
In the right panel, click the plus (+)<\/strong> icon to open the elements list.<\/p>\n\n\n\n
![\"\"](\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:461\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2025\/09\/Posts-‹-thrive-themes-—-WordPress-2026-01-22-at-4.53.31-PM.jpg\")
<\/figure>\n\n\n\nFrom the list of elements, drag and drop the Contact Form<\/strong> element onto your page.<\/p>\n\n\n\n
![\"\"](\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:477\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2025\/09\/Hello-world-Thrive-Architect-2026-01-22-at-4.59.59-PM.jpg\")
<\/figure>\n\n\n\nWhen prompted, select a template for your form. The form will be added to your page at the selected location.<\/p>\n\n\n\n
![\"\"](\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:461\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2025\/09\/Hello-world-Thrive-Architect-2026-01-22-at-5.09.30-PM.jpg\")
<\/figure>\n\n\n\nStep 3: Access Form Settings<\/h3>\n\n\n\n
Click on the Contact Form to open its options in the left column.<\/p>\n\n\n\n
\n
Important:<\/strong> Before proceeding to add a webhook, ensure you’ve added all the fields you need in the form. Adding new fields after establishing a webhook connection will delete the connection you’ve built.<\/p>\n<\/blockquote>\n\n\n\n
Step 4: Navigate to Webhook Settings<\/h3>\n\n\n\n
In the left column under Main Options<\/strong>, scroll down to Connections<\/strong> and click Webhook<\/strong>.<\/p>\n\n\n\n
![\"\"](\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:458\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2025\/09\/Hello-world-Thrive-Architect-2026-01-22-at-5.10.35-PM.jpg\")
<\/figure>\n\n\n\nYou’ll see a section where you can add and manage your webhook settings.<\/p>\n\n\n\n
\n\n\n\nConfiguring Request Settings<\/h2>\n\n\n\n
Add Your Webhook URL<\/h3>\n\n\n\n
The first field you’ll see is the Webhook URL<\/strong>. Enter the URL provided by the third-party service you’re connecting to.<\/p>\n\n\n\n
![\"\"](\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:453\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2025\/09\/Hello-world-Thrive-Architect-2026-01-22-at-5.16.29-PM.jpg\")
<\/figure>\n\n\n\nSelect Request Type<\/h3>\n\n\n\n
Next, choose a Request Type<\/strong> from the dropdown menu. The third-party service you’re connecting to will specify which request type to use.<\/p>\n\n\n\n
Available request types:<\/p>\n\n\n\n
- \n
- POST:<\/strong> Sends new data to create a new entry (most common for form submissions).<\/li>\n\n\n\n
- GET:<\/strong> Requests or retrieves specific information from another system.<\/li>\n\n\n\n
- PUT:<\/strong> Updates existing data completely with new information.<\/li>\n\n\n\n
- PATCH:<\/strong> Updates only certain fields of existing data.<\/li>\n\n\n\n
- DELETE:<\/strong> Removes or deletes data from another system.<\/li>\n<\/ul>\n\n\n\n
For this example, select POST<\/strong> since we’re submitting form data.<\/p>\n\n\n\n
![\"\"](\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:455\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2025\/09\/Hello-world-Thrive-Architect-2026-01-22-at-5.17.19-PM.jpg\")
<\/figure>\n\n\n\nSelect Request Format<\/h3>\n\n\n\n
After selecting the request type, choose a Request Format<\/strong>. This determines how the data is structured when sent to the receiving service.<\/p>\n\n\n\n
Available format options:<\/p>\n\n\n\n
- \n
- Form:<\/strong> Sends data as key-value pairs, like a typical web form submission (simple integrations).<\/li>\n\n\n\n
- JSON:<\/strong> Sends data in JavaScript Object Notation, a popular format for structured data exchange.<\/li>\n\n\n\n
- XML:<\/strong> Sends data in Extensible Markup Language, often used in enterprise systems.<\/li>\n<\/ul>\n\n\n\n
For this example, select FORM<\/strong>.<\/p>\n\n\n\n
![\"\"](\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:447\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2025\/09\/Hello-world-Thrive-Architect-2026-01-22-at-5.27.59-PM.jpg\")
<\/figure>\n\n\n\n\n
Note:<\/strong> The third-party service will tell you exactly how they want to receive the information (request type, format, and what details to include). You just need to match your form settings to their requirements.<\/p>\n<\/blockquote>\n\n\n\n
\n\n\n\nMapping Form Fields<\/h2>\n\n\n\n
Once you’ve configured the request settings, you’ll need to map your form fields to the data structure expected by the receiving service.<\/p>\n\n\n\n
In the Field Mapping<\/strong> section, you’ll see options to select keys and values.<\/p>\n\n\n\n
- \n
- Key:<\/strong> The field name expected by the receiving service.<\/li>\n\n\n\n
- Value:<\/strong> The corresponding form field from your Thrive Architect form.<\/li>\n<\/ul>\n\n\n\n
Map each form field to its corresponding key in the external service.<\/p>\n\n\n\n
![\"\"](\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:455\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2025\/09\/Hello-world-Thrive-Architect-2026-01-22-at-6.10.54-PM.jpg\")
<\/figure>\n\n\n\n
\n\n\n\nAdding Custom Headers<\/h2>\n\n\n\n
Custom headers allow you to pass additional information along with your form data. This is useful for authentication (API keys, tokens) or sending contextual metadata.<\/p>\n\n\n\n
Step 1: Enable Custom Headers<\/h3>\n\n\n\n
By default, the header setting is set to None<\/strong>. To pass custom values, click to select Custom<\/strong>.<\/p>\n\n\n\n
![\"\"](\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:456\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2025\/09\/Hello-world-Thrive-Architect-2026-01-22-at-6.11.50-PM-1.jpg\")
<\/figure>\n\n\n\nStep 2: Add Key-Value Pairs<\/h3>\n\n\n\n
After selecting Custom<\/strong>, you’ll see fields where you can add key-value pairs.<\/p>\n\n\n\n
For example, you might want to send information about when the user last logged in:<\/p>\n\n\n\n
- \n
- Key:<\/strong>
last_login<\/code><\/li>\n\n\n\n- Value:<\/strong> Select the appropriate value from your available options.<\/li>\n<\/ul>\n\n\n\n
![\"\"](\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:456\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2025\/09\/Hello-world-Thrive-Architect-2026-01-22-at-6.11.50-PM.jpg\")
<\/figure>\n\n\n\nYou can also use custom headers to send user consent information (for GDPR compliance), which can be recorded as
false<\/code> by default if no visible checkbox is present on the form.<\/p>\n\n\n\n
\n\n\n\nTesting Your Webhook<\/h2>\n\n\n\n
Once you’ve configured all your settings, it’s time to test the connection.<\/p>\n\n\n\n
Click the Send test<\/strong> button to verify that your webhook is working correctly.<\/p>\n\n\n\n
![\"\"](\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:438\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2025\/09\/Hello-world-Thrive-Architect-2026-01-22-at-6.12.45-PM.jpg\")
<\/figure>\n\n\n\nIf the connection is set up properly, you’ll see a message saying “Webhook was sent successfully.”<\/strong><\/p>\n\n\n\n
![\"\"](\"https:\/\/mlpxhq8ztvyc.i.optimole.com\/cb:p0Z2.44bbf\/w:1024\/h:447\/q:mauto\/f:best\/https:\/\/thrivethemes.com\/wp-content\/uploads\/2025\/09\/Hello-world-Thrive-Architect-2026-01-22-at-6.13.30-PM.jpg\")
<\/figure>\n\n\n\nTo finalize your settings, click the Done<\/strong> button.<\/p>\n\n\n\n
\n\n\n\nBenefits of Using Webhooks<\/h2>\n\n\n\n
Integrating webhooks into your Thrive Architect forms provides several powerful advantages:<\/p>\n\n\n\n
Automated Data Transfer<\/h3>\n\n\n\n
Webhooks facilitate automatic, real-time transmission of form submission data to external applications. This eliminates manual data export and import, ensuring your connected systems are always up-to-date.<\/p>\n\n\n\n
Customizable Data Mapping<\/h3>\n\n\n\n
You have precise control over which form fields are transmitted and how they’re mapped to the receiving service’s data structure. This flexibility ensures compatibility with a wide array of external platforms.<\/p>\n\n\n\n
Enhanced Data with Custom Headers<\/h3>\n\n\n\n
Beyond standard form data, webhooks allow you to include additional custom information in request headers or the body. This can include contextual data like a user’s last login date or other relevant metadata.<\/p>\n\n\n\n
User Consent Management<\/h3>\n\n\n\n
Thrive Architect’s webhooks can handle user consent statuses (such as GDPR compliance). This information can be passed to external systems even if a visible GDPR checkbox isn’t present on the form, helping you maintain legal compliance.<\/p>\n\n\n\n
Flexible Configuration<\/h3>\n\n\n\n
Each form within Thrive Architect can have its own unique webhook configuration. This granular control allows for tailored integrations specific to the purpose and data requirements of individual forms.<\/p>\n\n\n\n
Compatibility with Templates and Symbols<\/h3>\n\n\n\n
Webhooks work seamlessly with Thrive Architect’s template and symbol functionalities:<\/p>\n\n\n\n
- \n
- Templates:<\/strong> When forms are present within a template, each instance will have its own independent webhook configuration.<\/li>\n\n\n\n
- Symbols:<\/strong> Forms placed in a symbol will share a single, unified webhook configuration.<\/li>\n<\/ul>\n\n\n\n
\n\n\n\nThat’s it! You’ve successfully learned how to implement webhooks for custom integrations in Thrive Architect without needing a separate automation plugin.<\/p>\n\n\n\n
Related Resources<\/h2>\n\n\n\n
- \n
- Thrive Themes Action Hooks & Custom Functions<\/a>:<\/strong> Learn how to extend Thrive Themes with custom code.<\/li>\n\n\n\n
- Extending Thrive Themes Capabilities as a Developer<\/a>:<\/strong> Explore developer resources for advanced customization.<\/li>\n\n\n\n
- Developing Custom Conditional Display Rules in Thrive Architect<\/a>:<\/strong> Create custom logic for displaying content.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
In this article, you’ll learn how to connect Thrive Architect forms with external services using webhooks. Webhooks enable you to automate workflows and send form submission data to your favorite apps in real-tie without requiring a separate automation plugin. What You’ll Learn Setting Up a Webhook Connection This example uses a dummy webhook URL to […]<\/p>\n","protected":false},"author":253020,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"ht-kb-category":[34151],"ht-kb-tag":[],"class_list":["post-114137265","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-developer-documentation","post-wrapper","thrv_wrapper"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/ht-kb\/114137265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/users\/253020"}],"replies":[{"embeddable":true,"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/comments?post=114137265"}],"version-history":[{"count":0,"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/ht-kb\/114137265\/revisions"}],"wp:attachment":[{"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/media?parent=114137265"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/ht-kb-category?post=114137265"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/thrivethemes.com\/wp-json\/wp\/v2\/ht-kb-tag?post=114137265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Extending Thrive Themes Capabilities as a Developer<\/a>:<\/strong> Explore developer resources for advanced customization.<\/li>\n\n\n\n
- Symbols:<\/strong> Forms placed in a symbol will share a single, unified webhook configuration.<\/li>\n<\/ul>\n\n\n\n
- Value:<\/strong> Select the appropriate value from your available options.<\/li>\n<\/ul>\n\n\n\n
- Value:<\/strong> The corresponding form field from your Thrive Architect form.<\/li>\n<\/ul>\n\n\n\n
- JSON:<\/strong> Sends data in JavaScript Object Notation, a popular format for structured data exchange.<\/li>\n\n\n\n
- GET:<\/strong> Requests or retrieves specific information from another system.<\/li>\n\n\n\n
- Configuring Request Settings<\/a><\/li>\n\n\n\n