{"id":2272,"date":"2019-06-10T12:48:29","date_gmt":"2019-06-10T10:48:29","guid":{"rendered":"https:\/\/www.loading.es\/blog\/?p=2272"},"modified":"2025-12-23T10:34:13","modified_gmt":"2025-12-23T09:34:13","slug":"como-configurar-la-firma-de-correo-en-roundcube","status":"publish","type":"post","link":"https:\/\/www.loading.es\/blog\/como-configurar-la-firma-de-correo-en-roundcube\/","title":{"rendered":"C\u00f3mo configurar la firma de correo en Roundcube"},"content":{"rendered":"\n<p>Si usas <strong>Roundcube<\/strong> como tu cliente de correo y quieres a\u00f1adir una <strong>firma<\/strong> en tus mensajes, no te preocupes. Aunque Roundcube sea un <em>webmail<\/em> (un correo que usas desde el navegador), tambi\u00e9n te permite <strong>configurar una firma<\/strong> sin complicarte.<\/p>\n\n\n\n<p>\u00bfPara qu\u00e9 sirve esto? Para que tus emails salgan siempre con la misma informaci\u00f3n: tu nombre, tu cargo, tu tel\u00e9fono o tu web. Es como dejar preparada tu \u201ctarjeta de visita\u201d al final de cada correo, sin tener que escribirla cada vez.<\/p>\n\n\n\n<p>Adem\u00e1s, puedes hacerlo de dos formas: una <strong>firma sencilla<\/strong> en texto o una <strong>firma HTML<\/strong>, con enlaces y hasta una imagen. Lo importante es que quede clara y que se vea bien cuando la reciba la otra persona.<\/p>\n\n\n\n<p>Si esto te interesa aqu\u00ed te lo explicamos al detalle, paso a paso dentro de Roundcube. Y si al final quieres a\u00f1adir un logo, tambi\u00e9n veremos c\u00f3mo hacerlo para que no te d\u00e9 problemas.<\/p>\n\n\n\n<p><strong><em>Tabla de Contenidos:<\/em><\/strong><\/p>\n\n\n\n<div class=\"wp-block-aioseo-table-of-contents\"><ul><li><a href=\"#aioseo-que-necesitas-para-configurar-la-firma-de-correo-en-roundcube\">Qu\u00e9 necesitas para configurar la firma de correo en Roundcube<\/a><\/li><li><a href=\"#aioseo-como-poner-una-imagen-en-la-firma-subiendola-a-tu-hosting\">C\u00f3mo poner una imagen en la firma subi\u00e9ndola a tu hosting<\/a><ul><li><a href=\"#aioseo-paso-1-sube-el-logo-al-hosting\">Paso 1 Sube el logo al hosting<\/a><\/li><li><a href=\"#aioseo-paso-2-inserta-la-imagen-en-roundcube-usando-la-url\">Paso 2 Inserta la imagen en Roundcube usando la URL<\/a><\/li><li><a href=\"#aioseo-consejos-rapidos-para-que-no-de-problemas\">Consejos r\u00e1pidos para que no d\u00e9 problemas<\/a><\/li><\/ul><\/li><li><a href=\"#aioseo-comprueba-que-la-firma-se-ve-bien\">Comprueba que la firma se ve bien<\/a><ul><li><a href=\"#aioseo-si-algo-no-sale-bien-revisa-estos-ajustes\">Si algo no sale bien, revisa estos ajustes<\/a><\/li><li><a href=\"#aioseo-la-firma-no-aparece\">La firma no aparece<\/a><\/li><li><a href=\"#aioseo-la-firma-sale-sin-formato\">La firma sale sin formato<\/a><\/li><li><a href=\"#aioseo-la-imagen-no-se-ve\">La imagen no se ve<\/a><\/li><\/ul><\/li><li><a href=\"#aioseo-conclusion\">Conclusi\u00f3n<\/a><\/li><\/ul><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.loading.es\/hosting\/index.html\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" loading=\"lazy\" width=\"1000\" height=\"100\" src=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/oferta_hostingweb.png\" alt=\"oferta para contratar hosting web\" class=\"wp-image-8039\" srcset=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/oferta_hostingweb.png 1000w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/oferta_hostingweb-300x30.png 300w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/oferta_hostingweb-768x77.png 768w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/oferta_hostingweb-850x85.png 850w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"aioseo-que-necesitas-para-configurar-la-firma-de-correo-en-roundcube\">Qu\u00e9 necesitas para configurar la firma de correo en Roundcube<\/h2>\n\n\n\n<p>Antes de meternos con la configuraci\u00f3n, p\u00e1rate un momento. As\u00ed te aseguras de que la firma te queda bien a la primera.<\/p>\n\n\n\n<ul>\n<li><strong>Ten a mano el texto de tu firma<\/strong>: nombre, cargo, tel\u00e9fono y web (lo que de verdad quieras que vea quien te escribe).<\/li>\n\n\n\n<li><strong>Decide cu\u00e1ndo quieres que aparezca<\/strong>: \u00bfsolo en correos nuevos o tambi\u00e9n al responder y reenviar?<\/li>\n\n\n\n<li><strong>Si vas a usar un logo<\/strong>, prepara la imagen en un tama\u00f1o peque\u00f1o para que cargue r\u00e1pido y no \u201censucie\u201d el correo.<\/li>\n\n\n\n<li><strong>Haz una prueba mental r\u00e1pida<\/strong>: si alguien recibe tu email en el m\u00f3vil, \u00bfse leer\u00e1 f\u00e1cil o ser\u00e1 un bloque gigante?<\/li>\n<\/ul>\n\n\n\n<p>Con esto listo, ya puedes configurar la firma en Roundcube paso a paso.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p class=\"has-white-color has-light-green-cyan-background-color has-text-color has-background\"><strong>Entrada actualizada el 31\/10\/2024<\/strong><\/p>\n\n\n\n<p>En esta entrada vamos a ense\u00f1aros a <strong>configurar nuestra firma de correo personalizada en <em>Roundcube.<\/em><\/strong><\/p>\n\n\n\n<ul>\n<li>Comenzaremos iniciando sesi\u00f3n en Roundcube, iremos a <strong>Configuraci\u00f3n &gt; Preferencias &gt; Composici\u00f3n de mensajes.<\/strong><\/li>\n\n\n\n<li>A la derecha, en <strong>\u00abRedactar mensajes HTML\u00bb<\/strong> pincharemos en el desplegable y seleccionaremos \u00abSiempre\u00bb y guardamos, as\u00ed, cada vez que redactemos un mensaje se incluir\u00e1 siempre autom\u00e1ticamente nuestra firma.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura.png\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"490\" src=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-1024x490.png\" alt=\"\" class=\"wp-image-9514\" srcset=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-1024x490.png 1024w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-300x144.png 300w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-768x368.png 768w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-1536x735.png 1536w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-850x407.png 850w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<ul>\n<li>Despu\u00e9s accederemos a <strong>Configuraci\u00f3n &gt; Identidades.<\/strong> Seleccionaremos la identidad en la que queremos crear la firma y la personalizamos. <\/li>\n\n\n\n<li>Cuando hayamos configurado nuestra firma, guardamos.<\/li>\n\n\n\n<li><strong>Si pulsamos sobre el icono de la fotograf\u00eda<\/strong>, podr\u00edamos incluir una imagen desde nuestro PC.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-1.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"490\" src=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-1-1024x490.jpg\" alt=\"\" class=\"wp-image-9515\" srcset=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-1-1024x490.jpg 1024w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-1-300x144.jpg 300w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-1-768x368.jpg 768w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-1-1536x735.jpg 1536w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-1-850x407.jpg 850w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-1.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Habiendo pulsado sobre el icono, nos mostrar\u00e1 mayores opciones de edici\u00f3n, interes\u00e1ndonos de nuevo el  <strong>icono de la fotograf\u00eda<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-2.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-2-1024x490.png\" alt=\"\" class=\"wp-image-9516\" style=\"width:840px;height:402px\" width=\"840\" height=\"402\" srcset=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-2-1024x490.png 1024w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-2-300x144.png 300w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-2-768x368.png 768w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-2-1536x735.png 1536w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-2-850x407.png 850w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-2.png 1920w\" sizes=\"(max-width: 840px) 100vw, 840px\" \/><\/a><\/figure>\n\n\n\n<p>Podr\u00edamos indicar la <strong>URL donde se encuentra alojada la imagen<\/strong>, o <strong>importarla desde nuestro equipo<\/strong> pinchando sobre el icono se\u00f1alado:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/2.1.png\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"490\" src=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/2.1-1024x490.png\" alt=\"\" class=\"wp-image-9517\" srcset=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/2.1-1024x490.png 1024w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/2.1-300x144.png 300w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/2.1-768x368.png 768w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/2.1-1536x735.png 1536w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/2.1-850x407.png 850w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/2.1.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Pulsaremos entonces sobre <strong>A\u00f1adir Imagen<\/strong>, seleccionado la deseada, y volviendo a pulsar\/seleccionar sobre la que hayamos adjuntado al proceso.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-3.png\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"490\" src=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-3-1024x490.png\" alt=\"\" class=\"wp-image-9518\" srcset=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-3-1024x490.png 1024w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-3-300x144.png 300w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-3-768x368.png 768w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-3-1536x735.png 1536w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-3-850x407.png 850w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-3.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>La imagen se nos cargar\u00e1 como en la siguiente imagen, mostr\u00e1ndonos las dimensiones y pudiendo editarlas:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/3.1.png\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"490\" src=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/3.1-1024x490.png\" alt=\"\" class=\"wp-image-9519\" srcset=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/3.1-1024x490.png 1024w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/3.1-300x144.png 300w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/3.1-768x368.png 768w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/3.1-1536x735.png 1536w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/3.1-850x407.png 850w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/3.1.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Podr\u00e1 observar que se ha adjuntado al resto de la firma, pudiendo editarla:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-4.png\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"490\" src=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-4-1024x490.png\" alt=\"\" class=\"wp-image-9520\" srcset=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-4-1024x490.png 1024w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-4-300x144.png 300w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-4-768x368.png 768w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-4-1536x735.png 1536w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-4-850x407.png 850w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-4.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Y as\u00ed quedar\u00eda nuestra firma.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-5.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"489\" src=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-5-1024x489.png\" alt=\"\" class=\"wp-image-9521\" srcset=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-5-1024x489.png 1024w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-5-300x143.png 300w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-5-768x367.png 768w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-5-1536x733.png 1536w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-5-850x406.png 850w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/Captura-5.png 1911w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n   <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <style>\n        .rc-container {\n            max-width: 900px;\n            margin: 40px auto;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n            padding: 20px;\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n            border-radius: 16px;\n            box-shadow: 0 10px 40px rgba(55, 54, 61, 0.1);\n        }\n\n        .rc-title {\n            text-align: center;\n            color: #37363d;\n            font-size: 1.8em;\n            font-weight: 700;\n            margin-bottom: 35px;\n            display: block;\n        }\n\n        .rc-steps {\n            display: grid;\n            gap: 20px;\n            margin-bottom: 30px;\n        }\n\n        .rc-step {\n            background: white;\n            border-radius: 12px;\n            padding: 25px;\n            box-shadow: 0 4px 15px rgba(55, 54, 61, 0.08);\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n            cursor: pointer;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .rc-step::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 5px;\n            height: 100%;\n            background: linear-gradient(180deg, #db7424 0%, #ff8c3a 100%);\n            transform: scaleY(0);\n            transition: transform 0.3s ease;\n        }\n\n        .rc-step:hover {\n            transform: translateX(8px);\n            box-shadow: 0 8px 25px rgba(219, 116, 36, 0.15);\n        }\n\n        .rc-step:hover::before {\n            transform: scaleY(1);\n        }\n\n        .rc-step-header {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n            margin-bottom: 12px;\n        }\n\n        .rc-step-number {\n            width: 40px;\n            height: 40px;\n            background: linear-gradient(135deg, #db7424 0%, #ff8c3a 100%);\n            color: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: 700;\n            font-size: 1.1em;\n            flex-shrink: 0;\n            box-shadow: 0 4px 12px rgba(219, 116, 36, 0.3);\n        }\n\n        .rc-step-title {\n            color: #37363d;\n            font-weight: 600;\n            font-size: 1.15em;\n            display: block;\n        }\n\n        .rc-step-description {\n            color: #6c757d;\n            line-height: 1.6;\n            margin-left: 55px;\n            display: block;\n        }\n\n        .rc-tips {\n            background: white;\n            border-radius: 12px;\n            padding: 25px;\n            box-shadow: 0 4px 15px rgba(55, 54, 61, 0.08);\n            margin-top: 20px;\n        }\n\n        .rc-tips-title {\n            color: #37363d;\n            font-weight: 600;\n            font-size: 1.2em;\n            margin-bottom: 15px;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .rc-tips-icon {\n            width: 28px;\n            height: 28px;\n            background: linear-gradient(135deg, #28a745 0%, #34ce57 100%);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-weight: 700;\n            font-size: 1.2em;\n        }\n\n        .rc-tips-list {\n            display: grid;\n            gap: 12px;\n        }\n\n        .rc-tip-item {\n            display: flex;\n            align-items: start;\n            gap: 12px;\n            padding: 12px;\n            background: #f8f9fa;\n            border-radius: 8px;\n            transition: all 0.2s ease;\n        }\n\n        .rc-tip-item:hover {\n            background: #e9ecef;\n            transform: translateX(5px);\n        }\n\n        .rc-tip-bullet {\n            width: 8px;\n            height: 8px;\n            background: #db7424;\n            border-radius: 50%;\n            margin-top: 6px;\n            flex-shrink: 0;\n        }\n\n        .rc-tip-text {\n            color: #495057;\n            line-height: 1.5;\n            display: block;\n        }\n\n        .rc-flow {\n            display: flex;\n            align-items: center;\n            justify-content: space-around;\n            margin: 30px 0;\n            flex-wrap: wrap;\n            gap: 15px;\n        }\n\n        .rc-flow-item {\n            background: white;\n            padding: 20px;\n            border-radius: 10px;\n            box-shadow: 0 4px 12px rgba(55, 54, 61, 0.08);\n            text-align: center;\n            min-width: 140px;\n            transition: all 0.3s ease;\n        }\n\n        .rc-flow-item:hover {\n            transform: scale(1.05);\n            box-shadow: 0 6px 20px rgba(219, 116, 36, 0.2);\n        }\n\n        .rc-flow-icon {\n            font-size: 2em;\n            margin-bottom: 10px;\n            display: block;\n        }\n\n        .rc-flow-label {\n            color: #37363d;\n            font-weight: 600;\n            font-size: 0.9em;\n            display: block;\n        }\n\n        .rc-arrow {\n            color: #db7424;\n            font-size: 1.5em;\n            font-weight: 700;\n        }\n\n        @media (max-width: 768px) {\n            .rc-container {\n                padding: 15px;\n                margin: 20px auto;\n            }\n\n            .rc-title {\n                font-size: 1.4em;\n            }\n\n            .rc-step-description {\n                margin-left: 0;\n                margin-top: 10px;\n            }\n\n            .rc-flow {\n                flex-direction: column;\n            }\n\n            .rc-arrow {\n                transform: rotate(90deg);\n            }\n        }\n    <\/style>\n    <div class=\"rc-container\">\n        <span class=\"rc-title\">\ud83c\udfaf Configuraci\u00f3n de firma en Roundcube: Pasos clave<\/span>\n        \n        <div class=\"rc-steps\">\n            <div class=\"rc-step\">\n                <div class=\"rc-step-header\">\n                    <div class=\"rc-step-number\">1<\/div>\n                    <span class=\"rc-step-title\">Activar redacci\u00f3n HTML<\/span>\n                <\/div>\n                <span class=\"rc-step-description\">Ve a <strong>Configuraci\u00f3n \u2192 Preferencias \u2192 Composici\u00f3n de mensajes<\/strong> y selecciona \u00abSiempre\u00bb en \u00abRedactar mensajes HTML\u00bb<\/span>\n            <\/div>\n\n            <div class=\"rc-step\">\n                <div class=\"rc-step-header\">\n                    <div class=\"rc-step-number\">2<\/div>\n                    <span class=\"rc-step-title\">Crear la firma<\/span>\n                <\/div>\n                <span class=\"rc-step-description\">Accede a <strong>Configuraci\u00f3n \u2192 Identidades<\/strong>, selecciona tu identidad y personaliza tu firma con nombre, cargo y datos de contacto<\/span>\n            <\/div>\n\n            <div class=\"rc-step\">\n                <div class=\"rc-step-header\">\n                    <div class=\"rc-step-number\">3<\/div>\n                    <span class=\"rc-step-title\">A\u00f1adir imagen (opcional)<\/span>\n                <\/div>\n                <span class=\"rc-step-description\">Usa el icono de imagen para insertar tu logo mediante URL alojada en tu hosting. Evita adjuntar archivos directamente<\/span>\n            <\/div>\n\n            <div class=\"rc-step\">\n                <div class=\"rc-step-header\">\n                    <div class=\"rc-step-number\">4<\/div>\n                    <span class=\"rc-step-title\">Probar y verificar<\/span>\n                <\/div>\n                <span class=\"rc-step-description\">Env\u00edate un correo de prueba y \u00e1brelo desde el m\u00f3vil para verificar que todo se vea correctamente<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"rc-flow\">\n            <div class=\"rc-flow-item\">\n                <span class=\"rc-flow-icon\">\u2699\ufe0f<\/span>\n                <span class=\"rc-flow-label\">Configuraci\u00f3n<\/span>\n            <\/div>\n            <span class=\"rc-arrow\">\u2192<\/span>\n            <div class=\"rc-flow-item\">\n                <span class=\"rc-flow-icon\">\u270d\ufe0f<\/span>\n                <span class=\"rc-flow-label\">Identidad<\/span>\n            <\/div>\n            <span class=\"rc-arrow\">\u2192<\/span>\n            <div class=\"rc-flow-item\">\n                <span class=\"rc-flow-icon\">\ud83d\uddbc\ufe0f<\/span>\n                <span class=\"rc-flow-label\">Firma + Logo<\/span>\n            <\/div>\n            <span class=\"rc-arrow\">\u2192<\/span>\n            <div class=\"rc-flow-item\">\n                <span class=\"rc-flow-icon\">\u2705<\/span>\n                <span class=\"rc-flow-label\">Listo<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"rc-tips\">\n            <div class=\"rc-tips-title\">\n                <span class=\"rc-tips-icon\">\ud83d\udca1<\/span>\n                <span>Consejos importantes<\/span>\n            <\/div>\n            <div class=\"rc-tips-list\">\n                <div class=\"rc-tip-item\">\n                    <div class=\"rc-tip-bullet\"><\/div>\n                    <span class=\"rc-tip-text\">Usa im\u00e1genes de tama\u00f1o peque\u00f1o (m\u00e1ximo 200-300px de ancho) para que carguen r\u00e1pido<\/span>\n                <\/div>\n                <div class=\"rc-tip-item\">\n                    <div class=\"rc-tip-bullet\"><\/div>\n                    <span class=\"rc-tip-text\">Sube tu logo al hosting y usa la URL directa (ej: https:\/\/tudominio.com\/logo.png)<\/span>\n                <\/div>\n                <div class=\"rc-tip-item\">\n                    <div class=\"rc-tip-bullet\"><\/div>\n                    <span class=\"rc-tip-text\">Incluye siempre informaci\u00f3n en texto, no solo en la imagen<\/span>\n                <\/div>\n                <div class=\"rc-tip-item\">\n                    <div class=\"rc-tip-bullet\"><\/div>\n                    <span class=\"rc-tip-text\">Verifica que la firma aparezca en nuevos mensajes, respuestas y reenv\u00edos<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"aioseo-como-poner-una-imagen-en-la-firma-subiendola-a-tu-hosting\">C\u00f3mo poner una imagen en la firma subi\u00e9ndola a tu hosting<\/h2>\n\n\n\n<p>Este es el \u201cdetalle\u201d que m\u00e1s confunde. Subes el logo desde el editor, lo ves bien\u2026 y cuando env\u00edas el correo, la imagen llega como <strong>adjunto<\/strong>. \u00bfTe suena?<\/p>\n\n\n\n<p>La idea clave es esta: si quieres una firma \u201climpia\u201d, lo mejor es que la imagen se cargue desde una <strong>URL<\/strong>, no como un archivo incrustado en el mensaje. Y aqu\u00ed tiene todo el sentido usar tu propio <strong><a href=\"https:\/\/www.loading.es\/hosting\/index.html\" target=\"_blank\" rel=\"noopener\" title=\"Tu hosting en Loading\">hosting<\/a><\/strong>, porque ah\u00ed puedes guardar el logo y tener un enlace directo y estable.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-paso-1-sube-el-logo-al-hosting\">Paso 1 Sube el logo al hosting<\/h3>\n\n\n\n<p>Lo m\u00e1s pr\u00e1ctico es subir el archivo del logo a una carpeta p\u00fablica, igual que har\u00edas con cualquier imagen de una web.<\/p>\n\n\n\n<p>Si eres cliente de Loading, puedes subir la imagen directamente desde <strong>Plesk<\/strong>. Si quieres entenderlo r\u00e1pido antes de tocar nada, aqu\u00ed tienes una gu\u00eda sencilla: <a href=\"https:\/\/www.loading.es\/blog\/que-es-plesk-pros-contras\/\">qu\u00e9 es Plesk<\/a>.<\/p>\n\n\n\n<p>Cuando lo subas, qu\u00e9date con la ruta. Lo que necesitas al final es una <strong>URL directa<\/strong> que termine en <code>.png<\/code> o <code>.jpg<\/code>, por ejemplo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>https:&#47;&#47;tudominio.com\/imagenes\/logo.png<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-paso-2-inserta-la-imagen-en-roundcube-usando-la-url\">Paso 2 Inserta la imagen en Roundcube usando la URL<\/h3>\n\n\n\n<p>Dentro del editor de la firma, usa la opci\u00f3n de <strong>insertar imagen<\/strong> y pega la URL del logo.<\/p>\n\n\n\n<ul>\n<li>Roundcube te deja elegir, usa la opci\u00f3n de <strong>URL<\/strong> o <strong>enlace<\/strong>.<\/li>\n\n\n\n<li>Evita \u201csubir archivo\u201d desde el editor si tu objetivo es que no se adjunte.<\/li>\n<\/ul>\n\n\n\n<p>As\u00ed, el correo no \u201ctransporta\u201d la imagen dentro. Solo la muestra desde tu hosting.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"600\" height=\"502\" src=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/url-imagen-firma-roundcube.jpg\" alt=\"\" class=\"wp-image-11300\" srcset=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/url-imagen-firma-roundcube.jpg 600w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/url-imagen-firma-roundcube-300x251.jpg 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-consejos-rapidos-para-que-no-de-problemas\">Consejos r\u00e1pidos para que no d\u00e9 problemas<\/h3>\n\n\n\n<ul>\n<li><strong>Haz el logo peque\u00f1o<\/strong> para que cargue r\u00e1pido y se vea bien en m\u00f3vil.<\/li>\n\n\n\n<li><strong>No bases la firma en la imagen<\/strong>. Hay clientes de correo que bloquean im\u00e1genes y, si todo est\u00e1 en el logo, el destinatario no ver\u00e1 nada \u00fatil.<\/li>\n\n\n\n<li><strong>Comprueba el enlace<\/strong>. Si la URL no es directa o la carpeta no es p\u00fablica, el logo no se mostrar\u00e1.<\/li>\n<\/ul>\n\n\n\n<p>Con esto, tendr\u00e1s tu firma con imagen de forma m\u00e1s profesional y sin adjuntos raros.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"aioseo-comprueba-que-la-firma-se-ve-bien\">Comprueba que la firma se ve bien<\/h2>\n\n\n\n<p>Ya lo tienes configurado, pero aqu\u00ed viene lo importante. \u00bfDe verdad est\u00e1 quedando como esperas?<\/p>\n\n\n\n<p>La forma m\u00e1s r\u00e1pida de saberlo es hacer una prueba sencilla:<\/p>\n\n\n\n<ul>\n<li>Env\u00edate un correo a ti mismo y mira c\u00f3mo se ve.<\/li>\n\n\n\n<li>\u00c1brelo desde el m\u00f3vil. Si se ve bien en m\u00f3vil, casi seguro se ver\u00e1 bien en cualquier sitio.<\/li>\n\n\n\n<li>Responde a ese correo y comprueba una cosa: \u00bfla firma aparece donde toca o se duplica y queda un \u201ctocho\u201d al final?<\/li>\n<\/ul>\n\n\n\n<p>Si has a\u00f1adido una imagen, revisa tambi\u00e9n esto:<\/p>\n\n\n\n<ul>\n<li>\u00bfLa imagen carga sin problemas?<\/li>\n\n\n\n<li>\u00bfEl tama\u00f1o es razonable o se come media pantalla?<\/li>\n\n\n\n<li>\u00bfSigue vi\u00e9ndose el texto aunque la imagen no cargue?<\/li>\n<\/ul>\n\n\n\n<p>Con esta mini prueba te aseguras de que la firma no solo \u201cest\u00e1 puesta\u201d, sino que funciona bien en el d\u00eda a d\u00eda.<\/p>\n\n\n\n<!-- Contenedor principal con prefijo \u00fanico para evitar conflictos de CSS -->\n<div id=\"rc-visual-guide-container\" style=\"font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; color: #37363d; background-color: #fcfcfc; padding: 25px; border-radius: 12px; border: 1px solid #e0e0e0; max-width: 800px; margin: 20px auto; line-height: 1.6;\">\n\n    <!-- Estilos espec\u00edficos evitando el selector universal -->\n    <style>\n        #rc-visual-guide-container .rc-flex-row {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 15px;\n            margin-bottom: 30px;\n        }\n\n        #rc-visual-guide-container .rc-step-card {\n            flex: 1;\n            min-width: 180px;\n            background: #ffffff;\n            padding: 20px;\n            border-radius: 10px;\n            border-bottom: 4px solid #37363d;\n            box-shadow: 0 4px 6px rgba(0,0,0,0.05);\n            transition: all 0.3s ease;\n            cursor: pointer;\n            text-align: center;\n        }\n\n        #rc-visual-guide-container .rc-step-card:hover {\n            transform: translateY(-5px);\n            border-bottom-color: #db7424;\n            box-shadow: 0 8px 15px rgba(0,0,0,0.1);\n        }\n\n        #rc-visual-guide-container .rc-step-number {\n            display: inline-block;\n            width: 35px;\n            height: 35px;\n            background-color: #db7424;\n            color: white;\n            border-radius: 50%;\n            line-height: 35px;\n            font-weight: bold;\n            margin-bottom: 10px;\n        }\n\n        #rc-visual-guide-container .rc-step-title {\n            display: block;\n            font-weight: 700;\n            font-size: 1.1rem;\n            margin-bottom: 5px;\n        }\n\n        #rc-visual-guide-container .rc-info-panel {\n            background: #f0f4f7;\n            border-left: 5px solid #db7424;\n            padding: 20px;\n            border-radius: 0 8px 8px 0;\n            margin-top: 20px;\n            display: none;\n            animation: fadeIn 0.4s ease forwards;\n        }\n\n        #rc-visual-guide-container .rc-chart-section {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-direction: column;\n            margin-top: 40px;\n            background: #fff;\n            padding: 20px;\n            border-radius: 12px;\n        }\n\n        #rc-visual-guide-container .rc-label-highlight {\n            color: #db7424;\n            font-weight: bold;\n        }\n\n        #rc-visual-guide-container .rc-main-span {\n            font-size: 1.4rem;\n            font-weight: 800;\n            display: block;\n            margin-bottom: 20px;\n            color: #37363d;\n            border-left: 4px solid #db7424;\n            padding-left: 15px;\n        }\n\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(10px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        @media (max-width: 600px) {\n            #rc-visual-guide-container .rc-flex-row { flex-direction: column; }\n        }\n    <\/style>\n\n    <!-- T\u00edtulo visual (sin H2\/H3) -->\n    <span class=\"rc-main-span\">Ruta r\u00e1pida: Configuraci\u00f3n de Firma<\/span>\n\n    <!-- Bloques de Pasos -->\n    <div class=\"rc-flex-row\">\n        <div class=\"rc-step-card\" onclick=\"showRcStep(1)\">\n            <span class=\"rc-step-number\">1<\/span>\n            <span class=\"rc-step-title\">Configuraci\u00f3n<\/span>\n            <span style=\"font-size: 0.85rem; color: #666;\">Entra en el panel general<\/span>\n        <\/div>\n        <div class=\"rc-step-card\" onclick=\"showRcStep(2)\">\n            <span class=\"rc-step-number\">2<\/span>\n            <span class=\"rc-step-title\">Identidades<\/span>\n            <span style=\"font-size: 0.85rem; color: #666;\">Selecciona tu cuenta<\/span>\n        <\/div>\n        <div class=\"rc-step-card\" onclick=\"showRcStep(3)\">\n            <span class=\"rc-step-number\">3<\/span>\n            <span class=\"rc-step-title\">Firma<\/span>\n            <span style=\"font-size: 0.85rem; color: #666;\">Dise\u00f1a tu contenido<\/span>\n        <\/div>\n    <\/div>\n\n    <!-- Paneles de Informaci\u00f3n Detallada -->\n    <div id=\"rc-step-1\" class=\"rc-info-panel\">\n        <span style=\"font-weight: bold; display: block; margin-bottom: 8px;\">Paso 1: Acceso Inicial<\/span>\n        <span>Haz clic en el icono de <span class=\"rc-label-highlight\">Configuraci\u00f3n<\/span> situado en el men\u00fa lateral o superior (dependiendo de tu versi\u00f3n de Roundcube). Es el punto de partida para cualquier cambio t\u00e9cnico.<\/span>\n    <\/div>\n\n    <div id=\"rc-step-2\" class=\"rc-info-panel\">\n        <span style=\"font-weight: bold; display: block; margin-bottom: 8px;\">Paso 2: Gesti\u00f3n de Identidades<\/span>\n        <span>En la columna izquierda, pulsa en <span class=\"rc-label-highlight\">Identidades<\/span>. Aqu\u00ed aparecer\u00e1 tu direcci\u00f3n de correo. Selecci\u00f3nala para abrir el formulario de edici\u00f3n de perfil.<\/span>\n    <\/div>\n\n    <div id=\"rc-step-3\" class=\"rc-info-panel\">\n        <span style=\"font-weight: bold; display: block; margin-bottom: 8px;\">Paso 3: Editor HTML<\/span>\n        <span>Baja hasta el cuadro de \u00abFirma\u00bb. Aseg\u00farate de marcar la casilla <span class=\"rc-label-highlight\">Firma en HTML<\/span> para poder a\u00f1adir negritas, enlaces o im\u00e1genes con el editor visual.<\/span>\n    <\/div>\n\n    <!-- Secci\u00f3n de Gr\u00e1fico de \"Firma Perfecta\" -->\n    <div class=\"rc-chart-section\">\n        <span style=\"font-weight: 700; margin-bottom: 15px; color: #37363d;\">Elementos de una Firma Profesional<\/span>\n        <div style=\"width: 100%; max-width: 300px;\">\n            <canvas id=\"rcSignatureChart\"><\/canvas>\n        <\/div>\n        <p style=\"font-size: 0.9rem; color: #555; margin-top: 15px; text-align: center;\">\n            Prioriza el <span style=\"color:#db7424; font-weight:bold;\">Nombre y Cargo<\/span> para generar confianza inmediata.\n        <\/p>\n    <\/div>\n\n    <!-- Scripts necesarios (Chart.js) -->\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/3.9.1\/chart.min.js\"><\/script>\n    <script>\n        \/\/ Funci\u00f3n para intercambiar paneles de pasos\n        function showRcStep(stepNumber) {\n            \/\/ Ocultar todos los paneles\n            document.querySelectorAll('.rc-info-panel').forEach(panel => {\n                panel.style.display = 'none';\n            });\n            \/\/ Mostrar el seleccionado\n            document.getElementById('rc-step-' + stepNumber).style.display = 'block';\n        }\n\n        \/\/ Inicializar el primer paso por defecto\n        window.addEventListener('load', () => {\n            showRcStep(1);\n            \n            \/\/ Inicializar Gr\u00e1fico\n            const ctx = document.getElementById('rcSignatureChart').getContext('2d');\n            new Chart(ctx, {\n                type: 'doughnut',\n                data: {\n                    labels: ['Datos Contacto', 'Logo\/Imagen', 'Redes Sociales', 'Legal\/Aviso'],\n                    datasets: [{\n                        data: [40, 25, 20, 15],\n                        backgroundColor: [\n                            '#37363d', \/\/ Principal\n                            '#db7424', \/\/ Secundario\n                            '#6b6b75', \/\/ Gris medio\n                            '#f2a96b'  \/\/ Naranja claro complementario\n                        ],\n                        borderWidth: 2,\n                        hoverOffset: 10\n                    }]\n                },\n                options: {\n                    responsive: true,\n                    plugins: {\n                        legend: {\n                            position: 'bottom',\n                            labels: {\n                                boxWidth: 12,\n                                padding: 15,\n                                font: { size: 11 }\n                            }\n                        }\n                    },\n                    cutout: '60%'\n                }\n            });\n        });\n    <\/script>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-si-algo-no-sale-bien-revisa-estos-ajustes\">Si algo no sale bien, revisa estos ajustes<\/h3>\n\n\n\n<p>A veces lo configuras todo y aun as\u00ed la firma no aparece, o aparece rara. No suele ser nada grave. Normalmente es un ajuste que se ha quedado a medias.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-la-firma-no-aparece\">La firma no aparece<\/h3>\n\n\n\n<p>\u00bfHas guardado los cambios? Parece obvio, pero pasa.<\/p>\n\n\n\n<p>Luego revisa esto:<\/p>\n\n\n\n<ul>\n<li>Que est\u00e1s editando la <strong>identidad correcta<\/strong> (si tienes varias cuentas o direcciones).<\/li>\n\n\n\n<li>Que la firma est\u00e1 activada para el tipo de mensajes que usas (nuevos, respuestas o reenviados).<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-la-firma-sale-sin-formato\">La firma sale sin formato<\/h3>\n\n\n\n<p>Si tu firma lleva enlaces o estilos y se ve \u201cplana\u201d, suele ser porque el mensaje se est\u00e1 enviando en texto plano.<\/p>\n\n\n\n<p>Busca el ajuste de redacci\u00f3n en HTML y aseg\u00farate de que Roundcube redacta en ese modo cuando lo necesitas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-la-imagen-no-se-ve\">La imagen no se ve<\/h3>\n\n\n\n<p>Aqu\u00ed casi siempre es una de estas dos cosas:<\/p>\n\n\n\n<ul>\n<li>La URL no es directa (no termina en <code>.png<\/code> o <code>.jpg<\/code>, o apunta a una p\u00e1gina, no al archivo).<\/li>\n\n\n\n<li>La imagen est\u00e1 en una carpeta que no es p\u00fablica.<\/li>\n<\/ul>\n\n\n\n<p>Y un \u00faltimo detalle: algunos clientes de correo bloquean im\u00e1genes por defecto. Por eso es buena idea que la informaci\u00f3n importante est\u00e9 tambi\u00e9n en texto.<\/p>\n\n\n\n<p>Con estos repasos, la mayor\u00eda de problemas se resuelven en un minuto.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"aioseo-conclusion\">Conclusi\u00f3n<\/h2>\n\n\n\n<p>Configurar la <strong>firma de correo en Roundcube<\/strong> es un ajuste simple, pero se nota mucho en el d\u00eda a d\u00eda. Te ayuda a ahorrar tiempo y a que tus correos tengan siempre una imagen m\u00e1s clara y profesional, sin tener que repetir lo mismo en cada mensaje.<\/p>\n\n\n\n<p>Si tu firma es solo texto, con tenerla bien ordenada suele ser suficiente. Y si quieres a\u00f1adir un logo, recuerda la idea importante: <strong>mejor cargar la imagen desde una URL<\/strong> (por ejemplo, subi\u00e9ndola a tu hosting) para evitar que llegue como adjunto o que se rompa el formato.<\/p>\n\n\n\n<p>\u00bfLo mejor? Haz una \u00faltima prueba envi\u00e1ndote un correo y vi\u00e9ndolo desde el m\u00f3vil. Si ah\u00ed se ve bien, ya lo tienes listo.<\/p>\n\n\n\n<p>Si te surge alguna duda al configurarlo, d\u00e9jala en comentarios y la revisamos.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.loading.es\/hosting\/index.html\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" loading=\"lazy\" width=\"1000\" height=\"100\" src=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/oferta_hostingweb.png\" alt=\"oferta para contratar hosting web\" class=\"wp-image-8039\" srcset=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/oferta_hostingweb.png 1000w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/oferta_hostingweb-300x30.png 300w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/oferta_hostingweb-768x77.png 768w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/oferta_hostingweb-850x85.png 850w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<!-- Contenedor principal de FAQs -->\n<div class=\"faq-container-custom\" style=\"max-width: 800px; margin: 20px 0; font-family: inherit;\">\n  <style>\n    .faq-item-custom {\n      border-bottom: 1px solid #e2e8f0;\n      padding: 10px 0;\n    }\n    .faq-item-custom summary {\n      list-style: none;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      cursor: pointer;\n      font-weight: 600;\n      padding: 15px 0;\n      outline: none;\n    }\n    \/* Quitar la flecha por defecto en Chrome\/Safari *\/\n    .faq-item-custom summary::-webkit-details-marker {\n      display: none;\n    }\n    .faq-item-custom .faq-icon {\n      font-size: 1.2em;\n      transition: transform 0.3s ease;\n      margin-left: 10px;\n    }\n    .faq-item-custom[open] .faq-icon {\n      transform: rotate(45deg); \/* El '+' se convierte en una especie de 'x' o simplemente indica apertura *\/\n    }\n    .faq-content-custom {\n      padding: 5px 0 20px 0;\n      line-height: 1.6;\n      opacity: 0.9;\n    }\n  <\/style>\n\n  <!-- Pregunta 1 -->\n  <details class=\"faq-item-custom\">\n    <summary>\n      <span>\u00bfPuedo tener una firma distinta para cada cuenta o direcci\u00f3n?<\/span>\n      <span class=\"faq-icon\">+<\/span>\n    <\/summary>\n    <div class=\"faq-content-custom\">\n      S\u00ed. Roundcube trabaja con <strong>identidades<\/strong>. Si tienes varias direcciones (por ejemplo, info@ y soporte@), puedes configurar una firma diferente en cada identidad y usar la que toque en cada caso.\n    <\/div>\n  <\/details>\n\n  <!-- Pregunta 2 -->\n  <details class=\"faq-item-custom\">\n    <summary>\n      <span>\u00bfPor qu\u00e9 mi firma no aparece cuando respondo un correo?<\/span>\n      <span class=\"faq-icon\">+<\/span>\n    <\/summary>\n    <div class=\"faq-content-custom\">\n      Normalmente es un ajuste. Revisa si has activado la firma tambi\u00e9n para <strong>respuestas y reenviados<\/strong>. Si solo est\u00e1 para mensajes nuevos, al responder puede que no se muestre.\n    <\/div>\n  <\/details>\n\n  <!-- Pregunta 3 -->\n  <details class=\"faq-item-custom\">\n    <summary>\n      <span>\u00bfPor qu\u00e9 el logo llega como adjunto en algunos correos?<\/span>\n      <span class=\"faq-icon\">+<\/span>\n    <\/summary>\n    <div class=\"faq-content-custom\">\n      Suele pasar cuando la imagen se inserta como archivo incrustado. Para evitarlo, lo m\u00e1s limpio es <strong>subir el logo al hosting<\/strong> y a\u00f1adirlo en la firma usando la <strong>URL directa<\/strong> de la imagen (por ejemplo, un enlace que termine en .png o .jpg).\n    <\/div>\n  <\/details>\n\n  <!-- Pregunta 4 -->\n  <details class=\"faq-item-custom\">\n    <summary>\n      <span>\u00bfQu\u00e9 hago si mi firma sale sin formato o \u201caplastada\u201d?<\/span>\n      <span class=\"faq-icon\">+<\/span>\n    <\/summary>\n    <div class=\"faq-content-custom\">\n      Eso suele indicar que el correo se est\u00e1 enviando en <strong>texto plano<\/strong> o que el pegado meti\u00f3 estilos raros. Activa la redacci\u00f3n en <strong>HTML<\/strong> si necesitas formato y, si est\u00e1s pegando desde Word o Google Docs, prueba a pegar como texto y aplicar el formato desde Roundcube.\n    <\/div>\n  <\/details>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-4 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-el-blog-de-loading wp-block-embed-el-blog-de-loading\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"ujY4CF3w5i\"><a href=\"https:\/\/www.loading.es\/blog\/correo-phishing\/\">Qu\u00e9 es un correo de phishing y qu\u00e9 debo tener en cuenta para protegerme<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"\u00abQu\u00e9 es un correo de phishing y qu\u00e9 debo tener en cuenta para protegerme\u00bb \u2014 El blog de Loading\" src=\"https:\/\/www.loading.es\/blog\/correo-phishing\/embed\/#?secret=7FcGkKbedO#?secret=ujY4CF3w5i\" data-secret=\"ujY4CF3w5i\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-el-blog-de-loading wp-block-embed-el-blog-de-loading\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"IfgqQA6WN2\"><a href=\"https:\/\/www.loading.es\/blog\/6-tips-para-que-tu-correo-no-sea-marcado-como-spam\/\">#6 Tips para que tu correo no sea marcado como SPAM<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"\u00ab#6 Tips para que tu correo no sea marcado como SPAM\u00bb \u2014 El blog de Loading\" src=\"https:\/\/www.loading.es\/blog\/6-tips-para-que-tu-correo-no-sea-marcado-como-spam\/embed\/#?secret=z37ACz4M3d#?secret=IfgqQA6WN2\" data-secret=\"IfgqQA6WN2\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-el-blog-de-loading wp-block-embed-el-blog-de-loading\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"1kaF0qi6yI\"><a href=\"https:\/\/www.loading.es\/blog\/configurar-cuenta-de-correo-externa-en-gmail\/\">Configurar cuenta de correo externa en Gmail<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"\u00abConfigurar cuenta de correo externa en Gmail\u00bb \u2014 El blog de Loading\" src=\"https:\/\/www.loading.es\/blog\/configurar-cuenta-de-correo-externa-en-gmail\/embed\/#?secret=qBivjlzoO9#?secret=1kaF0qi6yI\" data-secret=\"1kaF0qi6yI\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n<\/div>\n<\/div>\n\n\n\n<!-- Marcado de datos estructurados (Schema.org) para Google -->\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"\u00bfPuedo tener una firma distinta para cada cuenta o direcci\u00f3n?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"S\u00ed. Roundcube trabaja con identidades. Si tienes varias direcciones (por ejemplo, info@ y soporte@), puedes configurar una firma diferente en cada identidad y usar la que toque en cada caso.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"\u00bfPor qu\u00e9 mi firma no aparece cuando respondo un correo?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Normalmente es un ajuste. Revisa si has activado la firma tambi\u00e9n para respuestas y reenviados. Si solo est\u00e1 para mensajes nuevos, al responder puede que no se muestre.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"\u00bfPor qu\u00e9 el logo llega como adjunto en algunos correos?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Suele pasar cuando la imagen se inserta como archivo incrustado. Para evitarlo, lo m\u00e1s limpio es subir el logo al hosting y a\u00f1adirlo en la firma usando la URL directa de la imagen (por ejemplo, un enlace que termine en .png o .jpg).\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"\u00bfQu\u00e9 hago si mi firma sale sin formato o \u201caplastada\u201d?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Eso suele indicar que el correo se est\u00e1 enviando en texto plano o que el pegado meti\u00f3 estilos raros. Activa la redacci\u00f3n en HTML si necesitas formato y, si est\u00e1s pegando desde Word o Google Docs, prueba a pegar como texto y aplicar el formato desde Roundcube.\"\n      }\n    }\n  ]\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Si usas Roundcube como tu cliente de correo y quieres a\u00f1adir una firma en tus mensajes, no te preocupes. Aunque Roundcube sea un webmail (un correo que usas desde el navegador), tambi\u00e9n te permite configurar una firma sin complicarte.<\/p>\n<p>\u00bfPara qu\u00e9 sirve esto? Para que tus emails salgan siempre con la misma informaci\u00f3n: tu nombre, tu cargo, tu tel\u00e9fono o tu web. Es como dejar preparada tu \u201ctarjeta de visita\u201d al final de cada correo, sin tener que escribirla cada vez.<\/p>\n","protected":false},"author":1,"featured_media":11303,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24,1],"tags":[119,60,118,114],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/posts\/2272"}],"collection":[{"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/comments?post=2272"}],"version-history":[{"count":25,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/posts\/2272\/revisions"}],"predecessor-version":[{"id":11310,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/posts\/2272\/revisions\/11310"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/media\/11303"}],"wp:attachment":[{"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/media?parent=2272"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/categories?post=2272"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/tags?post=2272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}