https://formapprovals.com/assets/GettingStarted-CZKjMfse.js

1import{c as d,j as e,S as i,g as s,T as r,P as c,G as h,s as o,L as n,f as p,a5 as m}from"./index-B1JCX_-d.js";import{u}from"./usePlaceholderDomain-iR_DjYRJ.js";import{I as g}from"./IconChecklist-pWDaBfhf.js";import{L as t}from"./List-Bq6CPE7n.js";import{I as f}from"./IconSparkles-C81NusBo.js";import{D as a}from"./Divider-TnKyqnC7.js";import{I as x}from"./IconPuzzle-D23OF60d.js";import{A as w}from"./Alert-rB0v6-kr.js";const j=[["path",{d:"M9 12l2 2l4 -4",key:"svg-0"}],["path",{d:"M12 3c7.2 0 9 1.8 9 9c0 7.2 -1.8 9 -9 9c-7.2 0 -9 -1.8 -9 -9c0 -7.2 1.8 -9 9 -9",key:"svg-1"}]],y=d("outline","square-rounded-check","SquareRoundedCheck",j);function A(){const l=u();return e.jsxs(i,{gap:"xl",fz:15,children:[e.jsx(s,{order:1,size:"h2",children:"Getting Started"}),e.jsxs(i,{gap:"sm",children:[e.jsx(r,{children:"If you are a new user of the add-on or are simply looking for help, you've come to the right place."}),e.jsx(r,{children:"Form Approvals is designed to turn Google Form™ responses into approval workflows. Use your Google Form to capture information needing approval (e.g., time off requests), then set up the add-on to route form submissions to your approvers."}),e.jsx(r,{children:"Here, you will find instructions on installing the add-on, adding recipients (e.g., approvers), creating a multi-level workflow, adding logic to your workflow, and much more. Use the left-hand menu to navigate between articles."})]}),e.jsxs(c,{bg:"var(--mantine-color-brand-light)",radius:"md",px:{base:"sm",sm:"md"},py:"md",children:[e.jsxs(h,{gap:"xs",mb:"sm",children:[e.jsx(g,{size:30,color:"var(--mantine-color-brand-6)"}),e.jsx(r,{fw:700,size:"lg",children:"Quick-start checklist"})]}),e.jsxs(t,{spacing:"sm",size:"sm",pl:{base:0,sm:"md"},icon:e.jsx(y,{size:22,color:"var(--mantine-color-brand-6)"}),children:[e.jsxs(t.Item,{children:["Choose which Google account you want the add-on to run from (it can be a personal account or a generic account, e.g., formapprovals@",l,"). We recommend using a generic account."]}),e.jsxs(t.Item,{children:[e.jsx(o,{component:n,to:"/support/#installing-the-addon",fz:"inherit",children:"Install and open the add-on"})," on the account you want it to run from."]}),e.jsxs(t.Item,{children:[e.jsx(o,{component:n,to:"/support/adding-recipients/",fz:"inherit",children:"Add recipients"})," to your workflow. You will notice we refer to approvers as 'recipients' since you can"," ",e.jsx(o,{component:n,to:"/support/other-recipient-settings/#role-types",fz:"inherit",children:"change the role type"})," ","of a recipient."]}),e.jsxs(t.Item,{children:[e.jsx(o,{component:n,to:"/support/setting-receiving-order/",fz:"inherit",children:"Set the receiving order"})," ","of your workflow. This allows you to create multi-level workflows, so recipients are notified in the sequence you specify."]})]})]}),e.jsxs(r,{children:[e.jsx(f,{size:16,style:{verticalAlign:"middle"}})," ","Want to skip the manual setup?"," ",e.jsx(o,{component:n,to:"/support/#installing-the-addon",fz:"inherit",children:"Install the add-on"}),", then"," ",e.jsx(o,{component:n,to:"/support/using-ai/",children:"use AI"})," to create your form and approval workflow from a description."]}),e.jsxs(r,{children:["There are some other features to know, like"," ",e.jsx(o,{component:n,to:"/support/adding-recipient-logic/",children:"how to add logic to your workflow"}),", or"," ",e.jsx(o,{component:n,to:"/support/tracking-requests/",children:"how to track requests (as an admin, requestor or recipient)"})," ","or"," ",e.jsx(o,{component:n,to:"/support/personalizing-notifications/",children:"how to personalize notifications"}),". If you get stuck with anything, review our"," ",e.jsx(o,{component:n,to:"/support/troubleshooting/",children:"troubleshooting guide"})," and"," ",e.jsx(o,{component:n,to:"/support/faq/",children:"frequently asked questions"}),"."]}),e.jsxs(i,{gap:"sm",children:[e.jsx(r,{children:"The below video tutorial provides an example of how to set up a typical workflow process:"}),e.jsx("div",{style:{position:"relative",paddingBottom:"56.25%",height:0,maxWidth:"100%"},children:e.jsx("iframe",{width:"560",height:"349",src:"https://www.youtube-nocookie.com/embed/eXdbUwzqI6s?rel=0&loop=1",allowFullScreen:!0,loading:"lazy",title:"Getting started video tutorial",style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",border:0,borderRadius:8}})})]}),e.jsx(a,{}),e.jsxs(i,{gap:"md",children:[e.jsx(s,{order:3,id:"installing-the-addon",children:"How to install and open the add-on"}),e.jsxs(p,{bg:"var(--mantine-color-gray-0)",p:"md",style:{borderRadius:"var(--mantine-radius-md)"},children:[e.jsx(r,{fw:700,mb:"xs",children:"Steps to install and open the add-on:"}),e.jsxs(t,{type:"ordered",spacing:4,fz:15,children:[e.jsxs(t.Item,{children:["Make sure you are only signed in with ",e.jsx("u",{children:"one"})," Google account. There is"," ",e.jsx(o,{href:"https://developers.google.com/apps-script/guides/projects#fix-issues",target:"_blank",rel:"noopener noreferrer",fz:"inherit",children:"a known issue"})," ","affecting all add-ons that can cause authorization issues when signed in with multiple accounts."]}),e.jsxs(t.Item,{children:["Open an"," ",e.jsx(o,{href:"https://drive.google.com",target:"_blank",rel:"noopener noreferrer",fz:"inherit",children:"existing Google Form"})," ","or"," ",e.jsx(o,{href:"https://form.new",target:"_blank",rel:"noopener noreferrer",fz:"inherit",children:"create a new one"})]}),e.jsx(t.Item,{children:"From within your Google Form, click 'More' (three vertical dots located in the top right corner) then click 'Get add-ons'"}),e.jsx(t.Item,{children:"Search for “formapprovals.com”, then follow the remaining prompts to install."}),e.jsxs(t.Item,{children:["Once installed, open the add-on by selecting the puzzle piece"," ",e.jsx(x,{size:16,style:{verticalAlign:"middle"}})," icon at the top of your form."]})]})]}),e.jsx("div",{style:{position:"relative",paddingBottom:"56.25%",height:0,maxWidth:"100%"},children:e.jsx("iframe",{width:"560",height:"349",src:"https://www.youtube-nocookie.com/embed/qXwGX7lYn8M?rel=0&loop=1",allowFullScreen:!0,loading:"lazy",title:"How to install and open the add-on",style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",border:0,borderRadius:8}})}),e.jsx(w,{variant:"light",color:"yellow",title:"Troubleshooting",icon:e.jsx(m,{size:28}),styles:{title:{fontSize:"var(--mantine-font-size-lg)"},icon:{width:28,height:28}},children:e.jsxs(i,{gap:"xs",children:[e.jsx(r,{size:"sm",children:'If the add-on shows "App is not allowed for install by admin" or "Blocked", it means a policy in your Google Worksp

1ace™ domain is preventing you from using add-ons. In this case, please contact your Google Workspace administrator to have the add-on whitelisted for use in your domain.'}),e.jsx(r,{size:"sm",children:"If you only see the 'Help' menu item when opening the add-on, make sure you are only signed in with one Google account. Also, wait 10–15 seconds before trying to open the add-on, as the menu can take some time to load."})]})})]}),e.jsx(a,{}),e.jsxs(i,{gap:"sm",children:[e.jsx(s,{order:3,children:"What's next:"}),e.jsxs(t,{spacing:"xs",children:[e.jsxs(t.Item,{children:["Set up your workflow by"," ",e.jsx(o,{component:n,to:"/support/adding-recipients/",children:"adding recipients"})]}),e.jsxs(t.Item,{children:["Learn how to"," ",e.jsx(o,{component:n,to:"/support/setting-receiving-order/",children:"set the recipient receiving order"})]})]})]})]})}export{A as default};