Use a thank you panel to provide final instructions and/or display any PDFs or documents created as part of your Smart Form.
The Thank You panel is always the last panel respondents see (unless you connect to another form). You can use the Thank You panel to thank respondents for participating or to provide any final information. You can also send respondents to a website or another form.
Open the Thank You panel
- Click the Thank You panel, then click EDIT NODE.
- The editor appears.
Preface
Use the preface to provide a title and introduction.
Customize the default sections
By default, the preface contains a title (h1) and introduction (h3) with some sample text. You can use these sections or add your own sections. To use the existing sections, select the sample text and replace it with your own text.
Add a new section
1. Click + beside Preface.
2. Select the type of section you want to add.
Heading 1, Heading 2, Heading 3 Add a first-level, second-level or third-level heading.
Rich Text Add a paragraph. You can format the text using options such as bold, italic, bullets and numbering. You can also insert webpage links.
Raw HTML Add content using HTML. This gives you full control to add any HTML element (such as headings, paragraphs, lists, linked images and webpage links) and format the content using CSS.
Image Upload an image. Note that the image is converted to a Base64 encoded string and is stored in the form template. This can significantly increase the form size if you add a lot of images, making it difficult for users to access your form on a mobile device or when using a slower network. As an alternative, use Raw HTML and link to a hosted image instead.
Hint Text Add content formatted as hint text. Note that you wouldn’t typically include hint text in the preface.
Rearrange the sections
Click (☰) and drag the section to a new location.
Remove a section
Click ( 🗑) beside the section you want to remove.
Change the panel label
You can use the section used to label the panel in the workspace. If you’ve used the same first section in multiple panels, you may want to use a different label so you can tell them apart.
1. Click ( 🏷️) beside Preface
2. Select the label you want to use.
Action Buttons
Link to a website or form
Use an action button to send the respondent to a website or another form.
Tip Click ( 🗑) to remove the default action button if you don’t want to include it.
Button Label
Select the sample text and replace it with your own text.
CSS class
(Optional) Use a CSS class for the button. The class name must begin with a period (for example, .custom-element).
Link
Enter the URL for the website or form.
Target
Enter the target window for the URL. You can open the URL in the same window as the form (_self) or a new browser window or tab (_blank).
Add a close button
You can add a button to close the form. If you’re not sending respondents to a website or another form, you should add a Close button.
Add Close Button
Click the toggle switch to select this option.
Button Label
Add the text to show on the button.
CSS class
(Optional) Use a CSS class for the button. The class name must begin with a period (for example, .custom-element).
Redirect URL
(Optional) You can send respondents to a website when they close the form. Enter the website URL.
Left-side and Right-side Content
Use the left-side and right-side content sections to add content (such as text or images) to the left or right side of the panel.
Tip This content will only be shown on the current panel. Use the smart form options to add a side panel to the entire form.
Add left-side or right-side content
Enter HTML content in the Left-side Content or Right-side Content box. You can use CSS to set the content width and position and to style the content.
Postface/Afterword
Use the postface/afterword to add text at the end of the panel.
Add a new section
1. Click (+) beside Postface/Afterword.
2. Select the type of section you want to add.
Heading 1, Heading 2, Heading 3 Add a first-level, second-level or third-level heading.
Rich Text Add a paragraph. You can format the text using options such as bold, italic, bullets and numbering. You can also insert webpage links.
Raw HTML Add content using HTML. This gives you full control to add any HTML element (such as headings, paragraphs, lists, linked images and webpage links) and format the content using CSS.
Image Upload an image. Note that the image is converted to a Base64 encoded string and is stored in the form template. This can significantly increase the form size if you add a lot of images, making it difficult for users to access your form on a mobile device or when using a slower network. As an alternative, use Raw HTML and link to a hosted image instead.
Hint Text Add content formatted as hint text. Note that you wouldn’t typically include hint text in the postface/afterword.
Rearrange the sections
Click (☰) and drag the section to a new location.
Remove a section
Click ( 🗑) beside the section you want to remove.
Save the panel
When you’re done adding content, be sure to save both the panel and the smart form.
Save the panel
Click Apply.
Important Do not click X in the top-right corner or the panel won’t be saved.
Save your smart form
Be sure to save your smart form often so you don’t accidentally lose your work. Any unsaved changes will be lost if you close your smart form or your web browser.
1. Click SAVE
2. Select the type of changes you’ve made (Major, Minor or Quick Fix)
3. Add a note describing your changes.
4. Click SAVE.