{"id":13560,"date":"2022-07-25T16:54:05","date_gmt":"2014-11-24T10:31:16","guid":{"rendered":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/?p=13560"},"modified":"2023-11-21T13:27:55","modified_gmt":"2023-11-21T13:27:55","slug":"how-to-add-web-forms-to-your-canvas-course","status":"publish","type":"post","link":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-web-forms-to-your-canvas-course\/","title":{"rendered":"How to add online forms to your Canvas course with 123FormBuilder?"},"content":{"rendered":"\n<p>You can easily add <a href=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/web-forms\/\">online forms<\/a> to your Canvas course. From your <a href=\"\/\">form builder<\/a> account, create your desired form or select one of the existing forms in your account. Afterward, go to the <b>Publish<\/b> \u2192 <b>Embe<\/b><strong>d form<\/strong> section and copy the <b>IFrame<\/b> code. Now it&#8217;s time to log in to your Canvas Instructure teacher account.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-96.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"500\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-96-1024x500.png\" alt=\"IFrame 123FormBuilder\" class=\"wp-image-47480\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-96-1024x500.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-96-300x146.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-96-768x375.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-96-1536x749.png 1536w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-96.png 1906w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>After that, go to <b>Courses \u2192 Pages<\/b> and edit one of your pages or create a new one.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screenshot-2022-10-18-at-14.20.36.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"302\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screenshot-2022-10-18-at-14.20.36-1024x302.png\" alt=\"Canvas course\" class=\"wp-image-44450\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screenshot-2022-10-18-at-14.20.36-1024x302.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screenshot-2022-10-18-at-14.20.36-300x89.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screenshot-2022-10-18-at-14.20.36-768x227.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screenshot-2022-10-18-at-14.20.36-1536x453.png 1536w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screenshot-2022-10-18-at-14.20.36-2048x605.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Click on the <b>HTML Editor<\/b> icon from the bottom right side of the content area.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screenshot-2022-10-18-at-14.21.30.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"476\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screenshot-2022-10-18-at-14.21.30-1024x476.png\" alt=\"\" class=\"wp-image-44451\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screenshot-2022-10-18-at-14.21.30-1024x476.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screenshot-2022-10-18-at-14.21.30-300x139.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screenshot-2022-10-18-at-14.21.30-768x357.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screenshot-2022-10-18-at-14.21.30-1536x714.png 1536w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screenshot-2022-10-18-at-14.21.30-2048x952.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Paste the IFrame code where you want your form to be displayed. To preview the changes, click again on the <b>HTML Editor<\/b> icon. Then, select <b>Save<\/b> and you&#8217;re all set! You can now start collecting data through your Canvas course.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay controls loop muted src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screen-Recording-2022-10-18-at-14.23.23.mp4\"><\/video><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>It&#8217;s worth mentioning that the IFrame embed method has a default height of 300px, allowing users to navigate through the form by scrolling it. You can remove the scrollbar specific to this publishing method by increasing the <em>min-height <\/em>value from the IFrame code.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>You can easily add online forms to your Canvas course. From your form builder account, create your desired form or select one of the existing forms in your account. Afterward, go to the Publish \u2192 Embed form section and copy the IFrame code. Now it&#8217;s time to log in to your Canvas Instructure teacher account. [&hellip;]<\/p>\n","protected":false},"author":14,"featured_media":-1,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[37],"tags":[646,645,644],"class_list":["post-13560","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-publish","tag-add-online-form-to-canvas","tag-canvas","tag-canvas-course"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.2 (Yoast SEO v27.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Help: How to publish forms on Canvas | 123FormBuilder<\/title>\n<meta name=\"description\" content=\"Read more on how to add web forms to your Canvas course and collect form data from your online students or embed online quizzes.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-web-forms-to-your-canvas-course\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add online forms to your Canvas course with 123FormBuilder?\" \/>\n<meta property=\"og:description\" content=\"Read more on how to add web forms to your Canvas course and collect form data from your online students or embed online quizzes.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-web-forms-to-your-canvas-course\/\" \/>\n<meta property=\"og:site_name\" content=\"123FormBuilder Knowledge Base\" \/>\n<meta property=\"article:published_time\" content=\"2014-11-24T10:31:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-21T13:27:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-96-1024x500.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Help: How to publish forms on Canvas | 123FormBuilder","description":"Read more on how to add web forms to your Canvas course and collect form data from your online students or embed online quizzes.","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:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-web-forms-to-your-canvas-course\/","og_locale":"en_US","og_type":"article","og_title":"How to add online forms to your Canvas course with 123FormBuilder?","og_description":"Read more on how to add web forms to your Canvas course and collect form data from your online students or embed online quizzes.","og_url":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-web-forms-to-your-canvas-course\/","og_site_name":"123FormBuilder Knowledge Base","article_published_time":"2014-11-24T10:31:16+00:00","article_modified_time":"2023-11-21T13:27:55+00:00","og_image":[{"url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-96-1024x500.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-web-forms-to-your-canvas-course\/#article","isPartOf":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-web-forms-to-your-canvas-course\/"},"author":{"name":"","@id":""},"headline":"How to add online forms to your Canvas course with 123FormBuilder?","datePublished":"2014-11-24T10:31:16+00:00","dateModified":"2023-11-21T13:27:55+00:00","mainEntityOfPage":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-web-forms-to-your-canvas-course\/"},"wordCount":184,"commentCount":0,"image":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-web-forms-to-your-canvas-course\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-96-1024x500.png","keywords":["add online form to Canvas","Canvas","Canvas course"],"articleSection":["Publish"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-web-forms-to-your-canvas-course\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-web-forms-to-your-canvas-course\/","url":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-web-forms-to-your-canvas-course\/","name":"Help: How to publish forms on Canvas | 123FormBuilder","isPartOf":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-web-forms-to-your-canvas-course\/#primaryimage"},"image":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-web-forms-to-your-canvas-course\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-96-1024x500.png","datePublished":"2014-11-24T10:31:16+00:00","dateModified":"2023-11-21T13:27:55+00:00","author":{"@id":""},"description":"Read more on how to add web forms to your Canvas course and collect form data from your online students or embed online quizzes.","breadcrumb":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-web-forms-to-your-canvas-course\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-web-forms-to-your-canvas-course\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-web-forms-to-your-canvas-course\/#primaryimage","url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-96-1024x500.png","contentUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-96-1024x500.png"},{"@type":"BreadcrumbList","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-web-forms-to-your-canvas-course\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/"},{"@type":"ListItem","position":2,"name":"How to add online forms to your Canvas course with 123FormBuilder?"}]},{"@type":"WebSite","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/#website","url":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/","name":"123FormBuilder Knowledge Base","description":"Search our documentation platform for answers, service specifications and 3rd-party integrations.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"","url":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/author\/"}]}},"_links":{"self":[{"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/posts\/13560","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/comments?post=13560"}],"version-history":[{"count":46,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/posts\/13560\/revisions"}],"predecessor-version":[{"id":47481,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/posts\/13560\/revisions\/47481"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/media?parent=13560"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/categories?post=13560"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/tags?post=13560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}