{"id":33502,"date":"2025-08-21T15:35:38","date_gmt":"2025-08-21T09:35:38","guid":{"rendered":"https:\/\/hasthemes.com\/?post_type=docs&#038;p=33502"},"modified":"2025-08-21T15:35:40","modified_gmt":"2025-08-21T09:35:40","password":"","slug":"how-to-integrate-brevo-with-ht-contact-form","status":"publish","type":"docs","link":"https:\/\/hasthemes.com\/docs\/how-to-integrate-brevo-with-ht-contact-form\/","title":{"rendered":"How to Integrate Brevo with HT Contact Form"},"content":{"rendered":"\n<p>Brevo (formerly Sendinblue) is a popular email marketing and CRM platform. With HT Contact Form, you can seamlessly connect your form submissions to Brevo and automatically add new contacts to your selected Brevo list.<\/p>\n\n\n\n<p>This guide will walk you through the entire process of connecting Brevo and mapping form fields for automation.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step 1: Generate Your Brevo API Key<\/h2>\n\n\n\n<p>To connect Brevo with HT Contact Form, you\u2019ll need an API key:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <a href=\"https:\/\/app.brevo.com\" target=\"_blank\" rel=\"noopener\">https:\/\/app.brevo.com<\/a> and log in.<\/li>\n\n\n\n<li>Click your <strong>profile icon<\/strong> (top right) \u2192 choose <strong>SMTP & API<\/strong>.<\/li>\n\n\n\n<li>Under the <strong>API Keys<\/strong> tab, click <strong>Create a New API Key<\/strong>.<\/li>\n\n\n\n<li>Give it a name (e.g., \u201cHT Contact Form\u201d) and click <strong>Generate<\/strong>.<\/li>\n\n\n\n<li>Copy the key immediately \u2014 you won't be able to see it again.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"738\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integration-api-key-1024x738.png\" alt=\"\" class=\"wp-image-33503\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integration-api-key-1024x738.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integration-api-key-300x216.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integration-api-key-768x553.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integration-api-key-360x259.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integration-api-key.png 1199w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"606\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integration-api-key-name-1024x606.png\" alt=\"\" class=\"wp-image-33504\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integration-api-key-name-1024x606.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integration-api-key-name-300x177.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integration-api-key-name-768x454.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integration-api-key-name-360x213.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integration-api-key-name.png 1214w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"619\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integration-api-key-genarated-1024x619.png\" alt=\"\" class=\"wp-image-33505\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integration-api-key-genarated-1024x619.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integration-api-key-genarated-300x181.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integration-api-key-genarated-768x464.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integration-api-key-genarated-360x218.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integration-api-key-genarated.png 1217w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Step 2: Connect Brevo in HT Contact Form<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In your WordPress dashboard, go to <strong>HT Contact Form \u2192 Global Settings \u2192 Integrations<\/strong>.<\/li>\n\n\n\n<li>Find <strong>Brevo<\/strong> and click the settings gear icon.<\/li>\n\n\n\n<li>Paste your <strong>API Key<\/strong> into the field provided.<\/li>\n\n\n\n<li>Click <strong>Verify and Save<\/strong>.<\/li>\n\n\n\n<li>Once verified, the integration toggle will turn <strong>on<\/strong>.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"545\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integrations-1024x545.png\" alt=\"\" class=\"wp-image-33506\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integrations-1024x545.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integrations-300x160.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integrations-768x409.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integrations-360x192.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integrations.png 1401w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"638\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integrations-paste-key-1024x638.png\" alt=\"\" class=\"wp-image-33507\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integrations-paste-key-1024x638.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integrations-paste-key-300x187.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integrations-paste-key-768x479.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integrations-paste-key-360x224.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integrations-paste-key.png 1179w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Step 3: Enable Brevo on a Form<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Edit any contact form from <strong>HT Contact Form \u2192 Forms<\/strong>.<\/li>\n\n\n\n<li>Click the <strong>Integrations<\/strong> tab on the top-right.<\/li>\n\n\n\n<li>Click <strong>Add New<\/strong>.<\/li>\n\n\n\n<li>Select the <strong>Brevo<\/strong>.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"608\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integration-in-form-1024x608.png\" alt=\"\" class=\"wp-image-33509\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integration-in-form-1024x608.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integration-in-form-300x178.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integration-in-form-768x456.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integration-in-form-360x214.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integration-in-form.png 1496w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Step 4: Configure Integration Settings<\/h2>\n\n\n\n<p>In the integration drawer:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enable the <strong>Brevo toggle<\/strong>.<\/li>\n\n\n\n<li><strong>Integration Name<\/strong>: Set a custom name (e.g., \u201cBrevo Integration Feed\u201d).<\/li>\n\n\n\n<li><strong>Brevo List<\/strong>: Select the list where new contacts will be added.<\/li>\n\n\n\n<li><strong>Brevo Fields<\/strong>: Map each Brevo field to the corresponding HT Contact Form field using the field picker.<\/li>\n<\/ul>\n\n\n\n<p>Example:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Email Address<\/strong> \u2192 <code>Email<\/code><\/li>\n\n\n\n<li><strong>First Name<\/strong> \u2192 <code>{input.name.first_name}<\/code><\/li>\n\n\n\n<li><strong>Last Name<\/strong> \u2192 <code>{input.name.last_name}<\/code><\/li>\n\n\n\n<li><strong>Job Title<\/strong> \u2192 <code>Job Title<\/code><\/li>\n\n\n\n<li>Additional optional fields: SMS, LinkedIn, Timezone, etc.<\/li>\n<\/ul>\n\n\n\n<p>Once done, click <strong>Save Integration<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"609\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integration-in-form-enbled-1024x609.png\" alt=\"\" class=\"wp-image-33510\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integration-in-form-enbled-1024x609.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integration-in-form-enbled-300x178.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integration-in-form-enbled-768x457.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integration-in-form-enbled-360x214.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-brevo-integration-in-form-enbled.png 1505w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Test Your Integration<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to the frontend of your form.<\/li>\n\n\n\n<li>Fill in the fields and submit the form.<\/li>\n\n\n\n<li>Check your Brevo list \u2014 the new contact should appear instantly.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Brevo (formerly Sendinblue) is a popular email marketing and CRM platform. With HT Contact Form, you can seamlessly connect your form submissions to Brevo and automatically add new contacts to your selected Brevo list. This guide will walk you through the entire process of connecting Brevo and mapping form fields for automation. Step 1: Generate [&hellip;]<\/p>\n","protected":false},"author":22,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","_mi_skip_tracking":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"doc_category":[259],"doc_tag":[],"class_list":["post-33502","docs","type-docs","status-publish","hentry","doc_category-ht-contact-forms"],"acf":[],"year_month":"2025-11","word_count":311,"total_views":"158","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Saidul","author_nicename":"saidul","author_url":"https:\/\/hasthemes.com\/author\/saidul\/"},"doc_category_info":[{"term_name":"HT Contact Forms","term_url":"https:\/\/hasthemes.com\/docs-category\/ht-contact-forms\/"}],"doc_tag_info":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"htmega_size_585x295":false,"htmega_size_1170x536":false,"htmega_size_396x360":false,"betterdocs-category-thumb":false},"uagb_author_info":{"display_name":"Saidul","author_link":"https:\/\/hasthemes.com\/author\/saidul\/"},"uagb_comment_info":0,"uagb_excerpt":"Brevo (formerly Sendinblue) is a popular email marketing and CRM platform. With HT Contact Form, you can seamlessly connect your form submissions to Brevo and automatically add new contacts to your selected Brevo list. This guide will walk you through the entire process of connecting Brevo and mapping form fields for automation. Step 1: Generate&hellip;","knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/33502","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/comments?post=33502"}],"version-history":[{"count":6,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/33502\/revisions"}],"predecessor-version":[{"id":33515,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/33502\/revisions\/33515"}],"wp:attachment":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/media?parent=33502"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/doc_category?post=33502"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/doc_tag?post=33502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}