{"id":1033,"date":"2023-05-21T09:20:19","date_gmt":"2023-05-21T08:20:19","guid":{"rendered":"https:\/\/greatsite.dev\/makegreatsite\/docs\/contact-forms\/actions-of-a-contact-form-when-it-is-submitted\/"},"modified":"2023-05-21T09:23:23","modified_gmt":"2023-05-21T08:23:23","slug":"actions-of-a-contact-form-when-it-is-submitted","status":"publish","type":"docs","link":"https:\/\/greatsite.dev\/makegreatsite\/docs\/contact-forms\/actions-of-a-contact-form-when-it-is-submitted\/","title":{"rendered":"Actions of a contact form when it is submitted"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">You can choose what your site visitors see when a contact form is submitted on your site. Thus, you can redirect them to a external source, another page on your site, and so on.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Follow the instructions below to see how you can set up an action of a contact form when it is submitted.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Important:<\/strong> This feature is available for Pro sites only.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Setting up an action of a contact form when it is submitted<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">1. Open the editor, hover over to the contact form on your site and click on the &#8220;gear&#8221;:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"384\" src=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/mockup-75-1_bd8t4m-1-1024x384.png\" alt=\"\" class=\"wp-image-1023\" srcset=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/mockup-75-1_bd8t4m-1-1024x384.png 1024w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/mockup-75-1_bd8t4m-1-300x113.png 300w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/mockup-75-1_bd8t4m-1-768x288.png 768w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/mockup-75-1_bd8t4m-1-1536x576.png 1536w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/mockup-75-1_bd8t4m-1.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">2. In the form settings navigate to the\u00a0<strong>Action<\/strong>\u00a0tab:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"694\" src=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1034-2_1sippj0-1024x694.png\" alt=\"\" class=\"wp-image-1034\" srcset=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1034-2_1sippj0-1024x694.png 1024w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1034-2_1sippj0-300x203.png 300w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1034-2_1sippj0-768x520.png 768w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1034-2_1sippj0-1536x1041.png 1536w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1034-2_1sippj0.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Possible actions<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">After you open the form settings, go ahead and choose the suitable click action from the drop-down menu.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Open page<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This feature allows you to redirect the visitors to another page of your site once they submit a contact form. For that, choose\u00a0<strong>Open page<\/strong>\u00a0in the dropdown and then select the needed page:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"394\" src=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1036-1_19rg3v1-1024x394.png\" alt=\"\" class=\"wp-image-1036\" srcset=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1036-1_19rg3v1-1024x394.png 1024w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1036-1_19rg3v1-300x115.png 300w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1036-1_19rg3v1-768x295.png 768w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1036-1_19rg3v1-1536x590.png 1536w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1036-1_19rg3v1.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Show thank you message in pop-up<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">1. This is a confirmation message that your site visitors will see if the form has been submitted successfully. For that, choose the\u00a0<strong>Show thank you message in pop-up<\/strong>\u00a0option in the dropdown:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"694\" src=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1034-2_1sippj0-1-1024x694.png\" alt=\"\" class=\"wp-image-1037\" srcset=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1034-2_1sippj0-1-1024x694.png 1024w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1034-2_1sippj0-1-300x203.png 300w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1034-2_1sippj0-1-768x520.png 768w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1034-2_1sippj0-1-1536x1041.png 1536w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1034-2_1sippj0-1.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">2. You can also edit the text of the message and on the button:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"496\" src=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1035-1_1cxymzd-1024x496.png\" alt=\"\" class=\"wp-image-1038\" srcset=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1035-1_1cxymzd-1024x496.png 1024w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1035-1_1cxymzd-300x145.png 300w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1035-1_1cxymzd-768x372.png 768w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1035-1_1cxymzd-1536x744.png 1536w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1035-1_1cxymzd.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Web address<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This action redirects your visitors to the external resource. For that, choose\u00a0<strong>Web address<\/strong>\u00a0in the menu and paste the link with the\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/help.weblium.com\/\" target=\"_blank\">https:\/<\/a>\u00a0extension:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"394\" src=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1037-1_1ye7bjy-1024x394.png\" alt=\"\" class=\"wp-image-1039\" srcset=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1037-1_1ye7bjy-1024x394.png 1024w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1037-1_1ye7bjy-300x115.png 300w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1037-1_1ye7bjy-768x295.png 768w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1037-1_1ye7bjy-1536x590.png 1536w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1037-1_1ye7bjy.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Close Pop-up<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">1. This option will come in handy when the contact form added to a pop-up window on your site. Thus, after the visitor submit the form, it will automatically close the pop-up too. For that, choose the\u00a0<strong>Close Pop-up<\/strong>\u00a0click action from the dropdown:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"348\" src=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1038-1_1e87maw-1024x348.png\" alt=\"\" class=\"wp-image-1040\" srcset=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1038-1_1e87maw-1024x348.png 1024w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1038-1_1e87maw-300x102.png 300w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1038-1_1e87maw-768x261.png 768w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1038-1_1e87maw-1536x521.png 1536w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1038-1_1e87maw.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"featured_media":0,"parent":463,"menu_order":4,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-1033","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/docs\/1033","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/comments?post=1033"}],"version-history":[{"count":1,"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/docs\/1033\/revisions"}],"predecessor-version":[{"id":1041,"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/docs\/1033\/revisions\/1041"}],"up":[{"embeddable":true,"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/docs\/463"}],"next":[{"title":"Connecting reCAPTCHA to your website","link":"https:\/\/greatsite.dev\/makegreatsite\/docs\/contact-forms\/connecting-recaptcha-to-your-website\/","href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/docs\/1042"}],"prev":[{"title":"Customizing the style of a contact form","link":"https:\/\/greatsite.dev\/makegreatsite\/docs\/contact-forms\/customizing-the-style-of-a-contact-form\/","href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/docs\/1022"}],"wp:attachment":[{"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/media?parent=1033"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/doc_tag?post=1033"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}