  {"id":2377,"date":"2024-01-24T14:40:16","date_gmt":"2024-01-24T19:40:16","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=2377"},"modified":"2024-09-18T20:31:23","modified_gmt":"2024-09-19T00:31:23","slug":"form-confirmations","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/mastery\/module-5-forms\/form-confirmations\/","title":{"rendered":"Form Confirmations"},"content":{"rendered":"\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n            <div class=\"cu-textmedia flex flex-col lg:flex-row mx-auto gap-6 md:gap-10 my-6 md:my-12 first:mt-0 max-w-5xl\">\n        <div class=\"justify-start cu-textmedia-content cu-prose-first-last\" style=\"flex: 0 0 100%;\">\n            <header class=\"font-light prose-xl cu-pageheader md:prose-2xl cu-component-updated cu-prose-first-last\">\n                                    <h1 class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px text-3xl md:text-4xl lg:text-5xl lg:leading-[3.5rem] pb-5 after:w-10 text-cu-black-700 not-prose\">\n                        Form Confirmations\n                    <\/h1>\n                \n                                \n                                    \n\n\n<p>Module 5.2 \u2013 Mastery: Forms: Form Confirmations<\/p>\n\n\n\n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n\n<div class=\"w-full max-w-xl mx-auto overflow-hidden bg-white rounded-lg shadow-lg cu-stackedlist cu-component not-contained not-prose\">\n    <h2 class=\"px-6 py-4 text-base font-semibold border-b rounded-t-lg md:text-xl bg-gray-50 text-cu-black-800\">\n        Table of Contents\n    <\/h2>\n    <div class=\"grid cu-scrollto cu-stackedlist--toc cu-stackedlist--1 md:grid-cols-1\">\n            <div class=\"space-y-1\">\n                    \n            <div class=\"pl-4 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        1.\n                    <\/span>\n\n                    <a href=\"#step-by-step\" class=\"font-medium hover:underline\">\n                        Step-By-Step\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n                    \n            <div class=\"pl-4 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        2.\n                    <\/span>\n\n                    <a href=\"#video-tutorial\" class=\"font-medium hover:underline\">\n                        Video Tutorial\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n                    \n            <div class=\"pl-4 text-cu-red-700\">\n                <div class=\"flex gap-2 pb-3 text-base md:text-lg\">\n                    <span class=\"font-light text-cu-black-700\">\n                        3.\n                    <\/span>\n\n                    <a href=\"#try-it-out\" class=\"font-medium hover:underline\">\n                        Try it Out!\n                    <\/a>\n                <\/div>\n\n                            <\/div>\n            <\/div>\n\n    <\/div>\n<\/div>\n\n\n\n<p>When a user submits a form, they will be presented with a message onscreen, or directed to a new page with a message. By default, this message lets them know that the form has been successfully submitted. You can easily customize your confirmation message.<\/p>\n\n\n\n<h2 id=\"step-by-step\" class=\"wp-block-heading\">Step-By-Step<\/h2>\n\n\n\n<p>1. To access confirmations, hover over <strong class=\"myprefix-text-bold\">Settings<\/strong> then click <strong class=\"myprefix-text-bold\">Confirmations.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"514\" height=\"490\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/confirmations.png\" alt=\"confirmations menu\" class=\"wp-image-2400\" style=\"width:238px;height:auto\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/confirmations.png 514w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/confirmations-320x305.png 320w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/confirmations-512x488.png 512w\" sizes=\"auto, (max-width: 514px) 100vw, 514px\" \/><\/figure>\n\n\n\n<p>2. Either add a new confirmation or edit the existing default confirmation message.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1768\" height=\"382\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/confirmation.png\" alt=\"Confirmation message\" class=\"wp-image-2381\" style=\"width:933px;height:auto\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/confirmation.png 1768w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/confirmation-320x69.png 320w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/confirmation-512x111.png 512w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/confirmation-768x166.png 768w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/confirmation-1024x221.png 1024w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/confirmation-1536x332.png 1536w\" sizes=\"auto, (max-width: 1768px) 100vw, 1768px\" \/><\/figure>\n\n\n\n<p>3. Next to&nbsp;<strong>Confirmation Type<\/strong>, you can choose where the user is sent after submitting your form.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong class=\"myprefix-text-bold\">Text<\/strong>&nbsp;is the default, and will present them with a message onscreen which you can edit using the content editor under&nbsp;Message.&nbsp;<\/li>\n\n\n\n<li><strong class=\"myprefix-text-bold\">Page<\/strong>&nbsp;will redirect the user to a page within your website which you can select using the<strong class=\"myprefix-text-bold\">&nbsp;Page<\/strong><strong>&nbsp;<\/strong>dropdown.<\/li>\n\n\n\n<li><strong class=\"myprefix-text-bold\">Redirect&nbsp;<\/strong>will redirect the user to a URL which you can insert into the&nbsp;<strong class=\"myprefix-text-bold\">Redirect URL&nbsp;<\/strong>field.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1124\" height=\"686\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/confirm-text.png\" alt=\"Confirmation Type\" class=\"wp-image-2382\" style=\"width:499px;height:auto\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/confirm-text.png 1124w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/confirm-text-320x195.png 320w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/confirm-text-512x312.png 512w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/confirm-text-768x469.png 768w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/confirm-text-1024x625.png 1024w\" sizes=\"auto, (max-width: 1124px) 100vw, 1124px\" \/><\/figure>\n\n\n\n<p>4. Don&#8217;t forget to save your changes!<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"350\" height=\"124\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-14.53.48@2x.png\" alt=\"Save confirmation utton\" class=\"wp-image-2386\" style=\"width:225px;height:auto\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-14.53.48@2x.png 350w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/01\/CleanShot-2024-01-24-at-14.53.48@2x-320x113.png 320w\" sizes=\"auto, (max-width: 350px) 100vw, 350px\" \/><\/figure>\n\n\n\n<p>For detailed information on configuring confirmations, please visit the <a href=\"https:\/\/docs.gravityforms.com\/confirmation-type-page\/\" target=\"_blank\" rel=\"noreferrer noopener\">Gravity Forms documentation site<\/a>.<\/p>\n\n\n\n<h2 id=\"video-tutorial\" class=\"wp-block-heading\">Video Tutorial<\/h2>\n\n\n\n<div class=\"cu-section cu-section-5xl not-contained  cu-prose cu-prose-dark\"><figure class=\"cu-embed cu-component not-contained mx-auto max-w-5xl\"><div class=\"relative w-full pb-[56.25%] overflow-hidden border border-cu-black-100\"><iframe title=\"Videos Embed\" src=\"https:\/\/www.youtube.com\/embed\/u9Gimvs6hic\" class=\"cu-embed-iframe\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/div><\/figure><\/div>\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n        \n    \n    <dl class=\"cu-description cu-component-updated\">\n        \n    <div class=\"grid pt-4 pb-3 border-b accordion border-cu-black-100 md:pt-6 md:pb-5 first:border-t\">\n        <dt class=\"font-semibold not-prose\">\n            <button class=\"flex items-center justify-between w-full text-left accordion__button\" aria-expanded=\"false\" aria-controls=\"accordion-transcript-form-confirmations\">\n                <span class=\"flex-1 ml-auto text-left break-words whitespace-normal cu-icon\">\n                    Transcript \u2013 Form Confirmations\n                <\/span>\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\" class=\"w-5 h-5 ml-auto transition-transform rotate-0 accordion__icon text-cu-black-500\">\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.25 4.5l7.5 7.5-7.5 7.5\"><\/path>\n                <\/svg>\n            <\/button>\n        <\/dt>\n        <dd class=\"p-0 mt-0 cu-prose cu-prose-first-last accordion__content md:p-0 md:mt-0\" hidden=\"\" id=\"accordion-transcript-form-confirmations\">\n            \n\n<p>Hello and welcome to cuTheme Mastery Training, Module 5. In this video, we will go over Form Confirmations.<\/p>\n\n\n\n<p>Confirmations are messages that are displayed to users once they complete a form. These messages confirm that the form has been completed and submitted, and can thank the user or give any other necessary information.<\/p>\n\n\n\n<p>To get to Confirmations, make sure you\u2019re on your form\u2019s edit menu right here. Go to \u201cSettings\u201d, and click \u201cConfirmations\u201d.<\/p>\n\n\n\n<p>You will be redirected to a new page, which lists all your form\u2019s confirmations. Since this is a new form, the only confirmation right now is the default. You can edit a confirmation by clicking on it, or add a new one by clicking the \u201cAdd New\u201d button.<\/p>\n\n\n\n<p>You\u2019ll be taken to a new menu by clicking on the button, allowing you to create your confirmation. You can give it a name, and choose the confirmation type. Text allows you to display a message upon completion. Page will redirect you to a different page on your site, and Redirect will take the user to a URL that you can copy and paste.<\/p>\n\n\n\n<p>There is also an option for conditional formatting, which can change the message depending on the user\u2019s entry on a specific section of the form. For more information on Conditional Formatting, please visit the Gravity Forms documentation site.<\/p>\n\n\n        <\/dd>\n    <\/div>\n\n\n    <\/dl>\n\n\n    <\/div>\n<\/section>\n\n\n\n<h2 id=\"try-it-out\" class=\"wp-block-heading\">Try it Out!<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Create a new confirmation <\/li>\n\n\n\n<li>Make it so that it will appear onscreen to the user<\/li>\n\n\n\n<li>Change the default message<\/li>\n\n\n\n<li>Save your changes (we&#8217;ll test things out in module 4 of this tutorial!)<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/carleton.ca\/cutheme-docs\/mastery\/module-5-forms\/form-notifications\/\">Next: Form Notifications<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>When a user submits a form, they will be presented with a message onscreen, or directed to a new page with a message. By default, this message lets them know that the form has been successfully submitted. You can easily customize your confirmation message. Step-By-Step 1. To access confirmations, hover over Settings then click Confirmations. [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":2305,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_cu_dining_location_slug":"","footnotes":"","_links_to":"","_links_to_target":""},"cu_page_type":[11],"class_list":["post-2377","page","type-page","status-publish","hentry","cu_page_type-general"],"acf":{"cu_post_thumbnail":false},"_links":{"self":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/2377","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/comments?post=2377"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/2377\/revisions"}],"predecessor-version":[{"id":4261,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/2377\/revisions\/4261"}],"up":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/2305"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/media?parent=2377"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/cu_page_type?post=2377"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}