{"id":8223,"date":"2026-02-26T02:53:54","date_gmt":"2026-02-26T02:53:54","guid":{"rendered":"https:\/\/www.hostinger.com\/support\/?p=8223"},"modified":"2026-04-02T02:21:47","modified_gmt":"2026-04-02T02:21:47","slug":"how-to-use-image-attachments-in-ai-chat","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/how-to-use-image-attachments-in-ai-chat\/","title":{"rendered":"Hostinger Reach: How to Use Image Attachments in AI Chat as a Design Reference"},"content":{"rendered":"<p><span style=\"font-weight: 400\">When creating email templates with AI in Hostinger Reach, you can now upload an image as a <\/span><b>design reference<\/b><span style=\"font-weight: 400\">. This helps the AI generate a template that matches a specific layout, style, or visual direction.<\/span><\/p><p><span style=\"font-weight: 400\">This feature is especially useful if:<\/span><\/p><ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">You&rsquo;ve seen a template design you like and want something similar<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">You want to replicate a specific layout structure<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">You like the overall vibe or styling of an email<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">You&rsquo;re migrating from another email provider and want to keep visual consistency<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">You find it difficult to describe the layout in words<\/span><\/li>\n<\/ul><p><span style=\"font-weight: 400\">Instead of trying to explain everything in detail, you can simply upload an image and let AI use it as inspiration.<\/span><\/p><h2 id=\"h-what-does-design-reference-mean\"><b>What Does &ldquo;Design Reference&rdquo; Mean?<\/b><\/h2><p><span style=\"font-weight: 400\">When you upload an image in AI Chat:<\/span><\/p><ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">The image is used as <\/span><b>visual guidance<\/b><span style=\"font-weight: 400\"> for layout and structure<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">AI analyzes the design style, spacing, and composition<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">A similar-looking email template is generated based on your prompt<\/span><\/li>\n<\/ul><p><span style=\"font-weight: 400\">The uploaded image is <\/span><b>not used as an image of your current template<\/b><span style=\"font-weight: 400\">, but used as inspiration to create a comparable template itself.<\/span><\/p><h1 id=\"h-how-to-upload-an-image-as-a-design-reference\"><b>How to Upload an Image as a Design Reference<\/b><\/h1><p><span style=\"font-weight: 400\">Follow these steps to use this feature:<\/span><\/p><h2 id=\"h-step-1-open-the-template-builder\"><b>Step 1: Open the Template Builder<\/b><\/h2><ol>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Go to your <\/span><b>Reach dashboard<\/b><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Click <\/span><b>Templates<\/b><b><br>\n<\/b><b><b><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8224\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/02\/2026-02-26_09-50.png\" alt=\"\" width=\"998\" height=\"607\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/02\/2026-02-26_09-50.png 998w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/02\/2026-02-26_09-50-300x182.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/02\/2026-02-26_09-50-768x467.png 768w\" sizes=\"auto, (max-width: 998px) 100vw, 998px\" \/><\/b><\/b><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Click <\/span><b>Create Template<\/b><\/li>\n<\/ol><p><span style=\"font-weight: 400\">This opens the AI Chat template creation interface.<\/span><\/p><h2 id=\"h-step-2-upload-your-image\"><b>Step 2: Upload Your Image<\/b><\/h2><p><span style=\"font-weight: 400\">Inside the AI Chat window:<\/span><\/p><ol>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Click the <\/span><b>plus (+) icon<\/b><b><br>\n<\/b><b><b><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8225\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/02\/2026-02-26_09-50_1.png\" alt=\"\" width=\"1009\" height=\"601\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/02\/2026-02-26_09-50_1.png 1009w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/02\/2026-02-26_09-50_1-300x179.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/02\/2026-02-26_09-50_1-768x457.png 768w\" sizes=\"auto, (max-width: 1009px) 100vw, 1009px\" \/><\/b><\/b><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Upload an image from your computer<\/span><\/li>\n<\/ol><p><span style=\"font-weight: 400\">Alternatively, you can:<\/span><\/p><ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Paste it directly (for example, take a screenshot, then paste it using <\/span><b>Ctrl + C <\/b><span style=\"font-weight: 400\">&amp; <\/span><b>Ctrl + V<\/b><span style=\"font-weight: 400\">)<\/span><\/li>\n<\/ul><p><span style=\"font-weight: 400\">The image will automatically attach as a reference. You can upload<\/span><b> up to 10 <\/b><span style=\"font-weight: 400\">images at once.<\/span><\/p><h2 id=\"h-step-3-describe-what-you-want\"><b>Step 3: Describe What You Want<\/b><\/h2><p><span style=\"font-weight: 400\">After uploading the image, enter a prompt explaining your expectations.<\/span><\/p><p><span style=\"font-weight: 400\">For example, you can specify:<\/span><\/p><ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Whether you want a similar layout or a only specific things to be used as a reference<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">What content type the email is for (newsletter, promotion, product launch, etc.)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Whether to follow your brand details or ignore them<\/span><\/li>\n<\/ul><p><span style=\"font-weight: 400\">Then click <\/span><b>Send <\/b><span style=\"font-weight: 400\">&nbsp;to generate the template.<\/span><\/p><p><span style=\"font-weight: 400\">AI will use both &ndash; your uploaded image and your written prompt to create the final design.<\/span><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8226\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/02\/2026-02-26_09-51.png\" alt=\"\" width=\"402\" height=\"375\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/02\/2026-02-26_09-51.png 402w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/02\/2026-02-26_09-51-300x280.png 300w\" sizes=\"auto, (max-width: 402px) 100vw, 402px\" \/><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8227\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/02\/2026-02-26_09-51_1.png\" alt=\"\" width=\"1040\" height=\"523\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/02\/2026-02-26_09-51_1.png 1040w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/02\/2026-02-26_09-51_1-300x151.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/02\/2026-02-26_09-51_1-1024x515.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/02\/2026-02-26_09-51_1-768x386.png 768w\" sizes=\"auto, (max-width: 1040px) 100vw, 1040px\" \/><\/p><p>&nbsp;<\/p><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p><b>Note: <\/b><\/p>\n<ul>\n<li>Use edit mode to manage your image library and change images inside the template<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Uploaded images are used <\/span><b>only as design references<\/b><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">They are <\/span><b>not automatically added to your image library<\/b><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">You cannot directly edit images inside the AI Chat<\/span><span style=\"font-weight: 400\"><br>\n<\/span><\/li>\n<\/ul>\n<\/div><p><span style=\"font-weight: 400\">If you need to:<\/span><\/p><ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Replace images<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Upload assets permanently<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Adjust visual elements<\/span><\/li>\n<\/ul><p><span style=\"font-weight: 400\">Simply switch to <\/span><b>Edit Mode<\/b><span style=\"font-weight: 400\"> after the template is generated. From there, you can manage your image library and customize visuals as needed.<\/span><\/p><p><span style=\"font-weight: 400\">This feature makes template creation faster, more intuitive, and more aligned with your expectations &mdash; even if you don&rsquo;t have the perfect words to describe your ideal design.<\/span><\/p><p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When creating email templates with AI in Hostinger Reach, you can now upload an image as a design reference. This helps the AI generate a&#8230;<\/p>\n","protected":false},"author":594,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[296],"tags":[],"class_list":["post-8223","post","type-post","status-publish","format-standard","hentry","category-hostinger-reach"],"hreflangs":[],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/8223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/users\/594"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/comments?post=8223"}],"version-history":[{"count":8,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/8223\/revisions"}],"predecessor-version":[{"id":9403,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/8223\/revisions\/9403"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=8223"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=8223"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=8223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}