Weston Ruter

Payton Swick

Important note: This project was first started before the Gutenberg feature plugin was started. As such, the JS Widgets plugin should now be considered a prototype which may inform the way that widget blocks get implemented in Gutenberg. This plugin will no longer be actively developed.
Also could be known as Widget Customizer 2.0, Widgets 3.0, or Widgets Next Generation.
Warning: The APIs provided by this plugin are still in flux. If creating new widgets that extend the <code>WP_JS_Widget</code> class, please look at the changelog and ensure compatibility with your extended widgets before deploying.
This plugin implements:
<ul>
<li><a href="https://core.trac.wordpress.org/ticket/33507" rel="nofollow ugc">WP-CORE#33507</a>: Allow widget controls to be JS-driven.</li>
<li><a href="https://core.trac.wordpress.org/ticket/35574" rel="nofollow ugc">WP-CORE#35574</a>: Add REST API JSON schema information to WP_Widget.</li>
<li><a href="https://github.com/WP-API/WP-API/issues/19" rel="nofollow ugc">WP-API#19</a>: Add widget endpoints to the WP REST API.</li>
</ul>
Features:
<ul>
<li>Integrates with <a href="https://wordpress.org/plugins/shortcode-ui/" rel="ugc">Shortcake (Shortcode UI)</a> to allow all JS widgets to be made available as Post Elements in the editor.</li>
<li>Widget instance settings in the Customizer are exported from PHP as regular JSON without any PHP-serialized base64-encoded <code>encoded_serialized_instance</code> anywhere to be seen.</li>
<li>Previewing widget changes in the customizer is faster since the <code>update-widget</code> Ajax request can be eliminated since the JS control can directly manipulate the widget instance data.</li>
<li>Widgets control forms use JS content templates instead of PHP to render the markup for each control, reducing the weight of the customizer load, especially when there are a lot of widgets in use.</li>
<li>Widgets that extend <code>WP_JS_Widget</code> will editable from both the customizer and the widgets admin page using the same <code>Form</code> JS interface. This <code>Form</code> is also able to be embedded in other contexts, like on the frontend and as a Shortcake (Shortcode UI) form. See <a href="https://github.com/xwp/wp-js-widgets/issues/11" rel="nofollow ugc">#11</a>.</li>
<li>Widgets employ the JSON Schema from the REST API to define an instance with validation and sanitization of the instance properties, beyond also providing <code>validate</code> and <code>sanitize</code> methods that work on the instance array as a whole.</li>
<li>A widget instance can be blocked from being saved by returning a <code>WP_Error</code> from its <code>validate</code> or <code>sanitize</code> method. For example, the RSS widget will show an error message if the feed URL provided is invalid and the widget will block from saving until the URL is corrected.</li>
<li>Widgets are exposed under the <code>js-widgets/v1</code> namespace, for example to list all Recent Posts widgets via the <code>/js-widgets/v1/widgets/recent-posts</code> or to get the Text widget with the “ID” (number) of 6, <code>/js-widgets/v1/widgets/text/6</code>.</li>
<li>Customizer settings for widget instances (<code>widget_{id_base}[{number}]</code>) are directly mutated via JavaScript instead of needing to do an <code>update-widget</code> Admin Ajax roundtrip; this greatly speeds up previewing.</li>
<li>Widget control forms can be extended to employ any JS framework for managing the UI, allowing Backbone, React, or any other frontend technology to be used.</li>
<li>Compatible with widgets stored in a custom post type instead of options, via the Widget Posts module in the <a href="https://github.com/xwp/wp-customize-widgets-plus" rel="nofollow ugc">Customize Widgets Plus</a> plugin.</li>
<li>Compatible with <a href="https://github.com/xwp/wp-customize-snapshots" rel="nofollow ugc">Customize Snapshots</a>, allowing changes made in the Customizer to be applied to requests for widgets via the REST API.</li>
<li>Includes adaptations of all core widgets using the new <code>WP_JS_Widget</code> API.</li>
<li>The adapted core widgets include additional raw data in their REST API item responses so that JS can render them client-side.</li>
<li>The Notifications API is utilized to display warnings when a user attempts to provide markup in a core widget title or illegal HTML in a Text widget’s content.</li>
<li>The Pages widget in Core is enhanced to make use of <a href="https://wordpress.org/plugins/customize-object-selector/" rel="ugc">Customize Object Selector</a> if available to display a Select2 UI for selecting pages to exclude instead of providing page IDs.</li>
<li>An bonus bundled plugin provides a “Post Collection” widget which, if the <a href="https://wordpress.org/plugins/customize-object-selector/" rel="ugc">Customize Object Selector</a> plugin is installed, will provide a UI for curating an arbitrary list of posts to display.</li>
</ul>
This plugin doesn’t yet implement any widgets that use JS templating for frontend rendering of the widgets. For that, please see the <a href="https://github.com/xwp/wp-next-recent-posts-widget" rel="nofollow ugc">Next Recent Posts Widget</a> plugin.
Limitations/Caveats:
<ul>
<li>Only widgets that extend <code>WP_JS_Widget</code> will be exposed via the REST API. The plugin includes a <code>WP_JS_Widget</code> adapter class which demonstrates how to adapt existing <code>WP_Widget</code> classes for the new widget functionality.</li>
</ul>

JS Widgets

A prototype of next generation of widgets in core, embracing JS for UI and powering the Widgets REST API.

IT Path Solutions

Mayur Prajapati

Thakor Darshil

Patel Jaymin

WPeople

Vicky Makwana

Contact Form 7 to Any API lets you send form submissions directly to any CRM, marketing platform or REST API with complete control over payloads, endpoints, headers and authentication.
Built for developers, agencies and technical teams who need flexible, secure WordPress API integrations without extra middleware.
Once activated, you can:
<ul>
<li>Define custom API payloads and endpoints</li>
<li>Choose HTTP methods (POST, GET)</li>
<li>Add headers and authentication tokens / key</li>
<li>Connect unlimited APIs</li>
<li>Deliver form submissions instantly</li>
</ul>
All data stays private within WordPress until it’s successfully sent to your chosen API.
Video Demo:
<iframe loading="lazy" title="Send WordPress Forms Data to 150+ CRMs, Email Tools, Google Sheets & More Instantly. No Code Needed!" width="750" height="422" src="https://www.youtube.com/embed/5mlvMXaWDC8?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<h3>Key Features</h3>
Transform your Contact Form 7 forms into automation-ready data pipelines with these key features:
<ul>
<li>Send CF7 Leads to Any API: Send submissions to any CRM or external REST API using POST or GET. </li>
<li>Create Up to 5 API Connections: Connect multiple endpoints; upgrade to Pro for unlimited connections. </li>
<li>Supports JSON (Simple & Fixed Formats): Build structured API requests easily. </li>
<li>Supports Basic & Bearer Authentication: Connect securely using standard auth methods. </li>
<li>API Logs Management: View submitted data, requests, and responses directly in your dashboard. </li>
<li>Save Submissions to Database: Keep every form entry safely stored within WordPress. </li>
<li>Export CF7 Data: Export entries in CSV, Excel, PDF, or Print format. </li>
<li>Manage Entries: Single or bulk delete saved entries easily. </li>
<li>Send Data Before or After CF7 Mail: Choose when the API request is triggered. </li>
<li>Works with 200+ CRMs and APIs: Integrate with HubSpot, Zoho, Salesforce, and more out of the box. </li>
<li>Multisite Compatible: Works seamlessly across WordPress networks. </li>
<li>WPML Compatible: Works seamlessly with multilingual sites.</li>
</ul>
<h3>Upgrade to PRO for Advanced Integrations</h3>
Unlock advanced flexibility and full control with <a href="//www.contactformtoapi.com/pricing/)" rel="nofollow ugc">Contact Form 7 to Any API PRO</a>
<ul>
<li>Unlimited API Connections per site </li>
<li>Multi-level / Any JSON Structure support </li>
<li>File Uploads to API – automatically converts files to BASE64 </li>
<li>Multiple File Upload Field Support </li>
<li>Define Integer Fields – map numeric fields precisely </li>
<li>Priority Support for faster assistance </li>
</ul>
Price: $29.99/year
<a href="https://www.contactformtoapi.com/pricing/" rel="nofollow ugc">Upgrade to PRO</a>
<h3>Optional OAuth 2.0 and JWT PRO Add-On</h3>
For APIs that require advanced authorization, our PRO Add-On ($99.99) provides:
<ul>
<li>OAuth 2.0 and JWT token authentication </li>
<li>Automatic access/refresh token management </li>
<li>JWT Token Integration with Any API.</li>
<li>Perfect for enterprise or expiring token setups </li>
</ul>
<a href="https://www.contactformtoapi.com/pricing/" rel="nofollow ugc">Get the Add-On</a>
<h3>Set Your Own Header Request Parameters</h3>
Define custom header parameters to match your integration requirements.
Examples:
Authorization: MY_API_KEY 
Authorization: Bearer xxxxxxx 
Authorization: Basic xxxxxxx 
Content-Type: application/json
Basic and Bearer authentication can be configured directly in the header input fields.
<h3>Supported CRMs and APIs</h3>
Connect Contact Form 7 with 200+ CRM and marketing platforms:
<ul>
<li><a href="https://www.contactformtoapi.com/twilio-whatsapp-business-api-integration-with-contact-form-to-any-api/" rel="nofollow ugc">Twilio WhatsApp</a> </li>
<li><a href="https://www.contactformtoapi.com/brevo-integration-with-contact-form-to-any-api/" rel="nofollow ugc">Brevo</a></li>
<li><a href="https://www.contactformtoapi.com/mailcoach-integration-with-contact-form-to-any-api/" rel="nofollow ugc">Mailcoach</a></li>
<li><a href="https://www.contactformtoapi.com/pipeline-crm-integration-with-contact-form-to-any-api/" rel="nofollow ugc">Pipeline CRM</a></li>
<li><a href="https://www.contactformtoapi.com/mailchimp-integration-with-contact-form-to-any-api/" rel="nofollow ugc">Mailchimp</a></li>
<li><a href="https://www.contactformtoapi.com/onepagecrm-integration-with-contact-form-to-any-api/" rel="nofollow ugc">OnePage CRM</a> </li>
<li><a href="https://www.contactformtoapi.com/zapier-integration-with-contact-form-to-any-api/" rel="nofollow ugc">Zapier</a></li>
<li><a href="https://www.contactformtoapi.com/mailbluster-integration-with-contact-form-to-any-api/" rel="nofollow ugc">Mailbluster</a></li>
<li>Sage CRM</li>
<li>Odoo CRM/ERP System</li>
<li>Fluent CRM</li>
<li>Lead Post API</li>
<li>Virtuagym API</li>
<li>Pilotsolution</li>
<li>Clio Grow</li>
<li>OS Ticket</li>
<li>Samdock CRM</li>
<li>Mikrowisp</li>
<li>Bats CRM</li>
<li>FRS Labs API</li>
<li>Get Cobra by ArcaMax</li>
<li>Network Worldfilia</li>
<li>SingleOps</li>
<li>GorillaDesk API</li>
<li>Hubspot</li>
<li>Sembark API</li>
<li>Superoffice CRM</li>
<li>Flowdesk</li>
<li>JobAdder </li>
<li>Unlatch CRM</li>
<li>Mail2many</li>
<li>Workato</li>
<li>Jetbrains / Intellij Space API</li>
<li>Fincenfetch</li>
<li>Lead Docket</li>
<li>Agendor API</li>
<li>Lead IM Israel</li>
<li>Personio</li>
<li>Kala CRM Israel</li>
<li>Pixxicrm</li>
<li>easybizy</li>
<li>sell.do</li>
<li>Events500</li>
<li>SendPulse CRM</li>
<li>And many more</li>
</ul>
<h3>Our Other Plugins</h3>
<ol>
<li><a href="https://wordpress.org/plugins/connect-wpform-to-any-api/" rel="ugc">WPForm to Any API</a> WPForm to Any API is most powerful plugin to send WPForm data to any third party services. It can be use to send data to CRM Or any REST API. Easy to use and User friendly settings</li>
</ol>
<h3>Support</h3>
Contact Form 7 to Any API is developed and supported by <a href="https://profiles.wordpress.org/itpathsolutions/" rel="nofollow ugc">IT Path Solutions</a>.
If you have questions or encounter issues, visit our <a href="https://wordpress.org/support/plugin/contact-form-to-any-api/" rel="ugc">Support Forum</a> or contact support@contactformtoapi.com.
Your feedback helps us improve and expand this plugin for the entire WordPress community.
We also welcome:
<ul>
<li>Bug and documentation reports </li>
<li>Feature suggestions </li>
<li>Translation contributions</li>
</ul>
<h3>How You Can Support</h3>
WordPress grows through community, and your help makes a difference.
<ul>
<li>Report Bugs or Issues: Found a problem? Report it using the <a href="https://make.wordpress.org/core/handbook/testing/bug-gardening/" rel="nofollow ugc">official guide</a>.</li>
<li>Fix or Suggest Docs Updates: Share corrections or suggestions on the <a href="https://wordpress.org/support/plugin/contact-form-to-any-api/" rel="ugc">Support Forum</a>.</li>
<li>Report Security Concerns: Follow the <a href="https://make.wordpress.org/core/handbook/testing/reporting-security-vulnerabilities/" rel="nofollow ugc">WordPress Security Reporting Guide</a>.</li>
<li>Suggest Features or Improvements: Have ideas? <a href="https://www.contactformtoapi.com/#contact_us" rel="nofollow ugc">Submit them here</a>.</li>
<li>Contribute to Translations: Help translate the plugin on <a href="https://translate.wordpress.org/projects/wp-plugins/contact-form-to-any-api/" rel="nofollow ugc">WordPress Translate</a>.</li>
</ul>
Explore <a href="https://profiles.wordpress.org/itpathsolutions/#content-plugins" rel="nofollow ugc">our other plugins</a> or visit <a href="https://www.itpathsolutions.com/hire/hire-wordpress-developers" rel="nofollow ugc">WordPress Gems</a> to check out what we do.
<h3>License</h3>
This plugin is licensed under the GNU General Public License v2 or later.
https://www.gnu.org/licenses/gpl-2.0.html

Contact Form to Any API

Send Contact Form 7 submissions to any API or CRM - quick setup, flexible payloads, endpoints and authentication.

JS Widgets vs Contact Form to Any API