Adding a footer with graphic elements

Created: 2021-10-15
Last updated: 2024-01-04

InvoiceOcean offers you the possibility of customising your own e-mail footer with graphical elements. You can write your own footer using HTML.

You can paste the ready HTML code into the footer by going to Settings> Account settings> Invoice sending> E-mail Footer or you can use a free signature generator. In case of the second option, you don’t need to know any HTML language and this article is devoted to this option.

If you are using your own email templates make sure to include the {{footer}} code that has been place at the end of the email template for Sending invoices by e-mail as shown below:


If you are using a custom email template for unpaid invoices, paste the {{{footer}}} code at the end of the message, similar to the previous example. If these codes are missing, the footer will not be loaded into the invoice.

Once the invoice templates are set up correctly, you can proceed to create your own graphical email footer.

To do so, visit the Free E-mail Signature Template Generator by HubSpot
After clicking the link, you will see the generator's menu as shown in the graphic below:

stopka footer strona menu

1. Uncheck Created with HubSpot. If you leave this box checked, the HubSpot generator's advertisement will appear in the footer.
2. Select a layout for the footer elements.
3. Enter data for the footer.
4. Choose frame and text colors.
5. Add your profile picture and company logo. The photo and logo should be previously uploaded to the cloud (e.g. to Google Drive, OneDrive - it can be any website where the photo is uploaded). Paste the image URL in the appropriate fields. The file size should not exceed 3 MB.

Once all the fields have been filled in, simply confirm the footer with the Create Signature button. You will be taken to a new page where you should copy the source code using the Copy Signature Source Code button.

Now all you have to do is to go to Settings > Account settings > Invoice sending > and paste the code into the E-mail Footer field. After saving the changes the new footer should be visible in the message you send.

Please test this function before sending emails to your clients.

NOTE: An invoice sent from a mobile phone using a dedicated InvoiceOcean application may not display the footer correctly. This issue will not occur if you log in on your phone through a regular browser and send the invoice from there.

Create unlimited invoices and more with InvoiceOcean. Start your 30-day free trial.

Sign up free


Add Comment