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.

Similar Posts