# Forms, Surveys & Quizzes - On Submit Message Customisation > Design branded on‑submit messages with rich text, device‑specific styles, background blur, and live preview for Forms, Surveys, and Quizzes in GHL Customer Care. - Source: https://docs.ghlcustomercare.com/docs/sites/forms/forms-surveys-quizzes-on-submit-message-customisation - Section: Sites / Forms - Reading time: 2 min - Images: 7, each explained below --- The On Submit message lets you create branded, accessible confirmation screens for your Forms, Surveys, and Quizzes. This guide covers what it is, why it’s useful, and how to use the editor—so you can deliver polished, on-brand thank-you experiences in minutes. --- **TABLE OF CONTENTS** - [What is the On Submit Message Editor?](#what-is-the-on-submit-message-editor)[](#key-benefits-of-the-on-submit-message-editor) - [Key Benefits of the On Submit Message Editor](#key-benefits-of-the-on-submit-message-editor)[](#how-to-customise-on-submit-messages) - [How To Customise On Submit Messages](#how-to-customise-on-submit-messages)[](#frequently-asked-questions) - [Frequently Asked Questions](#frequently-asked-questions)[](#related-articles) - [Related Articles](#related-articles) --- # **What is the On Submit Message Editor?** The On Submit Message Editor controls what a contact sees immediately after submitting a Form, Survey, or Quiz. Instead of a plain confirmation, you can design a branded message with headings, images, and layout controls that adapt to desktop and mobile. --- ## **Key Benefits of the On Submit Message Editor** - **Richer formatting:** Create headline + subtext with bold, italics, sizes, colors, emojis, links, and images directly inside the editor. - **Brand consistency:** Align fonts, weights, padding, margins, and corner radius with your visual identity. - **Background Blur overlay:** Softens busy backgrounds so text remains readable; optionally add a solid/transparent message box color. - **Device-specific control:** Independently style Desktop and Mobile for optimal readability. - **Live visual preview:** See changes against your actual background as you edit. - **Fewer rebuilds:** Design post-submit states without creating separate pages or redirects. --- ## **How To Customise On Submit Messages** These steps ensure your On Submit message is configured, styled for both devices, and previewed for clarity before you save and publish. 1. Login to your sub-account. 2. Go to **Sites** > **Forms/Surveys/Quizzes** > **Builder**. ![Step 2 of 13: Go to Sites > Forms/Surveys/Quizzes > Builder](https://jumpshare.com/share/eLLHtJi0Nwvn4C3uBLlm+/GIF+Recording+2025-12-18+at+5.30.07+PM.gif) **Step 2 of 13: Go to Sites > Forms/Surveys/Quizzes > Builder** This animation accompanies step 2 of 13 in the "How To Customise On Submit Messages" section of "Forms, Surveys & Quizzes - On Submit Message Customisation". At this point in the walkthrough you go to Sites > Forms/Surveys/Quizzes > Builder. The navigation path used here is Sites > Forms. The next step is to click on + Add Form/Survey/Quiz button to Create a new Form/Survey/Quiz or, Edit an existing item by clicking the ⋮ (three dots) → Edit to open the Builder. - Path: Sites > Forms - Where to go: Go to Sites > Forms/Surveys/Quizzes > Builder. - Controls: Sites, Forms/Surveys/Quizzes, Builder, + Add Form/Survey/Quiz, new, Edit, ⋮, Settings, On Submit, Message, rich text editor, Message Styling - Next: Click on + Add Form/Survey/Quiz button to Create a new Form/Survey/Quiz or, Edit an existing item by clicking the ⋮ (three dots) → Edit to open the Builder. Full procedure: 1. Login to your sub-account. 2. Go to Sites > Forms/Surveys/Quizzes > Builder. <- this image 3. Click on + Add Form/Survey/Quiz button to Create a new Form/Survey/Quiz or, Edit an existing item by clicking the ⋮ (three dots) → Edit to open the Builder. 4. Customize your Form/Survey/Quiz and click Settings → On Submit. 5. From the dropdown, select Message. 6. Use the rich text editor to write your headline and subtext. 7. Apply Text Formatting: Text size, color/background, alignment, insert bullet or numbered lists, insert links, insert images, and custom values as needed. 8. In Message Styling: set background color, text weight, and corner radius. 9. Adjust Margin and Padding. 10. Toggle Background Blur ON/OFF. (Option is only available when an image is set as background) 11. Switch between Desktop and Mobile views. 12. Use the Preview panel to see how your customisations look like. 13. After completing customisations, click Save in the builder. 3. Click on **\+ Add Form/Survey/Quiz** button to Create a **new** Form/Survey/Quiz or, **Edit** an existing item by clicking the **⋮** (three dots) → **Edit** to open the Builder. ![Step 3 of 13: Click on + Add Form/Survey/Quiz button to Create a new…](https://jumpshare.com/share/FJohJIApZsddPtwqyhVA+/Screen+Shot+2025-12-18+at+5.31.37+PM.png) **Step 3 of 13: Click on + Add Form/Survey/Quiz button to Create a new…** This screenshot accompanies step 3 of 13 in the "How To Customise On Submit Messages" section of "Forms, Surveys & Quizzes - On Submit Message Customisation". At this point in the walkthrough you click on + Add Form/Survey/Quiz button to Create a new Form/Survey/Quiz or, Edit an existing item by clicking the ⋮ (three dots) → Edit to open the Builder. The navigation path used here is Sites > Forms. The next step is to customize your Form/Survey/Quiz and click Settings → On Submit. - Path: Sites > Forms - What to click: Click on + Add Form/Survey/Quiz button to Create a new Form/Survey/Quiz or, Edit an existing item by clicking the ⋮ (three dots) → Edit to open the Builder. - Controls: + Add Form/Survey/Quiz, new, Edit, ⋮, Sites, Forms/Surveys/Quizzes, Builder, Settings, On Submit, Message, rich text editor, Message Styling - Next: Customize your Form/Survey/Quiz and click Settings → On Submit. Full procedure: 1. Login to your sub-account. 2. Go to Sites > Forms/Surveys/Quizzes > Builder. 3. Click on + Add Form/Survey/Quiz button to Create a new Form/Survey/Quiz or, Edit an existing item by clicking the ⋮ (three dots) → Edit to open the Builder. <- this image 4. Customize your Form/Survey/Quiz and click Settings → On Submit. 5. From the dropdown, select Message. 6. Use the rich text editor to write your headline and subtext. 7. Apply Text Formatting: Text size, color/background, alignment, insert bullet or numbered lists, insert links, insert images, and custom values as needed. 8. In Message Styling: set background color, text weight, and corner radius. 9. Adjust Margin and Padding. 10. Toggle Background Blur ON/OFF. (Option is only available when an image is set as background) 11. Switch between Desktop and Mobile views. 12. Use the Preview panel to see how your customisations look like. 13. After completing customisations, click Save in the builder. 4. Customize your Form/Survey/Quiz and click **Settings** → **On Submit**. 5. From the dropdown, select **Message**. 6. Use the **rich text editor** to write your headline and subtext. 7. **Apply Text Formatting:** Text size, color/background, alignment, insert bullet or numbered lists, insert links, insert images, and custom values as needed. ![Step 7 of 13: Apply Text Formatting: Text size, color/background, alignment, insert…](https://jumpshare.com/share/4LUevsy268SyHEWQoS1S+/GIF+Recording+2025-12-18+at+5.42.06+PM.gif) **Step 7 of 13: Apply Text Formatting: Text size, color/background, alignment, insert…** This animation accompanies step 7 of 13 in the "How To Customise On Submit Messages" section of "Forms, Surveys & Quizzes - On Submit Message Customisation". At this point in the walkthrough you apply Text Formatting: Text size, color/background, alignment, insert bullet or numbered lists, insert links, insert images, and custom values as needed. The navigation path used here is Sites > Forms. The next step is to in Message Styling: set background color, text weight, and corner radius. - Path: Sites > Forms - What this covers: Apply Text Formatting: Text size, color/background, alignment, insert bullet or numbered lists, insert links, insert images, and custom values as needed. - Controls: Sites, Forms/Surveys/Quizzes, Builder, + Add Form/Survey/Quiz, new, Edit, ⋮, Settings, On Submit, Message, rich text editor, Message Styling - Next: In Message Styling: set background color, text weight, and corner radius. Full procedure: 1. Login to your sub-account. 2. Go to Sites > Forms/Surveys/Quizzes > Builder. 3. Click on + Add Form/Survey/Quiz button to Create a new Form/Survey/Quiz or, Edit an existing item by clicking the ⋮ (three dots) → Edit to open the Builder. 4. Customize your Form/Survey/Quiz and click Settings → On Submit. 5. From the dropdown, select Message. 6. Use the rich text editor to write your headline and subtext. 7. Apply Text Formatting: Text size, color/background, alignment, insert bullet or numbered lists, insert links, insert images, and custom values as needed. <- this image 8. In Message Styling: set background color, text weight, and corner radius. 9. Adjust Margin and Padding. 10. Toggle Background Blur ON/OFF. (Option is only available when an image is set as background) 11. Switch between Desktop and Mobile views. 12. Use the Preview panel to see how your customisations look like. 13. After completing customisations, click Save in the builder. 8. In **Message Styling**: set background color, text weight, and corner radius. 9. Adjust **Margin** and **Padding**. 10. Toggle **Background** **Blur** ON/OFF. (Option is only available when an image is set as background) ![Step 10 of 13: Toggle Background Blur ON/OFF. (Option is only available when an image…](https://jumpshare.com/share/d4888inTYpjNdSgePfEC+/GIF+Recording+2025-12-18+at+6.01.28+PM.gif) **Step 10 of 13: Toggle Background Blur ON/OFF. (Option is only available when an image…** This animation accompanies step 10 of 13 in the "How To Customise On Submit Messages" section of "Forms, Surveys & Quizzes - On Submit Message Customisation". At this point in the walkthrough you toggle Background Blur ON/OFF. (Option is only available when an image is set as background). The navigation path used here is Sites > Forms. The next step is to switch between Desktop and Mobile views. - Path: Sites > Forms - What to choose: Toggle Background Blur ON/OFF. (Option is only available when an image is set as background) - Controls: Background, Blur, Sites, Forms/Surveys/Quizzes, Builder, + Add Form/Survey/Quiz, new, Edit, ⋮, Settings, On Submit, Message - Next: Switch between Desktop and Mobile views. Full procedure: 1. Login to your sub-account. 2. Go to Sites > Forms/Surveys/Quizzes > Builder. 3. Click on + Add Form/Survey/Quiz button to Create a new Form/Survey/Quiz or, Edit an existing item by clicking the ⋮ (three dots) → Edit to open the Builder. 4. Customize your Form/Survey/Quiz and click Settings → On Submit. 5. From the dropdown, select Message. 6. Use the rich text editor to write your headline and subtext. 7. Apply Text Formatting: Text size, color/background, alignment, insert bullet or numbered lists, insert links, insert images, and custom values as needed. 8. In Message Styling: set background color, text weight, and corner radius. 9. Adjust Margin and Padding. 10. Toggle Background Blur ON/OFF. (Option is only available when an image is set as background) <- this image 11. Switch between Desktop and Mobile views. 12. Use the Preview panel to see how your customisations look like. 13. After completing customisations, click Save in the builder. 11. Switch between **Desktop** and **Mobile** views. ![Step 11 of 13: Switch between Desktop and Mobile views](https://jumpshare.com/share/7nJj4ZRnb2WqTn1h4wZA+/Screen+Shot+2025-12-18+at+6.04.05+PM.png) **Step 11 of 13: Switch between Desktop and Mobile views** This screenshot accompanies step 11 of 13 in the "How To Customise On Submit Messages" section of "Forms, Surveys & Quizzes - On Submit Message Customisation". At this point in the walkthrough you switch between Desktop and Mobile views. The navigation path used here is Sites > Forms. The next step is to use the Preview panel to see how your customisations look like. - Path: Sites > Forms - What this covers: Switch between Desktop and Mobile views. - Controls: Desktop, Mobile, Sites, Forms/Surveys/Quizzes, Builder, + Add Form/Survey/Quiz, new, Edit, ⋮, Settings, On Submit, Message - Next: Use the Preview panel to see how your customisations look like. Full procedure: 1. Login to your sub-account. 2. Go to Sites > Forms/Surveys/Quizzes > Builder. 3. Click on + Add Form/Survey/Quiz button to Create a new Form/Survey/Quiz or, Edit an existing item by clicking the ⋮ (three dots) → Edit to open the Builder. 4. Customize your Form/Survey/Quiz and click Settings → On Submit. 5. From the dropdown, select Message. 6. Use the rich text editor to write your headline and subtext. 7. Apply Text Formatting: Text size, color/background, alignment, insert bullet or numbered lists, insert links, insert images, and custom values as needed. 8. In Message Styling: set background color, text weight, and corner radius. 9. Adjust Margin and Padding. 10. Toggle Background Blur ON/OFF. (Option is only available when an image is set as background) 11. Switch between Desktop and Mobile views. <- this image 12. Use the Preview panel to see how your customisations look like. 13. After completing customisations, click Save in the builder. 12. Use the **Preview** panel to see how your customisations look like. ![Step 12 of 13: Use the Preview panel to see how your customisations look like](https://jumpshare.com/share/gP0Gaq03j4ywPOIIjE6a+/Screen+Shot+2025-12-18+at+6.00.18+PM.png) **Step 12 of 13: Use the Preview panel to see how your customisations look like** This screenshot accompanies step 12 of 13 in the "How To Customise On Submit Messages" section of "Forms, Surveys & Quizzes - On Submit Message Customisation". At this point in the walkthrough you use the Preview panel to see how your customisations look like. The navigation path used here is Sites > Forms. The next step is to after completing customisations, click Save in the builder. - Path: Sites > Forms - What this covers: Use the Preview panel to see how your customisations look like. - Controls: Preview, Sites, Forms/Surveys/Quizzes, Builder, + Add Form/Survey/Quiz, new, Edit, ⋮, Settings, On Submit, Message, rich text editor - Next: After completing customisations, click Save in the builder. Full procedure: 1. Login to your sub-account. 2. Go to Sites > Forms/Surveys/Quizzes > Builder. 3. Click on + Add Form/Survey/Quiz button to Create a new Form/Survey/Quiz or, Edit an existing item by clicking the ⋮ (three dots) → Edit to open the Builder. 4. Customize your Form/Survey/Quiz and click Settings → On Submit. 5. From the dropdown, select Message. 6. Use the rich text editor to write your headline and subtext. 7. Apply Text Formatting: Text size, color/background, alignment, insert bullet or numbered lists, insert links, insert images, and custom values as needed. 8. In Message Styling: set background color, text weight, and corner radius. 9. Adjust Margin and Padding. 10. Toggle Background Blur ON/OFF. (Option is only available when an image is set as background) 11. Switch between Desktop and Mobile views. 12. Use the Preview panel to see how your customisations look like. <- this image 13. After completing customisations, click Save in the builder. 13. After completing customisations, click **Save** in the builder.  ![Step 13 of 13: After completing customisations, click Save in the builder](https://jumpshare.com/share/cS06Q9PX94eOdju0eU6w+/Screen+Shot+2025-12-18+at+6.06.11+PM.png) **Step 13 of 13: After completing customisations, click Save in the builder** This screenshot accompanies step 13 of 13 in the "How To Customise On Submit Messages" section of "Forms, Surveys & Quizzes - On Submit Message Customisation". At this point in the walkthrough you after completing customisations, click Save in the builder. The navigation path used here is Sites > Forms. - Path: Sites > Forms - How to confirm: After completing customisations, click Save in the builder. - Controls: Save, Sites, Forms/Surveys/Quizzes, Builder, + Add Form/Survey/Quiz, new, Edit, ⋮, Settings, On Submit, Message, rich text editor Full procedure: 1. Login to your sub-account. 2. Go to Sites > Forms/Surveys/Quizzes > Builder. 3. Click on + Add Form/Survey/Quiz button to Create a new Form/Survey/Quiz or, Edit an existing item by clicking the ⋮ (three dots) → Edit to open the Builder. 4. Customize your Form/Survey/Quiz and click Settings → On Submit. 5. From the dropdown, select Message. 6. Use the rich text editor to write your headline and subtext. 7. Apply Text Formatting: Text size, color/background, alignment, insert bullet or numbered lists, insert links, insert images, and custom values as needed. 8. In Message Styling: set background color, text weight, and corner radius. 9. Adjust Margin and Padding. 10. Toggle Background Blur ON/OFF. (Option is only available when an image is set as background) 11. Switch between Desktop and Mobile views. 12. Use the Preview panel to see how your customisations look like. 13. After completing customisations, click Save in the builder. <- this image --- ## **Frequently Asked Questions** **Q. Can I use both a Message and a Redirect at the same time?** No. Choose one default behavior. Conditional logic can override with a different message or redirect when its conditions match. **Q. Do workflows depend on the On Submit message?** No. Form/Survey/Quiz Submitted workflows run independently of the visual confirmation. **Q. Images or custom values don’t render in preview. Is that expected?** Some custom values only resolve on real submissions.  --- ## **Related Articles** - [Forms, Surveys & Quizzes: Inline Editing](https://docs.ghlcustomercare.com/docs/sites/forms/forms-surveys-quizzes-inline-editing) - [Element & Slide Cloning in Quizzes, Forms and Surveys](https://docs.ghlcustomercare.com/docs/sites/forms/element-slide-cloning-in-quizzes-forms-and-surveys) - [Email Validation feature in Forms and Surveys](https://docs.ghlcustomercare.com/docs/sites/forms/email-validation-feature-in-forms-and-surveys) - [Analytics for Forms and Surveys](https://docs.ghlcustomercare.com/docs/sites/forms/analytics-for-forms-and-surveys) --- Documentation for GHL Customer Care. Support: support@ghlcustomercare.com