Integration for HubSpot – Contact Form 7, WPForms, Elementor, Gravity Forms and More vs Masks Form Fields

This plugin sends form submissions from Contact Form 7, WPForms, Elementor Forms, Gravity Forms, and Formidable Forms to HubSpot CRM. When a user submits a form, the plugin can create or update records—such as contacts, companies, or deals—in your HubSpot CRM account. This helps reduce manual data entry and keeps your HubSpot data in sync with your website forms. Supported form plugins: Contact Form 7 WPForms Elementor Forms Gravity Forms Formidable Forms Authentication To connect your HubSpot CRM account: Go to the Accounts page in the plugin. Click Add Account. Enter an identifiable account name (for example, “Main HubSpot CRM Account”). Click Authenticate to open the HubSpot authorization page. Log in to HubSpot and approve the requested permissions. After approval, you will be redirected back to WordPress, and the account will be listed on the Accounts page. Add Integration To create a new integration: Go to the Setup page. Click Add Integration. Enter an integration name (for example, “Lead Capture Form”). Select the form type (Contact Form 7, WPForms, Elementor, Gravity Forms, or Formidable). Choose the connected HubSpot CRM account. Select the HubSpot object where records should be created or updated (for example, Contacts, Companies, Deals). Map form fields to HubSpot CRM fields in the field mapping section. Optionally map additional fields such as phone, company, custom properties, or attachments (where supported). Use the filter criteria section to apply conditions (for example, sync only if a specific checkbox is selected). Click Save Mapping. Logs The plugin provides a logs section to review how data is being sent to HubSpot CRM. Open the Logs page to see a list of submissions and their statuses. Typical statuses include: SUCCESS – record created or updated successfully. RECORD_FAILED – record not created due to an error (for example, a required field is missing). Additional options: Filter logs by integration, status, or date range. Open the log details view to see the full request, response, and error messages. Resync or delete individual records, or use bulk actions where available. Settings Global settings can be managed from the Settings page: Delete data on uninstall – when enabled, plugin data will be removed when the plugin is deleted from WordPress. Error email notification – enable or disable email notifications when a record fails. Notification emails – specify one or more email addresses (comma-separated) to receive error notifications. Email subject – set the subject line for error notification emails. Privacy and Data Handling Form submission data is sent from your WordPress site to HubSpot CRM via their API. The plugin does not send data to any third-party service other than the configured HubSpot services. Free and Paid Features The plugin is available in a free version with optional paid features. Free version includes: Connect up to 2 HubSpot CRM accounts Connect up to 2 forms Support for standard fields and basic field mapping Custom value support System fields mapping (where supported) Note field integration Error log view and basic resync options Email notifications for failed records No daily record limit enforced by the plugin Paid version adds: Unlimited account connections (subject to HubSpot limits) Unlimited form connections Premium field support Custom field mapping Extended resync options and log handling Upgrade now: https://integrazo.com/products/integrate-with-hubspot-crm Features Overview Connect HubSpot CRM to supported form plugins Configure multiple HubSpot accounts and objects Map form fields to HubSpot CRM fields, including custom properties Real-time syncing of form submissions Optional conditional logic to control when records are created or updated Activity logs with status and error details Resync options for failed records Optional email notifications for errors Settings to control data removal on uninstall Support If you need help or want to request a feature: https://integrazo.com/pages/contact https://integrazo.com/pages/request-feature Website: https://integrazo.com Email: [email protected] Additional Notes This plugin supports WordPress multisite installations and has been tested for compatibility with recent WordPress versions.

Add a class in the form field. Example of use with Contact Form 7: [tel your-phone class:phone placeholder "Phone"] Listing of classes available for use. ('span.start, input.start').mff_mask('00/0000'); ('span.date, input.date').mff_mask('00/00/0000'); ('span.time, input.time').mff_mask('00:00:00'); ('span.time2, input.time2').mff_mask('00:00'); ('input.date_time').mff_mask('00/00/0000 00:00:00'); ('input.date_time2').mff_mask('00/00/0000 00:00'); ('input.cep').mff_mask('00000-000', { clearIfNotMatch: true }); ('input.zip').mff_mask('00000'); ('input.phone, input[name="phonebr"]').mff_mask(PhoneMaskBehavior, nonoOptions); ('input.phone_us').mff_mask('(000) 000-0000'); ('input.taxid').mff_mask('00-0000000'); ('input.ssn').mff_mask('000-00-0000'); ('input.mixed').mff_mask('AAA 000-S0S'); ('input.cpf').mff_mask('000.000.000-00', { reverse: true, clearIfNotMatch: true }); ('input.cnpj').mff_mask('00.000.000/0000-00', { reverse: true, clearIfNotMatch: true }); ('input.money').mff_mask('000.000.000.000.000,00', { reverse: true }); ('input.money2').mff_mask('#.##0,00', { reverse: true }); ('input.money3').mff_mask('#,##0.00', { reverse: true }); ('input.money4').mff_mask('000,000,000,000,000.00', { reverse: true }); ('input.money5').mff_mask('#.##0', { reverse: true }); ('input.money6').mff_mask('#,##0', { reverse: true }); ('input.ip_address').mff_mask('099.099.099.099'); ('input.percent').mff_mask('##0,00%', { reverse: true }); ('input.percent2').mff_mask('##0.00%', { reverse: true }); ('input.percent3').mff_mask('990,0%', { reverse: true }); ('input.percent4').mff_mask('990.0%', { reverse: true }); ('input.percent5').mff_mask('#,##0%', { reverse: true }); ('input.percent6').mff_mask('#.##0%', { reverse: true }); Click here for more details on how to add custom mask. Optional – Added option for the format of the Brazilian phone number, with attribute name equal to phonebr. Credits jQuery Mask Plugin