{"id":7069,"date":"2024-01-08T17:49:33","date_gmt":"2024-01-08T17:49:33","guid":{"rendered":"https:\/\/www.process.st\/help\/docs\/embedding-your-forms\/"},"modified":"2025-07-28T13:53:15","modified_gmt":"2025-07-28T13:53:15","slug":"embedding-your-forms","status":"publish","type":"ht_kb","link":"https:\/\/www.process.st\/help\/docs\/embedding-your-forms\/","title":{"rendered":"How to Embed your Forms"},"content":{"rendered":"<p>By embedding your forms in pages, workflows, or your websites, you can allow your team and your clients to respond to a form without navigating away from that page.<\/p>\n<p><em><strong><i>Users: To embed Forms, you must be an Administrator or a <a href=\"https:\/\/www.process.st\/help\/docs\/what-is-a-full-member\/\">Builder<\/a> with &#8220;edit&#8221; permissions.<\/i><\/strong><\/em><\/p>\n<h2>Embedding your form in a workflow<\/h2>\n<p>When you embed a form in a workflow, it can be filled out in an active workflow run.<\/p>\n<p>To do this, go to your form, click the <strong>Share<\/strong> icon in the top right corner, and copy the embed code.<\/p>\n<p>Navigate to your workflow and edit it. Go to the task where you want to embed your form. Place the <strong>embed widget<\/strong> in your task and paste the code you copied, then <a href=\"https:\/\/www.process.st\/help\/publish-and-run\/\"><strong>publish and run<\/strong><\/a> your workflow.<\/p>\n<p>Once you&#8217;ve embedded a form in a workflow, you can fill it out when you&#8217;re working on a task in an active workflow run. You can also click on the link at the bottom of the embedded form to open it in a new tab, as shown below.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-17229\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/forms-embed-in-wf2.gif\" alt=\"\" width=\"100%\" \/><\/p>\n<p><em><strong>Note:<\/strong> Filling out a form via a workflow run creates a new form response. However, if you navigate away from that task and come back to it, the form will restart.<\/em><\/p>\n<h2>Embedding your form on a page<\/h2>\n<p>You can embed forms in your internal knowledge base or your customer-facing pages.<\/p>\n<p>To do this, go to your form, click the <strong>Share<\/strong> icon in the top right corner, and copy the embed code.<\/p>\n<p>Navigate to your page and edit it. Scroll to where you want to embed your form. Add an <strong>embed widget<\/strong> to your page and paste the code you copied, then <strong>publish<\/strong> your page.<\/p>\n<p>Once you&#8217;ve embedded a form on a page, you can fill it out whenever you&#8217;re reading a page. You can also click on the link at the bottom of the embedded form to open it in a new tab, as shown below.<\/p>\n<h2><img decoding=\"async\" class=\"alignnone size-full wp-image-17220\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/forms-embed.gif\" alt=\"\" width=\"100%\" \/><\/h2>\n<p><em><strong>Note:<\/strong> Filling out a form via a page creates a new form response. However, if you navigate away from that page and come back to it, the form will restart.<\/em><\/p>\n<p>If you want to embed your form in a website, copy the embed code and use it as an HTML code.<\/p>\n<h2>Form Description<\/h2>\n<p>For more context, you can provide a brief description of your form that displays on the <strong>Start<\/strong> page of an embedded form.<\/p>\n<p>To do this, go to your form and click\u00a0the <strong>Settings Cog<\/strong> in the top right corner. Navigate to the <strong>Description field<\/strong>, type your text, and click outside the field to update it.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-17228\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/forms-embed-in-page.gif\" alt=\"\" width=\"100%\" \/><\/p>\n<p>The form description updates in real time as you edit it in the form.<\/p>\n<h2>Form Access<\/h2>\n<p>When you embed your forms,\u00a0you can choose if they can be filled out anonymously or require the user to log in to their Process Street account.<\/p>\n<p>To do this, go to your form, click the <strong>Settings Cog<\/strong> in the top right corner, and select who can access your form, as shown below.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-17199\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/forms-permission-settings.gif\" alt=\"\" width=\"100%\" \/><\/p>\n<p>Learn more about <a class=\"text-blue hover:text-darkblue\" href=\"https:\/\/www.process.st\/help\/kb\/forms\/\">Forms<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>By embedding your forms in pages, workflows, or your websites, you can allow your team and your clients to respond to a form without navigating away from that page. Users: To embed Forms, you must be an Administrator or a Builder with &#8220;edit&#8221; permissions. Embedding your form in a workflow When you embed a form [&hellip;]<\/p>\n","protected":false},"author":14,"template":"","meta":{"_acf_changed":false,"available_plan":"All plans","available_product":"Forms","footnotes":""},"ht_kb_category":[483],"ht_kb_tag":[514,477],"class_list":["post-7069","ht_kb","type-ht_kb","status-publish","hentry","ht_kb_category-forms","ht_kb_tag-embed-forms","ht_kb_tag-forms"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/ht_kb\/7069","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/ht_kb"}],"about":[{"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/users\/14"}],"version-history":[{"count":3,"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/ht_kb\/7069\/revisions"}],"predecessor-version":[{"id":9251,"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/ht_kb\/7069\/revisions\/9251"}],"wp:attachment":[{"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/media?parent=7069"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/ht_kb_category?post=7069"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/ht_kb_tag?post=7069"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}