Invoice Iconic is a vibrant invoice template that can be purchased from our PDF Template Shop. This guide will walk you through installing and configuring Invoice Iconic to its full potential.
Please follow our installation guide, which provides instructions for setting up and configuring your premium template.
As an Invoice PDF template, Invoice Iconic can be used with any Gravity Forms that include Product fields. You have access to your form data through Gravity Forms Merge Tags. For more information, see the Gravity Forms Merge Tags documentation.
All PDF templates have common settings that can be configured, such as font, security and PDF attachments. We recommend reviewing the PDF setup guide to get a better understanding on all the available settings. All template-specific configuration is done from the Template tab, and below you'll find detailed information about each option available in Invoice Iconic, what it does and how it alters the generated PDF.
The invoice PDF configuration is split up into six sections:
- This image is included at the top of the generated PDF invoice. It can be positioned left or right using the Logo Position option.
* The logo is displayed on a coloured background. It's recommended you use an image with a transparent background.
- An image 500px wide will be a suitable resolution in most cases. To ensure your PDF generates quickly and the PDF file size stays small, we recommend using an image under 1MB.
- Change the logo positioning in the PDF. Supported positions are Top Left and Top Right of the document.
- By default, logos are positioned on the left-hand side of the invoice.
Business Name (2)
- Enter your business or trading name that should get displayed in the invoice
Business Address (3)
- The business address is split into three separate fields for each line it takes up in the invoice.
- There's no need to enter your company name in the address. The Business Name field is automatically included just above it.
Registration Number (4)
- Include your business registration number here (if any). In the US this is your EIN, in Australia, your ABN and the UK your CRN.
Contact Information (5)
- There are two contact fields where you can include your phone number, email address, fax or website.
Additional Information (6)
- There are two fields where you can include additional information about your company.
Invoice Number Prefix (1)
- This is an optional field that is included before the Invoice Number on the PDF.
Invoice Number (2)
- By default, the invoice number uses the Gravity Forms entry ID. Be aware, this number is NOT sequential.
- If you need a sequential invoice number, we recommend the Gravity Perks Unique ID add-on.
Invoice Number Suffix (3)
- This is an optional field that is included after the Invoice Number on the PDF.
Date Format (4)
- Select the date format that is shown on the invoice. The date shown on the PDF is taken from the entry submission date.
- We support four date formats out of the box:
- 29/11/2019 (dd/mm/yyyy)
- 11/29/2019 (mm/dd/yyyy)
- 2016-11-29 (yyyy-mm-dd)
- November 29, 2016 (Month Day, Year)
Invoice Due Date (5)
- You can set the due date in the PDF a specific number of days from the entry submission date.
- Set the due date to "0" to remove from invoice.
Show Currency Code (6)
- Select this to display currency code with Summary Total (eg. USD, AUD, GBP, EUR).
The buyer information will usually be included using Merge Tags.
Buyer Name (1)
- Enter the name of the individual or the company making the purchase.
Buyer Address (2)
- The buyer address is split into three separate fields for each line it takes up in the invoice.
Buyer Registration Number (3)
- Include the buyer's registration number (if any). In the US this is an EIN, in Australia an ABN and the UK a CRN.
Contact Information (4)
- There are two contact fields where you can include the buyer's phone number, email address, fax or website.
Because Gravity Forms has no product fields specifically for tax, we've implemented basic tax support in the invoice. There are restrictions, and these include:
- All products are classified as taxable
- All products use the same tax rate
- All prices in Gravity Forms are to be tax inclusive
With that said, you can take advantage of Gravity PDF's Conditional Logic to set different tax rates based on a buyer's address.
Enable Basic Tax Calculations
- By default, basic tax is disabled in the invoices. Tick this checkbox to enable tax.
Tax Name (1)
- Enter the name of the tax being applied. For example, Sales Tax in the US, VAT in Europe and GST in Australia.
- This label is included next to the calculated tax in the invoice.
Tax Rate (2)
- The percentage of tax that should be applied to the invoice. For example, in Australia, it's 10%.
Tax Rate Label (3)
- This is the label that will be shown next to the Tax Rate.
Enable Tax on Shipping
- By default, tax on shipping is disabled in the invoices. Tick this checkbox to enable shipping tax.
Hide Tax in Summary (4)
- By default, the total tax is shown in the invoice summary section. Tick this box to remove the tax amount from the summary.
Hide Tax Column in Table (5)
- By default, a new column is added to the invoice table, which shows the calculated tax for each line item. Tick this box to remove the column.
Tax Number (6)
- Enter your company's tax number (if applicable). For example, VAT-registered companies have a Tax Identification number, which should be included.
Tax Number Label (7)
- The label to be shown next to the Tax Number. This won't be shown if the Tax Number is left blank.
- Optionally include a text watermark diagonally across the PDF.
Highlight Colour (2)
- The background colour used for the Invoice Summary section.
Additional Information (3)
- This content is displayed to the left of the product table totals. This is the perfect place to include payment terms, thank you note, or delivery instructions.
All text in the PDF can easily be changed below. By default, the labels are displayed in English, but you can easily translate them. Many elements in the PDF can be disabled by saving a blank label.
- The invoice title that is displayed in the top right of the invoice.
- Australian businesses registered for GST should change this to "Tax Invoice"
Business Details Label (2)
- This label is displayed in the top-right corner of the invoice.
Business Address Details Label (3)
- This label is displayed in the top-right corner of the invoice, to the right of the Business Details.
- The label displayed next to the Invoice Date. Leave blank to disable.
Due Date (5)
- The payment should be made by this date.
Invoice Number (6)
- The label displayed in the Invoice Number column of the Invoice Summary. Leave blank to disable.
Total Cost Summary (7)
- The label displayed in the Total column of the Invoice Summary. Leave blank to disable.
Buyer Details (8)
- The label displayed above the buyer name and contact details.
Product Table Quantity (9)
- The label shown in the Product table header for the Quantity column (i.e the number of products purchased for each line item).
Product Table Description (10)
- The label shown in the Product table header for the Description column (i.e the name of the product purchased for each line item).
Product Table Unit Price (11)
- The label shown in the Product table header for the Unit Price column (i.e the cost of a single product for each line item).
Product Table Total (12)
- The label shown in the Product table header for the Total column (i.e the total cost for each line item).
- The total cost for all products, excluding shipping. If tax is enabled, the subtotal will also exclude tax.
Overall Total (14)
- The overall invoice total including shipping and tax (if applicable).
The Shipping Label is taken from the Gravity Forms Shipping Field.
Invoice Iconic comes bundled with Roboto Condensed which is an open source licensed font (Apache License, Version 2). Roboto Condensed is a geometric typeface with condensed lettering. For the best results, we recommend using Roboto Condensed at 10pt. Set the PDF font in the Appearance tab.
Once you've saved your new PDF, you can view it from the Gravity Forms Entries List page. Just remember to fill out and submit your form if the entry list is empty.