  {"id":1537,"date":"2022-02-15T10:28:45","date_gmt":"2022-02-15T15:28:45","guid":{"rendered":"https:\/\/carleton.ca\/cms-help\/?page_id=1537"},"modified":"2022-03-03T09:17:47","modified_gmt":"2022-03-03T14:17:47","slug":"creating-and-editing-forms","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-4-forms\/creating-and-editing-forms\/","title":{"rendered":"Creating and Editing Forms"},"content":{"rendered":"<p>Forms are a useful way to collect data from visitors to your website. For an example, <a href=\"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-4-forms\/creating-and-editing-forms\/sample-form\/\">see this sample form<\/a>.<\/p>\n<h2>Step-by-Step<\/h2>\n<h3>Creating a form<\/h3>\n<ol>\n<li>Add a new Form <a href=\"https:\/\/carleton.ca\/cms-help\/basic-training\/module-1-getting-started\/managing-content-part-1\/\">using the side or top menu<\/a>.<\/li>\n<li>Enter a form title and description. You will have the option to show or hide the title and description when displaying your form on a page.<\/li>\n<li>Click\u00a0<strong>Create Form<\/strong><\/li>\n<li>This will bring you to the\u00a0<strong>Edit<\/strong> tab of the form menu. This tutorial will address editing the fields found in this tab.<img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-1561 \" src=\"https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Edit-forms.png\" alt=\"\" width=\"422\" height=\"78\" srcset=\"https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Edit-forms.png 508w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Edit-forms-240x44.png 240w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Edit-forms-400x74.png 400w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Edit-forms-160x30.png 160w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Edit-forms-360x67.png 360w\" sizes=\"(max-width: 422px) 100vw, 422px\" \/>\n<ol style=\"list-style-type: lower-alpha;\">\n<li>To learn how to add or edit form confirmations (under <strong>Settings<\/strong>), skip ahead to the <a href=\"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-4-forms\/form-confirmations\/\">Form Confirmations<\/a> tutorial.<\/li>\n<li>To learn how to add or edit form notifications (under <strong>Settings<\/strong>), skip ahead to the <a href=\"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-4-forms\/form-notifications\/\">Form Notifications<\/a> tutorial.<\/li>\n<li>To learn how to add your form to a page, skip ahead to the <a href=\"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-4-forms\/adding-a-form-to-a-page\/\">Adding a Form to a Page<\/a>\u00a0tutorial.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<h3>Editing a form<img decoding=\"async\" loading=\"lazy\" class=\"alignright wp-image-1562 \" src=\"https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Fields.png\" alt=\"\" width=\"168\" height=\"264\" srcset=\"https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Fields.png 442w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Fields-240x376.png 240w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Fields-400x627.png 400w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Fields-160x251.png 160w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Fields-360x564.png 360w\" sizes=\"(max-width: 168px) 100vw, 168px\" \/><\/h3>\n<ol>\n<li>You will need to build your form by adding and editing fields. Start by choosing a field from the menus on the right side. There are many different types of fields you can insert. This <a href=\"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-4-forms\/creating-and-editing-forms\/sample-form\/\">sample form<\/a> demonstrates some of the most common types of fields.<\/li>\n<li>Add a field by clicking on it. Your field will appear in the main form editing section.<\/li>\n<li>Customize your field by clicking on it.\n<ol style=\"list-style-type: lower-alpha;\">\n<li>You can change the field title under\u00a0<strong>Field Label<\/strong><\/li>\n<li>You can add or edit the\u00a0<strong>Description<\/strong><\/li>\n<li>Under <strong>Rules<\/strong>, you can toggle on that a field is <strong>Required<\/strong> or disallow duplicates by toggling\u00a0<strong>No Duplicates<\/strong><\/li>\n<li>There are also many other ways you can customize specific types of fields. Next to each, there should be a question mark icon that will give you more information on the setting if clicked.<img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-1563 \" src=\"https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Field-options.png\" alt=\"\" width=\"377\" height=\"466\" srcset=\"https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Field-options.png 625w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Field-options-240x296.png 240w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Field-options-400x494.png 400w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Field-options-160x198.png 160w, https:\/\/carleton.ca\/cms-help\/wp-content\/uploads\/Field-options-360x445.png 360w\" sizes=\"(max-width: 377px) 100vw, 377px\" \/><\/li>\n<\/ol>\n<\/li>\n<li>Add and customize more fields using the same method as above.<\/li>\n<li>You can rearrange your fields by dragging the top of the field up or down.<\/li>\n<li>Make sure to update your form using the\u00a0<strong>Update<\/strong> button under the fields menus.<\/li>\n<\/ol>\n<h2>Video Tutorial<\/h2>\n<div class=\"content__video\"><iframe loading=\"lazy\" title=\"Module Four: Creating and Editing Forms\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/OX7FuAj7ny8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<h3>Transcript<\/h3>\n<div class=\"slideme\"><dl class=\"slideme__list\"><dt class=\"slideme__term\"><a href=\"#slideme-module-four-creating-and-editing-forms\" aria-expanded=\"false\" aria-controls=\"slideme-module-four-creating-and-editing-forms\" class=\"slideme__heading slideme__trigger\">Module Four: Creating and Editing Forms<\/a><\/dt><dd class=\"slideme__description\" id=\"slideme-module-four-creating-and-editing-forms\" aria-hidden=\"true\"><p><\/p>\n<p>Hello and welcome to Module 4 of our Advanced CMS Training. This video is part of our series on forms, and will cover creating and editing forms.<\/p>\n<p>First, add a new Form using the top menu or the side menu. Add a form title and a description. Then click <strong>Create Form<\/strong>.<\/p>\n<p>Build your form by adding fields from these menus. To add a field, just click on it.<\/p>\n<p>Once a field is added, you can customize it by clicking it. You can change the <strong>Field Label<\/strong>, <strong>Description<\/strong>, and whether the field is <strong>Required<\/strong> or not.<\/p>\n<p>There are many other ways to customize specific types of fields, and though this video will not cover them, you can hover on the question mark icon next to any feature to get more information about that option.<\/p>\n<p>Next add more fields, and you can rearrange your fields by dragging them.<\/p>\n<p>Once you\u2019ve finished your form, click the <strong>Update<\/strong> button.<\/p>\n<p><\/p><\/dd><dl><\/div>\n<h2><a id=\"try\"><\/a>Try It Out!<\/h2>\n<p>This series of trainings will follow a single form from creation to downloading responses. Let&#8217;s start out with creating your form!<\/p>\n<ol>\n<li>Create a new form.<\/li>\n<li>Add and customize at least three different types of fields. Try to imagine what sort of fields you would need to include on forms for your website and test out the options available for those.<\/li>\n<li>Rearrange your field into an order that makes sense to you.<\/li>\n<li>Update your form.<\/li>\n<\/ol>\n\n<div class=\"u-center-text\">\n\t<p>\n\t\t<a class=\"button__red button__red--solid\" href=\"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-4-forms\/form-confirmations\/\"  rel=\"noopener noreferrer\">Next: Form Confirmations<\/a>\n\t<\/p>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Forms are a useful way to collect data from visitors to your website. For an example, see this sample form. Step-by-Step Creating a form Add a new Form using the side or top menu. Enter a form title and description. You will have the option to show or hide the title and description when displaying [&hellip;]<\/p>\n","protected":false},"author":19,"featured_media":0,"parent":866,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"","_mi_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Creating and Editing Forms - 杏吧原创 CMS Help Centre<\/title>\n<meta name=\"description\" content=\"Forms are a useful way to collect data from visitors to your website. For an example, see this sample form. Step-by-Step Creating a form Add a new Form\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-4-forms\/creating-and-editing-forms\/\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-4-forms\/creating-and-editing-forms\/\",\"url\":\"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-4-forms\/creating-and-editing-forms\/\",\"name\":\"Creating and Editing Forms - 杏吧原创 CMS Help Centre\",\"isPartOf\":{\"@id\":\"https:\/\/carleton.ca\/cms-help\/#website\"},\"datePublished\":\"2022-02-15T15:28:45+00:00\",\"dateModified\":\"2022-03-03T14:17:47+00:00\",\"description\":\"Forms are a useful way to collect data from visitors to your website. For an example, see this sample form. Step-by-Step Creating a form Add a new Form\",\"breadcrumb\":{\"@id\":\"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-4-forms\/creating-and-editing-forms\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-4-forms\/creating-and-editing-forms\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-4-forms\/creating-and-editing-forms\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/carleton.ca\/cms-help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Advanced Training\",\"item\":\"https:\/\/carleton.ca\/cms-help\/advanced-training\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Module 4: Forms\",\"item\":\"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-4-forms\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Creating and Editing Forms\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/carleton.ca\/cms-help\/#website\",\"url\":\"https:\/\/carleton.ca\/cms-help\/\",\"name\":\"杏吧原创 CMS Help Centre\",\"description\":\"Web Services - 杏吧原创 university\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/carleton.ca\/cms-help\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Creating and Editing Forms - 杏吧原创 CMS Help Centre","description":"Forms are a useful way to collect data from visitors to your website. For an example, see this sample form. Step-by-Step Creating a form Add a new Form","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-4-forms\/creating-and-editing-forms\/","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-4-forms\/creating-and-editing-forms\/","url":"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-4-forms\/creating-and-editing-forms\/","name":"Creating and Editing Forms - 杏吧原创 CMS Help Centre","isPartOf":{"@id":"https:\/\/carleton.ca\/cms-help\/#website"},"datePublished":"2022-02-15T15:28:45+00:00","dateModified":"2022-03-03T14:17:47+00:00","description":"Forms are a useful way to collect data from visitors to your website. For an example, see this sample form. Step-by-Step Creating a form Add a new Form","breadcrumb":{"@id":"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-4-forms\/creating-and-editing-forms\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carleton.ca\/cms-help\/advanced-training\/module-4-forms\/creating-and-editing-forms\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-4-forms\/creating-and-editing-forms\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/carleton.ca\/cms-help\/"},{"@type":"ListItem","position":2,"name":"Advanced Training","item":"https:\/\/carleton.ca\/cms-help\/advanced-training\/"},{"@type":"ListItem","position":3,"name":"Module 4: Forms","item":"https:\/\/carleton.ca\/cms-help\/advanced-training\/module-4-forms\/"},{"@type":"ListItem","position":4,"name":"Creating and Editing Forms"}]},{"@type":"WebSite","@id":"https:\/\/carleton.ca\/cms-help\/#website","url":"https:\/\/carleton.ca\/cms-help\/","name":"杏吧原创 CMS Help Centre","description":"Web Services - 杏吧原创 university","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/carleton.ca\/cms-help\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"acf":{"banner_image_type":null,"banner_uploaded_image":null,"banner_hosted_image":null,"banner_opacity":null,"banner_button":null,"banner_buttons":null},"_links":{"self":[{"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/pages\/1537"}],"collection":[{"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/comments?post=1537"}],"version-history":[{"count":3,"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/pages\/1537\/revisions"}],"predecessor-version":[{"id":1701,"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/pages\/1537\/revisions\/1701"}],"up":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/pages\/866"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cms-help\/wp-json\/wp\/v2\/media?parent=1537"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}