For invoices, this space is especially useful for helping your customers quickly find payment information, so consider adding your VAT ID and bank account here. In case you didn’t add it to the header already, you can use this section to add information like the address, phone number, email, or website URL. Adding a Footer to Your Invoiceįooters are a useful way to add information about a company on every page without it being too emphasized. Now that the header is ready, you can switch your attention to the footer. If your company name is already included in your logo, you can delete line 267. To add the company information, go to line 271, and change to anything you’d like to add - your address, VAT ID, phone number, email, or website URL. Replace Company on line 267 of the HTML file with your company name. If you name your logo differently or use a different file type, make sure to change the file name on line 266 as well. Read more about the advantages and disadvantages of using SVG files to see what’s best for your use case. As a comparison, a PNG file can weigh as much as 50 times more. Unlike standard images, SVGs are vectors and don’t lose quality when resized or zoomed in or out in the browser.
We recommend exporting your logo as an SVG file. If you use an SVG file and name it logo.svg, you can drop it in the Invoice folder you downloaded before, and it’ll replace our placeholder logo. The company name is defined in text inside our template. The logo is the purplish-blue circle with an ampersand inside it. To insert a header into the file, you must assign the pspdfkit-header ID to the first child element inside the body - see line 263 of the index.html file. You can use this section to brand your document by adding your logotype and add important information such as your address, VAT ID, or website URL, to name a few.įirst, let’s take a look at how we added the header and how you can adjust it by adding your own company logo, name, and information. Headers are a useful way to add information about your brand and company on every page.
Open the index.html file in your preferred code editor to follow along. Your downloaded folder should contain the following files: We’ll be taking a closer look at the Invoice template to see how you can add and modify its header and footer.īefore we dig in, please download the free HTML invoice template. To help you get started with our PDF Generation SDK, we created a series of free HTML templates. You can use it to add a custom header and footer section to your HTML file that will repeat across all the pages in the resulting PDF. In this article, we’ll look at how we recently enhanced our PDF Generation SDK by adding the option of headers and footers.
0 kommentar(er)
