How to Add an Image to Your RoundCube HTML Signature

When working with signatures, you may want to spice yours up with images for your company or for branding. This requires the use of an HTML signature as well as writing your emails within the HTML editor. Below we show you how to include an image in your RoundCube signature.

Adding Images to Your HTML Signature in RoundCube

Set HTML Editor for Composing Emails

If you do not set the email composer to use HTML by default, the image will never display in the signature. Here, we explain how to set that.

  1. Log into your webmail interface.
  2. Select RoundCube from the email client choices.
  3. Click on Settings, found in the upper right corner of the screen.
  4. Click on Preferences.
  5. Click on Composing Messages, under the Section column.
  6. Set the Compose HTML messages dropdown to ‘Always‘.
  7. Click Save.

Set the Image in the Signature

Now that you have set the emails to be HTML by default, you can set the signature to have the image.

  1. Click on Settings in the upper right hand corner.
  2. Click on Identities.
  3. Click on the identity you want to set the signature for from the Identities column.
  4. In the right hand panel, locate the ‘Signature‘ field. To add an image, click the HTML icon on the toolbar.
  5. This brings up a separate editor box. Enter your image code here and then click Update.
  6. The image should now appear in the Signature box. Click on the Save button to save the signature.

Thoughts on “How to Add an Image to Your RoundCube HTML Signature

  • Hi. Does anyone perhaps know whether its possible to add an image signature to the Roundcube mail app on an Android phone?   It permits various Identities where you can capture general signature details, but no place to upload a logo or image as part of the signature.  Unlike using Roudcube via pc or laptop where you can add it by uploading to the html signature.

    Any advice?

    Thanks

  • How do you insert image link?  I tried using html code and it just display the code without the image.  I already went to settings and checked on html as always.  Under composing, I chose html as well.

    <a href=”some link” target=”_blank”><img src=”some image link”></a>

    This code does not display image nor create a hyperlink.

    • When you create your signature, you need to use the HTML tools to add the image. Once the image is added, highlight the image and select the Hyperlink tool to add a link to the image. Don’t forget to Save.

  • I am trying to insert our company logo below my signiture.  When I click on the icon to insert image, it asks for a source.  What do I type in there?

    • You can enter the URL to an image that is available online. Otherwise, you can select the icon to the right of the Source field to upload an image from your computer.

  • I have signatures working on the desktop but not on mobile. I organize email addresses for a group and on some they appear without images and with others, it won’t update to the new signatures. This is all currently on mobile.

     

    Additionally, I uploaded the images from my desktop. Would I have to upload them to a webpage and then use the webaddress for the image in the html code?

    • This guide is intended to assist you with setting up the email signature with an image (when sending ) in RoundCube. If you are not sending from RoundCube you would need to configure your signature in whichever software or mobile device application you are using.

      You are correct, it is best practice to upload the image to your server and then use HTML with the URL to that image in the signature.

      I hope this helps!

      Sincerely,
      Carlos D

  • I have added a signature, and it works fine when I create a new email via a computer, but the signature does not show up when I am reating a new email via my phone. Is that normal or can I fix this?

     

  • I have followed these instructions, and it looks great in the identities / signatures menu.

    When I compose a email, it removes the image.

     

    I have tried storing the image as a uploaded file, or referencing a URL where it is hosted elsewhere.

    • I’m not seeing any issues with the appearance of an image uploaded into the signature when I tested composing a message. I suggest ensuring that you have saved the Compose HTML Messages with the drop-down menu Always option selected. You can also select HTML as the Editor Type while composing a message, this also allows the signature to display the image using your HTML code. I hope this helps!

  • Thanks for the info.  Could you provide the HTML so I can copy it in and update the address of the image? Thanks.

Was this article helpful? Let us know!