{"id":6603,"date":"2025-11-11T13:17:45","date_gmt":"2025-11-11T13:17:45","guid":{"rendered":"https:\/\/www.hostinger.com\/support\/?p=6603"},"modified":"2026-09-07T07:53:54","modified_gmt":"2026-09-07T07:53:54","slug":"how-to-edit-your-email-template-in-hostinger-reach","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/how-to-edit-your-email-template-in-hostinger-reach\/","title":{"rendered":"How to manually edit your email template in Hostinger Reach"},"content":{"rendered":"<p><span style=\"font-weight: 400\">In Hostinger Reach, your email templates are generated using AI prompts. You can create, refine, and personalize your templates directly within the AI chat interface.<\/span><span style=\"font-weight: 400\"><br>\n<\/span><span style=\"font-weight: 400\"> After generating a template, you can either:<\/span><\/p><ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Continue editing it manually in the AI chat, or<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Use the Edit Mode to make quick tweaks and add your personal touch.<\/span><\/li>\n<\/ul><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">To edit just one part of your template without regenerating the entire design, use section-specific AI editing in the chat. Click Build with AI, select the Edit section with AI icon in the prompt window, and choose the section you want to update in the preview. Then, describe the changes you want the AI to make. The rest of your template will remain unchanged.<\/div><p><span style=\"font-weight: 400\">The Edit Mode allows you to refine your content easily &mdash; perfect for polishing details, adjusting tone, or updating sections without starting from scratch.<\/span><\/p><h2 id=\"h-when-to-use-edit-mode\"><b>When to use edit mode<\/b><\/h2><p><span style=\"font-weight: 400\">Use Edit Mode when:<\/span><\/p><ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">You already have a template generated by AI.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">You want to make minor changes (e.g., update text, links, or formatting).<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">You prefer a visual editor rather than continuing in AI chat.<\/span><\/li>\n<\/ul><h2 id=\"h-entering-edit-mode\"><b>Entering edit mode<\/b><\/h2><p><span style=\"font-weight: 400\">To start editing your AI-generated email template:<\/span><\/p><ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">In the AI chat mode, click the Edit<\/span> <span style=\"font-weight: 400\">button in the left upper corner.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Once edit mode is selected, click on any element in your template that you&rsquo;d like to edit &mdash; such as a text block, button, or image.<\/span><\/li>\n<\/ul><p><span style=\"font-weight: 400\">This will open the element&rsquo;s editing toolbar, where you can customize its content and appearance.<br>\n<\/span><\/p><h2 id=\"h-editing-controls-in-the-template-sidebar\">Editing controls in the template sidebar<\/h2><p>When you click a block in <strong>Edit Mode<\/strong>, the sidebar displays editing options for that block type. Controls are organized as follows:<\/p><p>&bull; <strong>Text blocks<\/strong>: font, size, color, alignment, padding, and layout options.<br>\n&bull; <strong>Button blocks<\/strong>: text, background color, corner radius, padding, width, height, and alignment.<br>\n&bull; <strong>Image blocks<\/strong>: change image, add link, resize, corner radius, margin, and image fit options.<\/p><p>Controls are grouped by category and displayed in collapsible sections. Less frequently used options are collapsed by default &mdash; click a section header to expand it. This keeps the sidebar focused on the most relevant settings for each block type.<\/p><p>Besides editing individual blocks, you can set styles that apply across your entire template from a single panel. Open <strong>Template styles<\/strong> in the sidebar to see a live preview of your heading, body text, and button style, and adjust:<\/p><ul>\n<li><strong>Fonts<\/strong> &mdash; separate font families for Headings and for Body text and buttons<\/li>\n<li><strong>Colors<\/strong> &mdash; Template background, Text, Button color, Button text, Link color, and Button border<\/li>\n<li><strong>Button border width (px)<\/strong><\/li>\n<li><strong>Button corners<\/strong><\/li>\n<\/ul><p><img decoding=\"async\" class=\"alignnone size-full wp-image-15893\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-18_12-16_1.png\" alt=\"\" width=\"451\" height=\"917\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-18_12-16_1.png 451w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-18_12-16_1-148x300.png 148w\" sizes=\"(max-width: 451px) 100vw, 451px\" \/><\/p><p>The panel opens pre-filled with the styles your template already uses, so you&rsquo;re adjusting a real starting point rather than building from scratch. This makes it much faster to re-skin a template to match your brand, since you no longer need to update every section and element individually.<\/p><p>All block types follow a consistent layout: primary content options at the top, layout\/spacing options below.<\/p><h2 id=\"h-editing-text-blocks\"><b>Editing text blocks<\/b><\/h2><p><span style=\"font-weight: 400\">When you select a text block, you&rsquo;ll see several customization options appear. You can either:<\/span><\/p><ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Click the entire text block to apply changes to all of it, or<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Highlight specific text with your mouse to edit only the selected part.<\/span><\/li>\n<\/ul><h3><strong>Available text tools<\/strong><\/h3><ul>\n<li style=\"font-weight: 400\"><b>Font<\/b><span style=\"font-weight: 400\"> &ndash; Choose from optimized fonts designed for consistent display across different email providers.<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Font size<\/b><span style=\"font-weight: 400\"> &ndash; Adjust text size to fit your design and layout.<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Formatting<\/b><span style=\"font-weight: 400\"> &ndash; Apply bold, italic, or underline styles.<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Alignment<\/b><span style=\"font-weight: 400\"> &ndash; Align your text to the left, center, or right.<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Lists<\/b><span style=\"font-weight: 400\"> &ndash; Format text as a bulleted list, numbered list, or list with dashes.<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Emoji<\/b><span style=\"font-weight: 400\"> &ndash; Insert emojis into your text.<\/span><\/li>\n<\/ul><h3><strong>Colors and background<\/strong><\/h3><ul>\n<li style=\"font-weight: 400\"><b>Text color<\/b><span style=\"font-weight: 400\"> &ndash; Change the color of your text.<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Background color<\/b><span style=\"font-weight: 400\"> &ndash; Add or modify the background color behind your text.<\/span><span style=\"font-weight: 400\"><br>\n<\/span><span style=\"font-weight: 400\"> Both color changes can be applied to the whole block or just the selected text.<\/span><\/li>\n<\/ul><h3><strong>Adding links<\/strong><\/h3><p><span style=\"font-weight: 400\">You can turn any piece of text into a clickable hyperlink:<\/span><\/p><ol>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Select the text you want to link.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Click <\/span><b>Add link<\/b><span style=\"font-weight: 400\"> and enter your URL.<\/span><\/li>\n<\/ol><p><span style=\"font-weight: 400\">By default, links appear underlined to signal they are clickable &mdash; but you can adjust the style if you prefer a different look.<\/span><\/p><h3><strong>Personalization<\/strong><\/h3><p><span style=\"font-weight: 400\">You can make your emails feel more personal by inserting recipient-specific details like first name, last name, or email.<\/span><span style=\"font-weight: 400\"><br>\n<\/span><span style=\"font-weight: 400\"> When you send your campaign, each contact will see their own personalized information automatically.<\/span><\/p><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\"><span style=\"font-weight: 400\">&#128161; Learn more about how personalization works in the Personalization in Hostinger Reach <\/span><a href=\"https:\/\/www.hostinger.com\/support\/how-to-personalize-your-email-templates\/\"><span style=\"font-weight: 400\">article<\/span><\/a><span style=\"font-weight: 400\">.<\/span><\/div><h3><strong>Layout options for text blocks<\/strong><\/h3><p><span style=\"font-weight: 400\">You can adjust the overall structure and spacing of each text block using these layout settings:<\/span><\/p><ul>\n<li style=\"font-weight: 400\"><b>Width &amp; Height<\/b><span style=\"font-weight: 400\"> &ndash; Control the shape and positioning of the text area.<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Padding<\/b><span style=\"font-weight: 400\"> &ndash; Add or reduce space around your text within the block.<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Corner Radius<\/b><span style=\"font-weight: 400\"> &ndash; Round the edges of a text block, especially visible when a background color is applied.<\/span><\/li>\n<\/ul><p><span style=\"font-weight: 400\">These options help you align your content and create visually appealing layouts with balanced spacing.<\/span><\/p><h2 id=\"h-editing-buttons\"><b>Editing buttons<\/b><\/h2><p><span style=\"font-weight: 400\">Buttons in your email templates can be fully customized in Edit Mode to match your brand and design.<\/span><\/p><p><span style=\"font-weight: 400\">When you click on a button, you can:<\/span><\/p><ul>\n<li style=\"font-weight: 400\"><b>Edit the button text<\/b><span style=\"font-weight: 400\"> &ndash; Type directly into the button or use the text editor toolbar to apply basic formatting (bold, italic, underline, alignment).<\/span><\/li>\n<li style=\"font-weight: 400\"><strong>Change the button color<\/strong> &ndash; Under the <strong>Colors<\/strong> section, adjust the background color and border color to match your campaign style. The color change applies instantly, so you can preview your design in real time.<\/li>\n<li style=\"font-weight: 400\"><b>Adjust layout and size<\/b><span style=\"font-weight: 400\"> &ndash; Under the <\/span><b>Layout<\/b><span style=\"font-weight: 400\"> section, customize the button&rsquo;s:<\/span>\n<ul>\n<li style=\"font-weight: 400\"><b>Corner Radius<\/b><span style=\"font-weight: 400\"> &ndash; Defines how round or square the button edges look. Higher values create more rounded buttons.<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Padding<\/b><span style=\"font-weight: 400\"> &ndash; Controls how much space surrounds the button text.<\/span><\/li>\n<li><strong>Border Width<\/strong> &ndash; Set the thickness of the button&rsquo;s border, in pixels.<\/li>\n<li style=\"font-weight: 400\"><b>Text and margin<\/b><span style=\"font-weight: 400\"> &ndash; Controls the spacing of the button itself.<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Width &amp; Height<\/b><span style=\"font-weight: 400\"> &ndash; Set the button&rsquo;s dimensions to fit your email layout.<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Horizontal alignment<\/b><span style=\"font-weight: 400\"> &ndash; Position the button in your email layout (<\/span><b>left, center, right<\/b><span style=\"font-weight: 400\">). Changing alignment updates the button&rsquo;s position in the email template.<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul><h2 id=\"h-editing-images\"><b>Editing images<\/b><\/h2><p><span style=\"font-weight: 400\">Images in your email templates can also be customized directly in Edit Mode. When you click on an image, three main editing options appear: <\/span><b>Change Image<\/b><span style=\"font-weight: 400\">, <\/span><b>Add Link<\/b><span style=\"font-weight: 400\">, and <\/span><b>Layout<\/b><span style=\"font-weight: 400\">.<\/span><\/p><h3><strong>Change image<\/strong><\/h3><p><span style=\"font-weight: 400\">Click <\/span><b>Change Image<\/b><span style=\"font-weight: 400\"> to replace or update the image in your template. You&rsquo;ll have several options:<\/span><\/p><ul>\n<li><strong>Generate an image<\/strong> &ndash; Describe the image you want, and AI generates it for you. You can optionally choose a style (Realistic, Illustration, Flat design, 3D render, Minimalist), a layout (Banner, Horizontal, Vertical, Square), and attach a reference image. Each generation returns 4 variations to pick from.<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\"><strong>Upload your own image<\/strong> &ndash; Choose a file from your device.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\"><strong>Select from your uploaded images<\/strong> &ndash; Pick an image you&rsquo;ve already used in previous campaigns.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\"><strong>Free Images<\/strong> &ndash; Search for royalty-free photos by entering relevant keywords.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\"><strong>Link Image<\/strong> &ndash; Paste a public image URL to load an image directly from the web.<\/span><\/li>\n<\/ul><p><img decoding=\"async\" class=\"alignnone size-full wp-image-16755\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-24_10-09.png\" alt=\"\" width=\"1911\" height=\"862\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-24_10-09.png 1911w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-24_10-09-300x135.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-24_10-09-1024x462.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-24_10-09-768x346.png 768w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-24_10-09-1536x693.png 1536w\" sizes=\"(max-width: 1911px) 100vw, 1911px\" \/><\/p><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\"><span style=\"font-weight: 400\">The linked image must be publicly accessible. You can usually copy the image address by right-clicking the image and selecting <\/span><b>Copy Image Address<\/b><span style=\"font-weight: 400\">.<\/span><\/div><p><span style=\"font-weight: 400\">Once your image is selected, it will automatically appear in your template. Images you generate are also saved to your image gallery under Generated, so you can reuse them later without regenerating.<\/span><\/p><h3><strong>Add link<\/strong><\/h3><p><span style=\"font-weight: 400\">Use <\/span><b>Add Link<\/b><span style=\"font-weight: 400\"> to turn your image into a clickable element. When recipients click the image in your email, they&rsquo;ll be redirected to the link you specify (for example, your website or product page).<\/span><\/p><h3><strong>Layout options<\/strong><\/h3><p><span style=\"font-weight: 400\">Under <\/span><b>Layout<\/b><span style=\"font-weight: 400\">, you can fine-tune how the image appears in your email:<\/span><\/p><ul>\n<li style=\"font-weight: 400\"><b>Resize with your mouse<\/b><span style=\"font-weight: 400\"> &ndash; Click the image and drag from any of the four sides to adjust its size.<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Width &amp; Height<\/b><span style=\"font-weight: 400\"> &ndash; Adjust the size and proportions of your image.<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Corner Radius<\/b><span style=\"font-weight: 400\"> &ndash; Round the edges of the image.<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Margin<\/b><span style=\"font-weight: 400\"> &ndash; Add blank space around the image.<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Horizontal align<\/b><span style=\"font-weight: 400\"> &ndash; Align the image (<\/span><b>left, center, right<\/b><span style=\"font-weight: 400\">).<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Vertical align<\/b><span style=\"font-weight: 400\"> &ndash; Align the image (<\/span><b>top, middle, bottom<\/b><span style=\"font-weight: 400\">).<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Image Fit<\/b><span style=\"font-weight: 400\"> &ndash; Choose how your image fills the designated area:<\/span>\n<ul>\n<li style=\"font-weight: 400\"><b>Contain<\/b><span style=\"font-weight: 400\"> &ndash; Fits the entire image within the area; may leave empty space.<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Cover<\/b><span style=\"font-weight: 400\"> &ndash; Zooms and crops the image to fill the entire area.<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Fill<\/b><span style=\"font-weight: 400\"> &ndash; Stretches the image to occupy the full space (may distort slightly).<\/span><\/li>\n<li style=\"font-weight: 400\"><b>None<\/b><span style=\"font-weight: 400\"> &ndash; Displays the image at its original size, without scaling or cropping.<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul><p><span style=\"font-weight: 400\">These settings allow you to achieve the perfect balance between visual appeal and layout consistency across different devices.<\/span><\/p><h2 id=\"h-feature-of-inserting-new-sections\"><b>Feature of inserting new sections<\/b><\/h2><p><span style=\"font-weight: 400\">A powerful feature in Edit Mode is <\/span><b>Insert Section<\/b><span style=\"font-weight: 400\">.<\/span><\/p><p><span style=\"font-weight: 400\">When you hover between existing sections of your email, you&rsquo;ll see plus (+) icons appear. Click the + to add a new section in two ways:<\/span><\/p><h3><strong>Add section with AI<\/strong><\/h3><ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Type a short prompt like &ldquo;add a customer testimonial,&rdquo; &ldquo;insert a product grid,&rdquo; or &ldquo;create a bulleted list.&rdquo;<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">AI will instantly generate a section that matches your brand style and design, keeping your template professional and cohesive.<\/span><\/li>\n<\/ul><h3><strong>Add pre-built section<\/strong><\/h3><p>Manually insert ready-made elements, including:<\/p><ul>\n<li><strong>Text<\/strong> &ndash; Click a text block to open its settings in the sidebar:\n<ul>\n<li><strong>Font<\/strong>, font size, formatting (bold, italic, underline), and alignment.<\/li>\n<li><strong>List style<\/strong> (bulleted, numbered, or dashed) and emoji insertion.<\/li>\n<li><strong>Text color and background color<\/strong>, applied to the whole block or just selected text.<\/li>\n<li><strong>Add link<\/strong>, to turn selected text into a clickable hyperlink.<\/li>\n<li><strong>Personalization<\/strong>, to insert recipient details like first name, last name, or email.<\/li>\n<li><strong>Layout<\/strong>: width, height, padding, and corner radius. Margin can be set with a Small, Medium, or Large preset, or individually per side &mdash; Left and Right stay synced to Top and Bottom while Apply to all sides is on; turn it off to set all four independently.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Button<\/strong> &ndash; Click a button to open its settings in the sidebar:\n<ul>\n<li><strong>Button text<\/strong>, editable directly or with basic formatting (bold, italic, underline, alignment).<\/li>\n<li><strong>Colors<\/strong>: text color, background color, and border color.<\/li>\n<li><strong>Styling<\/strong>: padding, border width (px), and corner radius.<\/li>\n<li><strong>Add link<\/strong>, to set where the button points.<\/li>\n<li><strong>Layout<\/strong>: width, height, horizontal alignment, and margin &mdash; Left and Right stay synced to Top and Bottom while Apply to all sides is on; turn it off to set all four independently.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Image<\/strong> &ndash; Click an image to open its settings in the sidebar:\n<ul>\n<li><strong>Change image<\/strong>: generate an image with AI (with optional style, layout, and reference image, returning 4 variations), upload your own, select from previously uploaded images, search Free Images, or link a public image URL.<\/li>\n<li><strong>Image fit<\/strong>: Contain, Cover, Fill, or None.<\/li>\n<li><strong>Add link<\/strong>, to make the image clickable.<\/li>\n<li><strong>Alignment<\/strong>: horizontal and vertical.<\/li>\n<li><strong>Styling<\/strong>: corner radius.<\/li>\n<li><strong>Layout<\/strong>: width, height, and margin &mdash; Left and Right stay synced to Top and Bottom while Apply to all sides is on; turn it off to set all four independently. Images can also be resized by dragging their corner or edge handles directly in the template.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Video<\/strong> &ndash; Click a video to open its settings in the sidebar:\n<ul dir=\"ltr\">\n<li><strong>Video link<\/strong>: paste a YouTube or Vimeo link to add or replace the video. Changing the link also replaces the thumbnail.<\/li>\n<li><strong>Alignment<\/strong>: horizontal and vertical.<\/li>\n<li><strong>Colors<\/strong>: background color and border color.<\/li>\n<li><strong>Styling<\/strong>: border width (px) and corner radius.<\/li>\n<li><strong>Layout<\/strong>: width, height, and margin &mdash; Left and Right stay synced to Top and Bottom while Apply to all sides is on; turn it off to set all four independently.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Heading<\/strong> (3 heading versions) &ndash; Headings use the same sidebar controls as Text blocks (font, formatting, alignment, color, personalization, layout), with each of the 3 versions using a different default size and weight.<\/li>\n<li><strong>Spacer<\/strong> (Small, Medium, or Large) &ndash; Adds blank vertical space between sections. Choose a size when inserting it; spacers don&rsquo;t have further sidebar settings.<\/li>\n<li><strong>Divider<\/strong> &ndash; Divider elements support color, thickness, and spacing. Click the divider in your template to open these settings in the sidebar:\n<ul>\n<li><strong>Line color<\/strong>: Set the divider&rsquo;s color using a hex value.<\/li>\n<li><strong>Thickness<\/strong>: Choose 1, 2, 4, or 8 pixels.<\/li>\n<li><strong>Spacing<\/strong>: Choose a Small, Medium, or Large preset, or select the custom option to set individual Top, Bottom, Left, and Right values. Left and Right stay synced to Top and Bottom while Apply to all sides is on; turn it off to set all four independently.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Layout<\/strong> (2 or 3 columns) &ndash; Adds a 2- or 3-column row. After inserting it, click the plus (+) icon inside a column to add elements to it.<\/li>\n<\/ul><p><span style=\"font-weight: 400\">After inserting a layout section (2 or 3 columns), you can continue building your email by clicking the plus (+) icon inside the columns and selecting the elements you want to add.<\/span><\/p><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">We recommend using the AI Insert Section option for faster, on-brand design creation.<\/div><h2 id=\"h-additional-edit-mode-features\"><b>Additional edit mode features<\/b><\/h2><h3><strong>Delete \/ Duplicate \/ Reorder section<\/strong><\/h3><p><span style=\"font-weight: 400\">Click any section to see these options:<\/span><\/p><ul>\n<li style=\"font-weight: 400\"><b>Delete section<\/b><span style=\"font-weight: 400\"> &ndash; Removes the section entirely from your template.<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Duplicate section<\/b><span style=\"font-weight: 400\"> &ndash; Creates an identical copy of the section directly below it.<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Reorder section<\/b><span style=\"font-weight: 400\"> &ndash; Lets you drag and drop the selected section to change its position.<\/span><\/li>\n<\/ul><h3><strong>Undo \/ Redo<\/strong><\/h3><p><span style=\"font-weight: 400\">Use the small <\/span><b>Undo<\/b><span style=\"font-weight: 400\"> and <\/span><b>Redo<\/b><span style=\"font-weight: 400\"> arrows to reverse or reapply your latest changes.<\/span><\/p><h3><strong>Save Changes<\/strong><\/h3><p><span style=\"font-weight: 400\">Always click <\/span><b>Save Changes<\/b><span style=\"font-weight: 400\"> once you&rsquo;re done editing.<\/span><span style=\"font-weight: 400\"><br>\n<\/span><span style=\"font-weight: 400\">Saving is required before you can send a test email, return to AI chat to continue editing with AI or continue creating a campaign .<\/span><\/p><h3><strong>Version History<\/strong><\/h3><p><span style=\"font-weight: 400\">Back on the AI chat, you can use the <\/span><b>Version history<\/b><span style=\"font-weight: 400\"> button to revert your changes, both manually saved and AI changes.<\/span><\/p><p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Customize your email templates using Edit Mode<\/p>\n","protected":false},"author":591,"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-6603","post","type-post","status-publish","format-standard","hentry","category-hostinger-reach"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/how-to-edit-your-email-template-in-hostinger-reach","default":1}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/6603","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\/591"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/comments?post=6603"}],"version-history":[{"count":17,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/6603\/revisions"}],"predecessor-version":[{"id":17982,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/6603\/revisions\/17982"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=6603"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=6603"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=6603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}