> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://invoice-falcon.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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.

![](https://storage.crisp.chat/users/helpdesk/website/-/c/4/f/4/c4f40695834d1000/1_1jz0lyj.png)

| **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**.

![](https://storage.crisp.chat/users/helpdesk/website/-/c/4/f/4/c4f40695834d1000/1_1g5anna.png)

### Hide or show the logo

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.

### Remove 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.