1"use strict";(self.webpackChunkform_notify_web=self.webpackChunkform_notify_web||[]).push([[4439],{2323:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>r,contentTitle:()=>s,default:()=>h,frontMatter:()=>a,metadata:()=>l,toc:()=>d});var n=o(4848),i=o(8453);const a={id:"attach-pdf",title:"How to generate PDF from Google form responses",sidebar_label:"Attach PDF to Email"},s="How to generate PDF files from Google form responses",l={id:"customize-email/attach-pdf",title:"How to generate PDF from Google form responses",description:"Google Forms Email Notification provides you with the ability to generate a PDF file containing all the answers of a Google Form submission response.",source:"@site/docs/customize-email/attach-pdf.mdx",sourceDirName:"customize-email",slug:"/customize-email/attach-pdf",permalink:"/docs/customize-email/attach-pdf",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{id:"attach-pdf",title:"How to generate PDF from Google form responses",sidebar_label:"Attach PDF to Email"},sidebar:"notifySidebar",previous:{title:"Send Respondent Email",permalink:"/docs/customize-email/send-email-to-submitter"},next:{title:"Attach Doc Template PDF to Email",permalink:"/docs/customize-email/attach-templated-pdf"}},r={},d=[{value:"How to Enable PDF Attachment",id:"how-to-enable-pdf-attachment",level:2},{value:"Select the Field:",id:"select-the-field",level:3},{value:"Choose a File Name:",id:"choose-a-file-name",level:3},{value:"Include Your Brand Logo",id:"include-your-brand-logo",level:2},{value:"Logo Placement:",id:"logo-placement",level:3},{value:"Select Logo from Google Drive:",id:"select-logo-from-google-drive",level:3},{value:"Enhance Communication and Presentation",id:"enhance-communication-and-presentation",level:3},{value:"Customize PDF Content",id:"customize-pdf-content",level:2},{value:"Generate PDF files in google drive from Google form responses",id:"generate-pdf-files-in-google-drive-from-google-form-responses",level:2}];function c(e){const t={a:"a",admonition:"admonition",code:"code",h1:"h1",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",pre:"pre",ul:"ul",...(0,i.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{id:"how-to-generate-pdf-files-from-google-form-responses",children:"How to generate PDF files from Google form responses"}),"\n",(0,n.jsxs)(t.p,{children:[(0,n.jsx)(t.a,{href:"/",children:"Google Forms Email Notification"})," provides you with the ability to generate a PDF file containing all the answers of a Google Form submission response.\nThe generated PDF is sent as file attachments along with the notification emails."]}),"\n",(0,n.jsx)(t.h2,{id:"how-to-enable-pdf-attachment",children:"How to Enable PDF Attachment"}),"\n",(0,n.jsx)(t.h3,{id:"select-the-field",children:"Select the Field:"}),"\n",(0,n.jsx)(t.p,{children:'If you desire a PDF attachment of all the form answers, simply select the "Attach PDF with Email" field while creating or editing a Processor in the add-on.'}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{alt:"Attach PDF",src:o(6298).A+"",width:"1280",height:"404"})}),"\n",(0,n.jsx)(t.h3,{id:"choose-a-file-name",children:"Choose a File Name:"}),"\n",(0,n.jsx)(t.p,{children:"You have the flexibility to choose a name for your PDF file. Use static and dynamic expressions to dynamically determine the file name. For instance, employing {{Form Name}} as the PDF file name will result in the attached PDF file using your form name."}),"\n",(0,n.jsx)(t.h2,{id:"include-your-brand-logo",children:"Include Your Brand Logo"}),"\n",(0,n.jsx)(t.h3,{id:"logo-placement",children:"Logo Placement:"}),"\n",(0,n.jsx)(t.p,{children:"Display your brand logo at the top of the attached PDF to add a professional touch. If you have a logo in your Google Drive, you can seamlessly integrate it into the generated PDF."}),"\n",(0,n.jsx)(t.h3,{id:"select-logo-from-google-drive",children:"Select Logo from Google Drive:"}),"\n",(0,n.jsx)(t.p,{children:"Once you opt for PDF attachment, you'll find an option to select a logo directly from your Google Drive. The chosen logo will be positioned at the top of the generated PDF, offering a branded and polished appearance."}),"\n",(0,n.jsx)(t.h3,{id:"enhance-communication-and-presentation",children:"Enhance Communication and Presentation"}),"\n",(0,n.jsx)(t.p,{children:"Attaching a PDF with all responses, complete with your brand logo, enhances the presentation and professionalism of your email notifications. It streamlines information sharing and provides a comprehensive overview of form submissions."}),"\n",(0,n.jsx)(t.h2,{id:"customize-pdf-content",children:"Customize PDF Content"}),"\n",(0,n.jsxs)(t.p,{children:["By default the PDF file contains the out put of the expression ",(0,n.jsx)(t.code,{children:"{{ Only Answers }}
1"}),' in a HTML format.If you want to customize this and have your own html ,you can provide the custom HTML inside the text area of "PDF Template Content".\nIf you are not comfortable with writing HTML you can leverage Chat GPT or Gemini AI to generate your HTML and test them using various online HTML editors.']}),"\n",(0,n.jsx)(t.p,{children:"Let's look at an example ."}),"\n",(0,n.jsx)(t.p,{children:'Assume you have a google form with three questions "Name" , "Age" , and "Address" . Rather than using predefined default table you want to have your own content .\nI used one of the AI tolls to generate the following HTML that Iused directly inside "PDF Template Content" area .'}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{children:'<div style="font-family: Arial, sans-serif; background-color: #f2f2f2; margin: 0; padding: 0;">\n <div style="max-width: 600px; margin: 0 auto; padding: 20px;">\n <div style="text-align: center;">\n \n <div style="margin-top: 20px;">\n <p style="text-align: center;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget justo vitae leo vehicula consequat.</p>\n </div>\n\n <div style="margin-top: 20px; background-color: #fff; border-radius: 5px; overflow: hidden;">\n <table style="width: 100%; border-collapse: collapse;">\n <caption style="padding: 10px; background-color: #f2f2f2; font-weight: bold; text-align: center;">Table Title</caption>\n <thead>\n <tr style="background-color: #f2f2f2;">\n <th style="padding: 10px; text-align: left;">Question</th>\n <th style="padding: 10px; text-align: left;">Answer</th>\n </tr>\n </thead>\n <tbody>\n <tr style="background-color: #f9f9f9;">\n <td style="padding: 10px;">Name</td>\n <td style="padding: 10px;">{{ Name }}</td>\n </tr>\n <tr>\n <td style="padding: 10px;">Age</td>\n <td style="padding: 10px;">{{ Age }}</td>\n </tr>\n <tr style="background-color: #f9f9f9;">\n <td style="padding: 10px;">Address</td>\n <td style="padding: 10px;">{{Address}}</td>\n </tr>\n </tbody>\n </table>\n </div>\n\n <div style="margin-top: 20px;">\n <p style="text-align: center;">Footer Content</p>\n </div>\n </div>\n</div>\n\n'})}),"\n",(0,n.jsx)(t.admonition,{type:"note",children:(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Be careful, all the HTML syntaxes may not work ."}),"\n",(0,n.jsx)(t.li,{children:"If you include a URL to embed an image it wont work."}),"\n",(0,n.jsx)(t.li,{children:"You may include an alternate DATA url format for image."}),"\n",(0,n.jsx)(t.li,{children:"Keep the Html content small otherwise your performance may be impacted."}),"\n",(0,n.jsx)(t.li,{children:"Test the final HTML content before sending it to users."}),"\n"]})}),"\n",(0,n.jsx)(t.h2,{id:"generate-pdf-files-in-google-drive-from-google-form-responses",children:"Generate PDF files in google drive from Google form responses"}),"\n",(0,n.jsx)(t.p,{children:"You may have a need to create pixel perfect PDF file to be used for various purposes.These documents can be used as invoices , news letters,\nbusiness documents , certificates or any other professional documents.Most of the time you create these files in Google Document.\nYou can use the same as a Template and generate highly customized professional looking pixel perfect business documents that can include answers to google form submits.\nThe variable parts of the document can be personalized using expressions.\nThese documents can be shared with specific users or form respondents based on the use case."}),"\n",(0,n.jsxs)(t.p,{children:["This can be achieved using ",(0,n.jsx)(t.a,{href:"/docs/workflows/",children:"Google Form to Document generation"})," feature of the add on."]})]})}function h(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},6298:(e,t,o)=>{o.d(t,{A:()=>n});const n=o.p+"assets/images/customize-attach-pdf-e25e05aef6cb53efebe38bb821bae5aa.png"},8453:(e,t,o)=>{o.d(t,{R:()=>s,x:()=>l});var n=o(6540);const i={},a=n.createContext(i);function s(e){const t=n.useContext(a);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function l(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:s(e.components),n.createElement(a.Provider,{value:t},e.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.