{"id":160,"date":"2026-01-20T18:05:18","date_gmt":"2026-01-20T18:05:18","guid":{"rendered":"https:\/\/docs.treethemes.com\/brandberry\/docs\/site-setup\/contact-forms\/"},"modified":"2026-01-24T16:06:56","modified_gmt":"2026-01-24T16:06:56","slug":"contact-forms","status":"publish","type":"docs","link":"https:\/\/docs.treethemes.com\/brandberry\/docs\/site-setup\/contact-forms\/","title":{"rendered":"Contact forms"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"160\" class=\"elementor elementor-160\">\n\t\t\t\t<div class=\"elementor-element elementor-element-896ce9c e-flex e-con-boxed e-con e-parent\" data-id=\"896ce9c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c28b785 elementor-widget elementor-widget-text-editor\" data-id=\"c28b785\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>Brandberry<\/strong> uses the popular <strong>Contact Form 7<\/strong> plugin to manage and process contact forms. Contact Form 7 is a reliable and widely supported solution for creating simple and flexible forms in WordPress.<\/p><h3>Creating a Contact Form<\/h3><p>To create or edit a contact form:<\/p><ol><li>Go to <strong>Contact \u2192 Contact Forms<\/strong> in your WordPress dashboard.<\/li><li>Create a new form or edit an existing one.<\/li><li>Configure form fields, email notifications, and validation.<\/li><li>Save the form.<\/li><\/ol><p>Each Contact Form 7 form generates a shortcode that can be used inside Elementor with the widget <strong>Contact Form 7<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af0fc7c elementor-widget elementor-widget-image\" data-id=\"af0fc7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/docs.treethemes.com\/brandberry\/wp-content\/uploads\/sites\/2\/2026\/01\/doc-contact-form-builder.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"doc-contact-form-builder\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6OTczLCJ1cmwiOiJodHRwczpcL1wvZG9jcy50cmVldGhlbWVzLmNvbVwvYnJhbmRiZXJyeVwvd3AtY29udGVudFwvdXBsb2Fkc1wvc2l0ZXNcLzJcLzIwMjZcLzAxXC9kb2MtY29udGFjdC1mb3JtLWJ1aWxkZXIuanBnIn0%3D\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2052\" height=\"1218\" src=\"https:\/\/docs.treethemes.com\/brandberry\/wp-content\/uploads\/sites\/2\/2026\/01\/doc-contact-form-builder.jpg\" class=\"attachment-full size-full wp-image-973\" alt=\"\" srcset=\"https:\/\/docs.treethemes.com\/brandberry\/wp-content\/uploads\/sites\/2\/2026\/01\/doc-contact-form-builder.jpg 2052w, https:\/\/docs.treethemes.com\/brandberry\/wp-content\/uploads\/sites\/2\/2026\/01\/doc-contact-form-builder-300x178.jpg 300w, https:\/\/docs.treethemes.com\/brandberry\/wp-content\/uploads\/sites\/2\/2026\/01\/doc-contact-form-builder-1024x608.jpg 1024w, https:\/\/docs.treethemes.com\/brandberry\/wp-content\/uploads\/sites\/2\/2026\/01\/doc-contact-form-builder-768x456.jpg 768w, https:\/\/docs.treethemes.com\/brandberry\/wp-content\/uploads\/sites\/2\/2026\/01\/doc-contact-form-builder-1536x912.jpg 1536w, https:\/\/docs.treethemes.com\/brandberry\/wp-content\/uploads\/sites\/2\/2026\/01\/doc-contact-form-builder-2048x1216.jpg 2048w\" sizes=\"(max-width: 2052px) 100vw, 2052px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff23fb4 elementor-widget elementor-widget-text-editor\" data-id=\"ff23fb4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3>Using Contact Forms in Elementor<\/h3><p>Brandberry includes a dedicated <strong>Contact Form<\/strong> widget for Elementor that allows you to insert and style Contact Form 7 forms visually. To add a contact form to a page:<\/p><ol><li>Edit the page with <strong>Elementor<\/strong>.<\/li><li>Drag the <strong>Contact Form<\/strong> widget into your layout.<\/li><li>Select the desired Contact Form 7 form from the widget settings.<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-96d8e1c elementor-widget elementor-widget-image\" data-id=\"96d8e1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/docs.treethemes.com\/brandberry\/wp-content\/uploads\/sites\/2\/2026\/01\/doc-contact-form.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"doc-contact-form\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6OTcxLCJ1cmwiOiJodHRwczpcL1wvZG9jcy50cmVldGhlbWVzLmNvbVwvYnJhbmRiZXJyeVwvd3AtY29udGVudFwvdXBsb2Fkc1wvc2l0ZXNcLzJcLzIwMjZcLzAxXC9kb2MtY29udGFjdC1mb3JtLmpwZyJ9\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"2052\" height=\"1465\" src=\"https:\/\/docs.treethemes.com\/brandberry\/wp-content\/uploads\/sites\/2\/2026\/01\/doc-contact-form.jpg\" class=\"attachment-full size-full wp-image-971\" alt=\"\" srcset=\"https:\/\/docs.treethemes.com\/brandberry\/wp-content\/uploads\/sites\/2\/2026\/01\/doc-contact-form.jpg 2052w, https:\/\/docs.treethemes.com\/brandberry\/wp-content\/uploads\/sites\/2\/2026\/01\/doc-contact-form-300x214.jpg 300w, https:\/\/docs.treethemes.com\/brandberry\/wp-content\/uploads\/sites\/2\/2026\/01\/doc-contact-form-1024x731.jpg 1024w, https:\/\/docs.treethemes.com\/brandberry\/wp-content\/uploads\/sites\/2\/2026\/01\/doc-contact-form-768x548.jpg 768w, https:\/\/docs.treethemes.com\/brandberry\/wp-content\/uploads\/sites\/2\/2026\/01\/doc-contact-form-1536x1097.jpg 1536w, https:\/\/docs.treethemes.com\/brandberry\/wp-content\/uploads\/sites\/2\/2026\/01\/doc-contact-form-2048x1462.jpg 2048w\" sizes=\"(max-width: 2052px) 100vw, 2052px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-173dd1a elementor-widget elementor-widget-text-editor\" data-id=\"173dd1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3>Styling Options<\/h3><p>The Contact Form widget provides a wide range of styling controls, allowing you to customize the form appearance without writing CSS. You can style the following elements:<\/p><ul><li><strong>Input Fields<\/strong><br \/>Control height, background color, typography, text color, placeholder color, borders, border radius, padding, and margin.<\/li><li><strong>Textarea<\/strong><br \/>Customize the message field appearance separately from other inputs.<\/li><li><strong>Labels<\/strong><br \/>Adjust label typography, spacing, and color.<\/li><li><strong>Button<\/strong><br \/>Style the submit button including typography, colors, border radius, hover effects, and spacing.<\/li><li><strong>Messages<\/strong><br \/>Customize success and error messages displayed after form submission.<\/li><\/ul><p>\u00a0<\/p><h3>Responsive Design<\/h3><p>All Contact Form widget styles fully support Elementor\u2019s responsive controls. You can adjust spacing, font sizes, and layout for desktop, tablet, and mobile devices.<\/p><p>\u00a0<\/p><h3>Best Practices<\/h3><ul><li>Keep forms simple to improve completion rates<\/li><li>Always test form submission after changes<\/li><li>Check email delivery settings in Contact Form 7<\/li><li>Use clear labels and placeholder text<\/li><\/ul><p>\u00a0<\/p><h3>Contact Form 7 Documentation<\/h3><p>For advanced form configuration, validation, and email settings, please refer to the official Contact Form 7 documentation: <a href=\"https:\/\/contactform7.com\/docs\/\" target=\"_blank\" rel=\"noopener\">Contact Form 7 \u2013 Official Documentation<br \/><\/a><\/p><p>\u00a0<\/p><h3>Troubleshooting<\/h3><h4>Form Is Not Sending Emails<\/h4><p>If your contact form submits successfully but no emails are received, this is usually related to server email configuration rather than the theme itself.<\/p><p>Here are the most common steps to check:<\/p><ul><li><strong>Check Contact Form 7 Mail Settings<\/strong><br \/>Go to <strong>Contact \u2192 Contact Forms<\/strong>, edit your form, and review the <strong>Mail<\/strong> tab. Make sure the recipient email address is correct and uses a valid email format.<\/li><li><strong>Use a Valid \u201cFrom\u201d Email Address<\/strong><br \/>The \u201cFrom\u201d email should use an address from the same domain as your website (for example: <code>noreply@yourdomain.com<\/code>). Using Gmail or Yahoo addresses may cause emails to be blocked.<\/li><li><strong>Check Spam Folder<\/strong><br \/>Sometimes form emails are delivered but end up in the spam folder. Always check spam before troubleshooting further.<\/li><li><strong>SMTP Configuration<\/strong><br \/>Many hosting providers block the default PHP mail function. We strongly recommend using an SMTP plugin to ensure reliable email delivery.<\/li><\/ul><p>\u00a0<\/p><h4>Recommended SMTP Plugins<\/h4><p>Using an SMTP plugin greatly improves email delivery reliability. Popular options include:<\/p><ul><li>WP Mail SMTP<\/li><li>FluentSMTP<\/li><li>Post SMTP Mailer<\/li><\/ul><p>After configuring SMTP, test your contact form again to confirm emails are delivered correctly.<\/p><p>\u00a0<\/p><h4>Form Displays but Does Not Submit<\/h4><p>If the form appears on the page but does not submit:<\/p><ul><li>Check for JavaScript errors in the browser console<\/li><li>Temporarily disable other plugins to check for conflicts<\/li><li>Ensure Contact Form 7 is updated to the latest version<\/li><\/ul><blockquote><p><strong>Note<\/strong>\u00a0Brandberry provides styling and layout support for Contact Form 7, but form processing and email delivery are handled entirely by the plugin and your hosting environment.<\/p><\/blockquote>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Brandberry uses the popular Contact Form 7 plugin to manage and process contact forms. Contact Form 7 is a reliable and widely supported solution for creating simple and flexible forms in WordPress. Creating a Contact Form To create or edit a contact form: Go to Contact \u2192 Contact Forms in your WordPress dashboard. Create a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":128,"menu_order":7,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-160","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/docs\/160","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/comments?post=160"}],"version-history":[{"count":13,"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/docs\/160\/revisions"}],"predecessor-version":[{"id":986,"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/docs\/160\/revisions\/986"}],"up":[{"embeddable":true,"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/docs\/128"}],"wp:attachment":[{"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/media?parent=160"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/doc_tag?post=160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}