{"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-10-21T02:06:40","modified_gmt":"2026-10-21T02:06:40","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>Upload an image as a design reference in the <a data-click-id=\"hgr-post-content-link-hostinger-reach\" href=\"https:\/\/www.hostinger.com\/email-marketing\">Hostinger Reach<\/a> AI chat to generate an email template that matches a specific layout, style, or visual direction. Attach up to 10 images with the <strong>Add image<\/strong> button or by pasting, then describe what you want, and AI uses both to build the template.<\/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><h2 id=\"h-how-to-upload-an-image-as-a-design-reference\"><b>How to upload an image as a design reference<\/b><\/h2><p><span style=\"font-weight: 400\">Follow these steps to use this feature:<\/span><\/p><h3><b>Step 1 &ndash; Open the Template Builder<\/b><\/h3><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><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Click <\/span><b>Create Template<br>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-20507\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-14_14-24.png\" alt=\"\" width=\"1573\" height=\"599\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-14_14-24.png 1573w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-14_14-24-300x114.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-14_14-24-1024x390.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-14_14-24-768x292.png 768w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-14_14-24-1536x585.png 1536w\" sizes=\"(max-width: 1573px) 100vw, 1573px\" \/><br>\n<\/b><\/li>\n<\/ol><p><span style=\"font-weight: 400\">This opens the AI Chat template creation interface.<\/span><\/p><h3><b>Step 2 &ndash; Upload your image<\/b><\/h3><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 <strong>Add images or PDFs<\/strong><\/span><b><br>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-21101\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-21_09-05.png\" alt=\"\" width=\"1878\" height=\"859\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-21_09-05.png 1878w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-21_09-05-300x137.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-21_09-05-1024x468.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-21_09-05-768x351.png 768w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-21_09-05-1536x703.png 1536w\" sizes=\"(max-width: 1878px) 100vw, 1878px\" \/><br>\n<\/b><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Upload an image or you can also attach PDF files, such as an email draft, instead of pasting long passages into the prompt. An attached PDF appears as a file card showing the file name. PDF files are not used as design references.<\/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.&nbsp;<\/span><\/p><h3><b>Step 3 &ndash; Describe what you want<\/b><\/h3><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 the <strong>arrow<\/strong> <\/span><span style=\"font-weight: 400\">to generate the template.<\/span><\/p><p><img decoding=\"async\" class=\"alignnone size-full wp-image-20509\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-14_14-27.png\" alt=\"\" width=\"843\" height=\"211\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-14_14-27.png 843w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-14_14-27-300x75.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-14_14-27-768x192.png 768w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/p><p><span style=\"font-weight: 400\">AI will use both &ndash; your uploaded image and your written prompt to create the final design. You can also add images when describing a campaign on the Reach homepage. See <a data-click-id=\"hgr-post-content-link-hostinger-reach-how-to-create-full-campaign-draft-with-ai\" href=\"https:\/\/www.hostinger.com\/support\/hostinger-reach-how-to-create-full-campaign-draft-with-ai\/\">Hostinger Reach: How to create full campaign draft with AI<\/a>.<\/span><\/p><p><img decoding=\"async\" class=\"alignnone size-full wp-image-20510\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-14_14-28.png\" alt=\"\" width=\"1887\" height=\"866\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-14_14-28.png 1887w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-14_14-28-300x138.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-14_14-28-1024x470.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-14_14-28-768x352.png 768w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-14_14-28-1536x705.png 1536w\" sizes=\"(max-width: 1887px) 100vw, 1887px\" \/><\/p><p><b>NOTES<\/b><\/p><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><\/li>\n<\/ul><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>With an image attached as a design reference, Hostinger Reach AI generates an email template that follows your chosen layout and style, ready to fine-tune in Edit Mode.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Upload up to 10 images as design references in Hostinger Reach AI chat to generate email templates that match a layout or style you like.<\/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":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/how-to-use-image-attachments-in-ai-chat","default":1}],"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":12,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/8223\/revisions"}],"predecessor-version":[{"id":21102,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/8223\/revisions\/21102"}],"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}]}}