{"id":2580,"date":"2020-06-14T14:20:57","date_gmt":"2020-06-14T18:20:57","guid":{"rendered":"https:\/\/www.boldgrid.com\/support\/?p=2580"},"modified":"2021-07-23T10:48:37","modified_gmt":"2021-07-23T14:48:37","slug":"edit-contact-page","status":"publish","type":"post","link":"https:\/\/www.boldgrid.com\/support\/page-builder\/edit-contact-page\/","title":{"rendered":"How to Edit the Contact Page in WordPress"},"content":{"rendered":"<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<?xml encoding=\"utf-8\" ?><html><body><div class=\"boldgrid-section\">\n<div class=\"container\">\n<div class=\"row\">\n<div class=\"col-md-12 col-xs-12 col-sm-12\">\n<p>When you are working on your <a href=\"https:\/\/www.boldgrid.com\/\">WordPress website<\/a>, you will probably end up needing to <strong>edit the Contact page<\/strong>. If you used Inspirations for your initial website, most likely this page is filled with stock information. This stock information can be easily replaced with your contact information to ensure your visitors can easily contact you. The Post and <a href=\"https:\/\/www.boldgrid.com\/wordpress-page-builder-by-boldgrid\/\">Page Builder Plugin for WordPress<\/a> makes this a breeze, and the following article will walk you through the steps needed to accomplish this.<\/p>\n<h2 id=\"opening-the-page-for-editing\">Opening the Page for Editing<\/h2>\n<ol>\n<li><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2241-1-click-pages.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-2379\" title=\"WordPress Dashboard\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2241-1-click-pages.png\" alt=\"Image showing WordPress Dashboard Navigation\" width=\"300\" height=\"486\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2241-1-click-pages.png 327w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/07\/2241-1-click-pages-185x300.png 185w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>Click on the <strong>Pages<\/strong> option from the left-hand menu.\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li>From the <em>Pages<\/em> screen, locate the <strong>Contact Us<\/strong>&nbsp;page and click the <strong>Edit<\/strong> link just below it.\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<\/ol>\n<h2 id=\"editing-the-contact-us-page\">Editing the Contact Us Page<\/h2>\n<p>To make changes to your <a href=\"https:\/\/www.boldgrid.com\/wordpress-contact-form-plugin-2\/\">WordPress contact form<\/a> and information on this page you will be editing elements on a Block. You will notice that the contact information you filled in during the Inspiration process has been automatically filled into your contact form page.<\/p>\n<p><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/06\/contact-page-user-info-inspirations.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-39759 alignnone\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/06\/contact-page-user-info-inspirations.jpg\" alt=\"WordPress Contact Page\" width=\"1011\" height=\"528\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/06\/contact-page-user-info-inspirations.jpg 1011w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/06\/contact-page-user-info-inspirations-300x157.jpg 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/06\/contact-page-user-info-inspirations-768x401.jpg 768w\" sizes=\"auto, (max-width: 1011px) 100vw, 1011px\" \/><\/a><\/p>\n<p>The <a href=\"https:\/\/www.boldgrid.com\/wordpress-contact-form-plugin-2\/\">contact form<\/a> on the left side of the grid is for your visitors to fill out. They will be prompted for their name, email, subject, and message body. But, maybe you want a different form.<\/p>\n<h3 id=\"change-the-contact-form-displayed\">Change the Contact Form Displayed<\/h3>\n<p>If you would like to change the form that your users fill out, start by deleting the weForms short code shown on the page, then click the Add Contact Form button above the toolbar. Choose your desired form in the dropdown and a new shortcode will appear on the page.<\/p>\n<p><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/06\/add-contact-form.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-39760 alignnone\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/06\/add-contact-form.jpg\" alt=\"Edit weForms in WordPress\" width=\"500\" height=\"245\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/06\/add-contact-form.jpg 708w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/06\/add-contact-form-300x147.jpg 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<h2 id=\"contact-us-page-faqs\">Contact Us Page FAQs<\/h2>\n<h3 id=\"how-do-i-change-the-auto-reply-message-the-visitor-receives-when-they-contact-me\">How do I change the auto-reply message the visitor receives when they contact me?<\/h3>\n<p>Modifying the auto-reply is going to be a little different depending on which Forms plugin you&rsquo;re using. If you&rsquo;re using WPForms, <a href=\"https:\/\/www.boldgrid.com\/support\/boldgrid-wpforms-plugin-product-guide\/customize-wpforms-form-settings\/\">use these instructions<\/a>. If you&rsquo;re using weForms, <a href=\"https:\/\/weformspro.com\/docs\/forms-templates\/notification-email-settings\/\">use these instructions<\/a>.<\/p>\n<h3 id=\"how-do-i-change-the-email-address-to-which-submissions-from-the-contact-form-are-sent\">How do I change the email address to which submissions from the contact form are sent?<\/h3>\n<p>This will depend on your Forms plugin. Generally speaking, most forms plugins will default to the <strong>Administration Email Address<\/strong> of your website, found in <strong>Settings -&gt; General<\/strong>. Most forms plugins will let you override this, however. If you&rsquo;re using weForms, you can set the email address for each form individually by navigating to <strong>All Forms -&gt; [Form Name] -&gt; Edit -&gt; Notifications<\/strong> and modifying the &ldquo;To&rdquo; address. By default, this will be a variable called {admin_email}, but you can change it to any email address you need.<\/p>\n<h3 id=\"does-weforms-have-anti-spam-protection\">Does weForms have Anti-Spam protection?<\/h3>\n<p>weForms includes reCaptcha spam production but it is not enabled out-of-the-box. reCaptcha API credentials are unique for every website so you&rsquo;ll have to set it up yourself.<\/p>\n<p>That said, adding reCaptcha to a form is easy with weForms. Once your API credentials are set up, a single click on each form is all you need to add protection.<\/p>\n<p><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/09\/add-recaptcha-to-form.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-26785\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/09\/add-recaptcha-to-form.png\" alt=\"add reCaptcha to weForms\" width=\"500\" height=\"294\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/09\/add-recaptcha-to-form.png 1305w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/09\/add-recaptcha-to-form-300x177.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/09\/add-recaptcha-to-form-1024x603.png 1024w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/09\/add-recaptcha-to-form-768x452.png 768w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<h3 id=\"how-to-change-weforms-submit-button-text\">How to change weForms submit button text<\/h3>\n<p>weForms allows you to change the Submit button text to any text you&rsquo;d like. Start by navigating to&nbsp;<strong>weForms &gt; All Forms<\/strong> and edit the contact form that you&rsquo;re looking to change.<\/p>\n<p>Once you&rsquo;re on the editing screen, look for the <strong>Settings<\/strong> tab at the top. From the Settings tab, you&rsquo;ll see the option to change the Submit button text:<\/p>\n<p><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/09\/weforms-settings-tab.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-26854\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/09\/weforms-settings-tab.png\" alt=\"weForms settings\" width=\"500\" height=\"227\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/09\/weforms-settings-tab.png 958w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/09\/weforms-settings-tab-300x136.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/09\/weforms-settings-tab-768x348.png 768w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<h3 id=\"how-to-change-the-google-map-address\">How to change the Google Map address<\/h3>\n<p>To change the address on your map block, click on the block and then click the Edit map &ldquo;Pencil&rdquo; icon.<\/p>\n<p><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/09\/edit-map-block.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-27521 alignnone\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/09\/edit-map-block.png\" alt=\"Edit Google Map block in WordPress editor\" width=\"500\" height=\"316\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/09\/edit-map-block.png 926w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/09\/edit-map-block-300x190.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/09\/edit-map-block-768x485.png 768w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>Once you&rsquo;re on the Edit Map screen, select the street map option, and then you&rsquo;ll see the Location Search field.<\/p>\n<p><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/09\/location-search.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-27522\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/09\/location-search.png\" alt=\"Update Google Map location\" width=\"500\" height=\"357\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/09\/location-search.png 953w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/09\/location-search-300x214.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2020\/09\/location-search-768x549.png 768w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p><span class=\"heading-font branded\" style=\"font-size: 28px;\">Congrats!<\/span><\/p>\n<p>You know now how to edit your contact page after using the <a href=\"https:\/\/www.boldgrid.com\/website-builder\/\">WordPress website builder<\/a> to create your website. Our website builder makes it extremely easy to create a site for your business or online presence.<\/p>\n<p>Next, you may want to learn <a href=\"\/support\/page-builder\/create-block-structure\/\">how to create WordPress blocks<\/a> for the Post and Page Builder, or <a href=\"\/support\/page-builder\/block-library\/\">how to use the Block library<\/a> to continue building your website.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>When you are working on your WordPress website, you will probably end up needing to edit the Contact page. If you used Inspirations for your initial website, most likely this page is filled with stock information. This stock information can be easily replaced with your contact information to ensure your visitors can easily contact you. [&hellip;]<\/p>\n","protected":false},"author":361,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"bgseo_title":"How to Edit the Contact Page in WordPress | BoldGrid","bgseo_description":"Learn how BoldGrid allows you to edit the contact page in your WordPress site. You can customize it to provide appropriate feedback information.","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"categories":[148],"tags":[171,172,45],"class_list":["post-2580","post","type-post","status-publish","format-standard","hentry","category-page-builder","tag-contact-us","tag-edit","tag-page"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/2580","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/users\/361"}],"replies":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/comments?post=2580"}],"version-history":[{"count":47,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/2580\/revisions"}],"predecessor-version":[{"id":40910,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/2580\/revisions\/40910"}],"wp:attachment":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/media?parent=2580"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/categories?post=2580"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/tags?post=2580"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}