---
title: How to Convert an Image template into HTML Code Using Gemini for Email Invitation Branding
description: How to convert an image into HTML code using Gemini
---

[Skip to content](https://support.customer-alliance.com/v2-knowledge-base/how-to-convert-an-image-into-html-code-using-gemini-for-email-branding#main-content)

English

Show submenu for translations

[Open a Ticket](https://support.customer-alliance.com/v2-knowledge-base/kb-tickets/new?hsLang=en) [Customer portal](https://support.customer-alliance.com/tickets-view?hsLang=en)

![Customer-Alliance-Stacked-logo-on-light](https://support.customer-alliance.com/hs-fs/hubfs/Customer-Alliance-Stacked-logo-on-light.png?width=280&height=280&name=Customer-Alliance-Stacked-logo-on-light.png)

Open main navigation

Close main navigation

- English
  
  Show submenu for translations
- [Open a Ticket](https://support.customer-alliance.com/v2-knowledge-base/kb-tickets/new)
- [Customer portal](https://support.customer-alliance.com/tickets-view)
- [Contact us](mailto:support@customer-alliance.com)

[Contact us](mailto:support@customer-alliance.com)

 How can we help you?

- There are no suggestions because the search field is empty.

1. [Customer Alliance Knowledge Base](https://support.customer-alliance.com/v2-knowledge-base?hsLang=en)
2. [Getting started](https://support.customer-alliance.com/v2-knowledge-base/getting-started?hsLang=en)

# How to Convert an Image template into HTML Code Using Gemini for Email Invitation Branding

## Customizing your Email Branding header or layout in Customer Alliance is a great way to maintain brand consistency. If you have a design mock-up (such as a JPEG or PNG file), you can use Google Gemini to convert that image into email-ready HTML code.

### Step 1: Upload Your Image Design to Gemini

1. Open **Google Gemini** (gemini.google.com) - free version
2. Click the **+ / Image Upload** icon in the prompt box.
3. Select and upload your design screenshot, logo layout, or email header mockup.

### Step 2: Use the Email-Specific Gemini Prompt

Email clients (like Outlook or Gmail) process HTML differently than modern websites. Copy and paste the prompt below into Gemini along with your image upload to get email-compatible code:

> **Copy & Paste Prompt:**
> 
> *"Act as an email template developer. Convert the attached image into clean, email-safe inline HTML and CSS. Use table-based layouts (`<table>`, `<tr>`, `<td>`), inline CSS styles, and ensure images use `<img>` tags with explicit `alt` text and inline dimensions. Do not use external CSS or JavaScript. Wrap everything in a standard block."*

### Step 3: Copy the Generated HTML Code

1. Once Gemini processes your image, locate the generated code block.
2. Click the **Copy Code** button at the top-right of the code snippet in Gemini.

### Step 4: Paste Code into Customer Alliance

1. Log in to your **Customer Alliance** dashboard.
2. Go to **Settings** \> **Invitation Emails** (or your designated template/signature editor).
3. Switch the editor from standard visual mode to **HTML / Source Code** view (usually indicated by a `<>` icon).
4. Paste your copied HTML code into the box.
5. Replace any placeholder image URLs (e.g., `src="your-image-url.jpg"`) with publicly hosted links to your actual brand assets.
6. Click **Save** and send a **Test Email** to ensure your design renders properly across devices.

- [Getting started](https://support.customer-alliance.com/v2-knowledge-base/getting-started?hsLang=en)
- [Settings](https://support.customer-alliance.com/v2-knowledge-base/settings?hsLang=en)
- [Integrations](https://support.customer-alliance.com/v2-knowledge-base/integrations?hsLang=en)
- [FAQs](https://support.customer-alliance.com/v2-knowledge-base/faqs?hsLang=en)

[![Customer-Alliance-Horizontal-logo-on-light (1)](https://support.customer-alliance.com/hubfs/Customer-Alliance-Horizontal-logo-on-light%20(1).svg "Customer-Alliance-Horizontal-logo-on-light (1)")](http://www.customer-alliance.com)

<https://www.facebook.com/> <https://www.twitter.com/> <https://www.instagram.com/> <https://podcasts.apple.com/> [mailto:email@email.com](mailto:email@email.com)

Copyright © 2026, CA Customer Alliance GmbH