{"id":6757,"date":"2022-03-15T09:27:06","date_gmt":"2022-03-15T09:27:06","guid":{"rendered":"https:\/\/www.cldy.com\/support\/?post_type=docs&#038;p=6757"},"modified":"2022-08-18T15:29:14","modified_gmt":"2022-08-18T15:29:14","password":"","slug":"how-to-embed-images-in-roundcube-webmail-in-html-setting","status":"publish","type":"docs","link":"https:\/\/www.cldy.com\/support\/help\/how-to-embed-images-in-roundcube-webmail-in-html-setting\/","title":{"rendered":"How to Embed Images in Roundcube Webmail in HTML setting?"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">When you&#8217;re trying to embed an image with your email content instead of an attachment in Roundcube, and you find that copying and pasting the image into the text field does not work, then this article is for you.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You must first set up your email settings so that the emails you will be sending are in HTML format, and not plain text, in order to embed an image.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><strong>1: Make Sure Your Composed Emails Are On HTML Format<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">For step-by-step instructions to set up your Roundcube webmail to always be in HTML format, click <\/span><a href=\"https:\/\/www.cldy.com\/support\/help\/how-to-set-roundcube-webmail-to-always-compose-html-emails\/\"><span style=\"font-weight: 400; color: blue;\">here<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><strong>2: Embedding Images On Your HTML Emails<\/strong><\/h3>\n<ol>\n<li><span style=\"font-weight: 400;\">From your Roundcube webmail homepage, click on <\/span><b>Compose<\/b><span style=\"font-weight: 400;\">.<\/span><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-6769\" src=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/03\/roundcube-html-embed-image_compose.png\" alt=\"\" width=\"71\" height=\"383\" \/><\/li>\n<li><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">On the right-hand side, you will see this section:<br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-6776\" src=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/03\/roundcube-html-embed-image_attach_option2.png\" alt=\"\" width=\"391\" height=\"316\" srcset=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/03\/roundcube-html-embed-image_attach_option2.png 391w, https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/03\/roundcube-html-embed-image_attach_option2-300x242.png 300w\" sizes=\"(max-width: 391px) 100vw, 391px\" \/><br \/>\n<\/span><\/span>Click on <b>Attach a file<\/b> to add the image you want added to your email message.You can also use the toolbar at the top of the screen and click on the paperclip icon that says <b>Attach<\/b>.<br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-6775\" src=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/03\/roundcube-html-embed-image_attach_option1.png\" alt=\"\" width=\"857\" height=\"51\" srcset=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/03\/roundcube-html-embed-image_attach_option1.png 857w, https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/03\/roundcube-html-embed-image_attach_option1-300x18.png 300w, https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/03\/roundcube-html-embed-image_attach_option1-768x46.png 768w\" sizes=\"(max-width: 857px) 100vw, 857px\" \/><\/li>\n<li><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Select the image from your folders, and the uploaded image should be visible on this area:<br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-6768\" src=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/03\/roundcube-html-embed-image_attached.png\" alt=\"\" width=\"395\" height=\"343\" srcset=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/03\/roundcube-html-embed-image_attached.png 395w, https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/03\/roundcube-html-embed-image_attached-300x261.png 300w\" sizes=\"(max-width: 395px) 100vw, 395px\" \/><\/span><\/span><\/li>\n<li><span style=\"font-weight: 400;\">Now, you can go to the textbox of your message, and click on <\/span><b>Insert\/edit image<\/b><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">.<br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-6771\" src=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/03\/roundcube-html-embed-image_insert-edit-image.png\" alt=\"\" width=\"843\" height=\"254\" srcset=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/03\/roundcube-html-embed-image_insert-edit-image.png 843w, https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/03\/roundcube-html-embed-image_insert-edit-image-300x90.png 300w, https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/03\/roundcube-html-embed-image_insert-edit-image-768x231.png 768w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/span><\/span><\/span><\/li>\n<li><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">A pop-up window will appear asking you to confirm the source of your image. Click on the magnifying glass icon to continue:<br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-6774\" src=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/03\/roundcube-html-embed-image_insert-edit-image-source.png\" alt=\"\" width=\"465\" height=\"206\" srcset=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/03\/roundcube-html-embed-image_insert-edit-image-source.png 465w, https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/03\/roundcube-html-embed-image_insert-edit-image-source-300x133.png 300w\" sizes=\"(max-width: 465px) 100vw, 465px\" \/><\/span><\/span><\/span><\/li>\n<li><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Select the image from the attachments you have uploaded:<br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-6773\" src=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/03\/roundcube-html-embed-image_insert-edit-image-select.png\" alt=\"\" width=\"448\" height=\"629\" srcset=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/03\/roundcube-html-embed-image_insert-edit-image-select.png 448w, https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/03\/roundcube-html-embed-image_insert-edit-image-select-214x300.png 214w\" sizes=\"(max-width: 448px) 100vw, 448px\" \/><\/span><\/span><\/span><\/li>\n<li><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The image filename will now be populated. You can resize the dimensions as you prefer.<br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-6772\" src=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/03\/roundcube-html-embed-image_insert-edit-image-ok.png\" alt=\"\" width=\"462\" height=\"206\" srcset=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/03\/roundcube-html-embed-image_insert-edit-image-ok.png 462w, https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/03\/roundcube-html-embed-image_insert-edit-image-ok-300x134.png 300w\" sizes=\"(max-width: 462px) 100vw, 462px\" \/><\/span><\/span><\/span><\/span>When you\u2019re done, click on <b>Ok<\/b>.<\/li>\n<li><span style=\"font-weight: 400;\">That&#8217;s it! The image should now appear on your textbox:<br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-6770\" src=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/03\/roundcube-html-embed-image_image-insert-success.png\" alt=\"\" width=\"841\" height=\"253\" srcset=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/03\/roundcube-html-embed-image_image-insert-success.png 841w, https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/03\/roundcube-html-embed-image_image-insert-success-300x90.png 300w, https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/03\/roundcube-html-embed-image_image-insert-success-768x231.png 768w\" sizes=\"(max-width: 841px) 100vw, 841px\" \/><br \/>\n<\/span><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>When you&#8217;re trying to embed an image with your email content instead of an attachment in Roundcube, and you find that copying and pasting the image into the text field does not work, then this article is for you. You must first set up your email settings so that the emails you will be sending [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[32],"doc_tag":[],"class_list":["post-6757","docs","type-docs","status-publish","hentry","doc_category-email-hosting"],"year_month":"2026-07","word_count":252,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"syd123","author_nicename":"syd123","author_url":"https:\/\/www.cldy.com\/support\/author\/syd123\/"},"doc_category_info":[{"term_name":"Email Hosting","term_url":"https:\/\/www.cldy.com\/support\/help-category\/email-hosting\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/www.cldy.com\/support\/wp-json\/wp\/v2\/docs\/6757","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cldy.com\/support\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.cldy.com\/support\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.cldy.com\/support\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cldy.com\/support\/wp-json\/wp\/v2\/comments?post=6757"}],"version-history":[{"count":13,"href":"https:\/\/www.cldy.com\/support\/wp-json\/wp\/v2\/docs\/6757\/revisions"}],"predecessor-version":[{"id":7674,"href":"https:\/\/www.cldy.com\/support\/wp-json\/wp\/v2\/docs\/6757\/revisions\/7674"}],"wp:attachment":[{"href":"https:\/\/www.cldy.com\/support\/wp-json\/wp\/v2\/media?parent=6757"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.cldy.com\/support\/wp-json\/wp\/v2\/doc_category?post=6757"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.cldy.com\/support\/wp-json\/wp\/v2\/doc_tag?post=6757"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}