Add Customer Signature Through External URL in Invoice Ninja
If you want to add customer signature to emailed invoices, refer to the article here. To add a signature from an external URL to your invoices in Invoice Ninja, follow these steps:
- Step 1: Prepare the Signature Image
- A Ensure you have the signature image hosted at an accessible external URL (for example:
- https://yourdomain.com/signature.jpg). The image should be in a standard format such
- as PNG, JPEG, or GIF, and it should be publicly accessible (i.e., the link can be accessed
- without restrictions).
- Step 2: Log In to Your Invoice Ninja Account
- A Log in to your Invoice Ninja account by going to Invoice Ninja. If you don’t have an
- account, create one and log in.
- Step 3: Go to Invoice Settings
- A From the dashboard, click on the Settings icon (the gear icon) located at the bottom left of
- the sidebar.
- B From the Settings menu, click on Invoice Design or Templates (depending on your version
- of Invoice Ninja).
- Step 4: Edit the Invoice Template
- A In the Invoice Design or Templates section, you will see a list of available templates.
- B Choose the template you want to edit or customize.
- C Click on the template to edit it.
- Step 5: Add the External Signature Image URL. In the template settings, look for a section
- called Custom Footer or Advanced Settings.
- A In the footer section, you can enter HTML code. You will need to use HTML to display the
- signature from the external URL.
- Example HTML code for the signature:
<img src="https://yourdomain.com/signature.jpg" alt="Client Signature" style="width:200px; height:auto;">
- B Replace https://yourdomain.com/signature.jpg with the actual URL of the signature image.
- C You can adjust the width and height as needed to fit the signature appropriately on the
- invoice.
- Step 6: Save the Changes
- A Once you have entered the HTML code with the external signature URL, click Save or
- B Update to save the template.
- Step 7: Preview the Invoice
- A To ensure the signature appears correctly, go to Invoices and create a new invoice or
- preview an existing one.
- B You should see the signature from the external URL displayed in the footer or wherever
- you positioned it in the template.
- Notes:
- 1 Make sure the signature image is hosted on a reliable server to ensure it loads correctly
- on the invoice.
- 2 If the signature image is too large or too small, adjust the size in the style attribute (like
- width:200px or height:auto) to fit it properly.
- 3 The Custom Footer section is where you can place the HTML code. If your version of
- Invoice Ninja doesn’t have this option, you may need to upgrade to a plan that supports
- custom HTML or use the self-hosted version for full customization.
- Troubleshooting:
- 1 If the signature doesn’t show up, double-check the image URL to ensure it is correct and
- publicly accessible.