Add Logo As PDF Header And Footer

This guide explains how to add a logo as a PDF header and footer.

1. Convert The Logo To A Base64 Image:

• Click this helper form link to convert a Logo/Image to a Base64 image - https://survey.formyoula.com/online_v5/655736e39d9fc80014fea990

• Click “Choose File” and upload the logo from your device. It will convert it into a Base64 image.

• Copy the Base64 image string. We will use this with the footer HTML.

• Note: You can manage the image size using the “Select Size” drop-down.

2. Configuring The “PDF Editor”:

• Access the “PDF Editor” of your form by clicking the ”PDF Editor” under “Actions” on the dashboard.

• Click on "PDF Settings".

• Paste the HTML code into the “Footer Template HTML”.

• Use the provided code for "Footer Template HTML".

• Note: Here, we are using the Base64 image string we copied from the helper form. You can replace the string to display your logo.

• Set the Top and Bottom margins for the page.

3. Test The Form:

• You will get the Logo as a PDF footer.

Note: Similarly, we can add the Header to the “Header Template HTML”.

For any questions, please contact us - [email protected] or the Formyoula in-app chat. 🙂