Articles on: Invoice Content

How to Add Your Logo to Invoice Templates

Invoice Falcon lets you add your business logo to any invoice template. The logo appears in the invoice header and helps your documents look professional and on-brand. You can upload an image file directly or paste an external image URL. Each template has its own logo, so you can use different logos for different document types.


Add a logo by uploading an image


  1. Open the Invoice Falcon app from your Shopify Admin.
  2. Click Templates in the left navigation menu.
  3. Click on the template you want to edit.
  4. In the Visual Editor on the left, expand the Logo section.
  5. Drag and drop your logo image into the upload area, or click the upload area to browse your computer and select a file. The upload area shows "Accepts .jpg and .png" as a hint.
  6. Wait for the upload to complete. Once uploaded, a thumbnail preview of your logo will appear.
  7. Click Save to apply the change.



Tip: For best results, use a PNG image with a transparent background. This lets your logo blend cleanly into the invoice without a white box around it.


Add a logo using an image URL


If your logo is already hosted online, you can paste the URL instead of uploading a file.


  1. Open the Invoice Falcon app and go to Templates.
  2. Click on the template you want to edit.
  3. In the Visual Editor, expand the Logo section.
  4. In the Or enter image URL text field below the upload area, paste the full URL of your logo image (e.g., https://example.com/logo.png).
  5. Click Save.


The logo preview will update to show the image from the URL you entered.


Adjust the logo size


You can control how large the logo appears on the invoice using the width slider in the Logo section.


  1. In the Visual Editor, expand the Logo section.
  2. Use the Width slider to set the logo width. The slider ranges from 20px to 200px, with a default of 60px.
  3. Check or uncheck the Lock/Unlock aspect ratio checkbox to control whether the height scales proportionally with the width. This is enabled by default.
  4. Click Save.




You can temporarily hide the logo without removing it. This is useful if you want to disable the logo for certain templates.


  1. In the Visual Editor, expand the Logo section.
  2. Uncheck the Enable checkbox to hide the logo. Check it again to show the logo.
  3. Click Save.


When the logo is disabled, the logo area on the invoice will be empty. Your uploaded image or URL is preserved — you do not need to re-upload it when you re-enable the logo.



  1. In the Visual Editor, expand the Logo section.
  2. Click the Remove link below the logo thumbnail.
  3. Click Save.


The logo will be deleted from this template. This does not affect other templates.


Known limitations


  • File size limit — uploaded logo images must be under 500 KB. Larger files will be rejected with an error message.
  • Image formats only — the upload accepts image files only (.jpg, .png, etc.). SVG and PDF files are not supported.
  • Per-template logos — each template has its own logo setting. Changing the logo on one template does not affect other templates.
  • Interlaced PNGs — interlaced PNG files are automatically converted to non-interlaced format during upload. This may slightly change the file but should not affect visual quality.


Troubleshooting


Symptom

Likely Cause

Fix

"Image exceeds file size limit" error

Logo file is larger than 500 KB

Compress or resize the image before uploading

"File must be an image" error

Uploaded file is not an image format

Use a .jpg or .png file

Logo does not appear on the invoice

The Enable checkbox is unchecked

Expand the Logo section and check Enable

Logo appears too small or too large

Width slider is set too low or too high

Adjust the Width slider (20–200px) and save

Logo from URL not displaying

The URL is incorrect or the image is not publicly accessible

Verify the URL loads in a browser tab, then paste it again


FAQs


Q: Can I use different logos on different templates?
A: Yes. Each template has its own logo setting, so you can upload a different logo for invoices, quotes, packing slips, etc.


Q: What is the recommended logo size?
A: Use an image that is at least 200px wide for sharpness. The default display width is 60px, but you can increase it up to 200px with the slider.


Q: Does the logo appear on emailed and printed invoices?
A: Yes. The logo is embedded in the PDF, so it appears in all formats — email, download, and print.


Q: Can I center the logo instead of left-aligning it?
A: The default template places the logo in the top-left header. To change its position, edit the template code in the Code Editor and modify the CSS for the .logo-section class.


Q: Will removing the logo from one template remove it from all templates?
A: No. Logos are per-template. Removing it from one template does not affect others.

Updated on: 21/05/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!