Diferencia entre revisiones de «Configuración - Portal DRecepción Validación Previa»
Sin resumen de edición |
Sin resumen de edición |
||
| (No se muestran 25 ediciones intermedias de 3 usuarios) | |||
| Línea 1: | Línea 1: | ||
__NOTOC__ | |||
< | <span id="menu-recepcion"></span> | ||
<div style="background: #ffffff; border: none; border-left: 6px solid #0052cc; padding: 25px; border-radius: 12px; font-size: 1.05em; width: 50%; box-shadow: 0 10px 25px rgba(0,0,0,0.08); margin-bottom: 30px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;"> | |||
== <span style="display: inline-block; background: linear-gradient(90deg, #003366 0%, #0052cc 100%); color: white; padding: 8px 24px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,82,204,0.25); font-weight: bold; margin: 10px 0;">📑 Sumario - Recepción</span> == | |||
<ul style="line-height:1.7; list-style-type:none; margin-left:0; padding-left:1em;"> | |||
<li>[[#consideraciones-generales|1 – Consideraciones generales para la configuración del correo electrónico en el portal de recepción]]</li> | |||
<li>[[#configuraciones-dominio|2 – Configuraciones según el dominio de correo]] | |||
<ul style="padding-left:1.5em;"> | |||
<li>[[#config-gmail|2.1 – Configuración Gmail]]</li> | |||
<li>[[#config-hotmail|2.2 – Configuración Hotmail/Outlook]] | |||
<ul style="padding-left:1.5em;"> | |||
<li>[[#config-personal|2.2.1 – Configuración cuenta personal]]</li> | |||
<li>[[#config-corporativa|2.2.2 – Configuración cuenta corporativa]]</li> | |||
</ul> | |||
</li> | |||
<li>[[#config-yahoo|2.3 – Configuración Yahoo]]</li> | |||
<li>[[#config-zoho|2.4 – Configuración Zoho]]</li> | |||
<li>[[#config-dominio-propio|2.5 – Configuración para correos de dominio propio]]</li> | |||
<li>[[#config-siteground|2.6 – Configuración Servidor Siteground]]</li> | |||
</ul> | |||
</li> | |||
<li>[[#menu-servidores|3 – Listado de servidores y puertos]]</li> | |||
<li>[[#configuracion-dian|4 – Configuración de correo en la DIAN para Recepción Electrónica]]</li> | |||
<li>[[#configuracion-dian|5 – Vincular Usuarios con Proveedores y Categorías]]</li> | |||
</ul> | |||
</div> | |||
== <span style="display: inline-block; background: linear-gradient(90deg, #003366 0%, #0052cc 100%); color: white; padding: 8px 24px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,82,204,0.25); font-weight: bold; margin: 10px 0;">📌 <span style="color:#ffffff;">Consideraciones generales para la configuración del correo electrónico en el portal de recepción</span> [[#menu-recepcion|⬆️]]</span> == | |||
<div | <div style="margin:1.5em 0;"></div> | ||
</div> | |||
< | <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-bottom: 30px;"> | ||
<div style="background: #ffffff; border: 1px solid #e0e0e0; border-top: 5px solid #20C997; border-radius: 12px; padding: 20px; box-shadow: 0 6px 15px rgba(0,0,0,0.06); transition: transform 0.2s;"> | |||
<h3 style="color: #20C997; margin-top: 0; font-size: 1.3em;">🔄 Carga de documentos</h3> | |||
<p style="color: #444; margin: 0; line-height: 1.5;">Todos los documentos en la <b>bandeja de entrada</b> del correo configurado se cargarán en <b>HKA Recepción</b>, sin importar la fecha. Si tiene correos antiguos, muévalos a otra carpeta para evitar consumos innecesarios de transacciones.</p> | |||
</div> | |||
<div style="background: #ffffff; border: 1px solid #e0e0e0; border-top: 5px solid #0078D4; border-radius: 12px; padding: 20px; box-shadow: 0 6px 15px rgba(0,0,0,0.06); transition: transform 0.2s;"> | |||
<h3 style="color: #0078D4; margin-top: 0; font-size: 1.3em;">🔐 Seguridad de la cuenta</h3> | |||
<p style="color: #444; margin: 0; line-height: 1.5;">Cada vez que cambie la contraseña de su correo debe <b>reconfigurar la contraseña de aplicaciones</b> en el portal de recepción. La contraseña anterior se elimina automáticamente y sin la nueva no podrá acceder a sus datos.</p> | |||
</div> | |||
<div style="background: #ffffff; border: 1px solid #e0e0e0; border-top: 5px solid #FF8C00; border-radius: 12px; padding: 20px; box-shadow: 0 6px 15px rgba(0,0,0,0.06); transition: transform 0.2s;"> | |||
<h3 style="color: #FF8C00; margin-top: 0; font-size: 1.3em;">📨 Cuenta exclusiva</h3> | |||
<p style="color: #444; margin: 0; line-height: 1.5;">Utilice una <b>cuenta única y exclusiva</b> para la recepción de documentos electrónicos. Recuerde configurar nuevamente la contraseña de aplicaciones cuando sea necesario para evitar inconvenientes.</p> | |||
</div> | |||
< | <div style="background: #ffffff; border: 1px solid #e0e0e0; border-top: 5px solid #6f42c1; border-radius: 12px; padding: 20px; box-shadow: 0 6px 15px rgba(0,0,0,0.06); transition: transform 0.2s;"> | ||
<h3 style="color: #6f42c1; margin-top: 0; font-size: 1.3em;">⏱️ Tiempos estimados</h3> | |||
<p style="color: #444; margin: 0; line-height: 1.5;">El sistema lee los correos en promedio a los <b>30 minutos</b> de la configuración. Una vez movidos a la carpeta de descarga, la carga en el portal toma cerca de <b>15 minutos</b>. Estos tiempos pueden variar según el tráfico.</p> | |||
</div> | |||
</div> | |||
<div style="margin:1.5em 0;"></div> | |||
<br> | <div style="font-size:14px; color:#444; margin:6px 0 12px 0;"> | ||
A continuación encontrará unas recomendaciones importantes. <br> | |||
<div | Que podrá visualizar el video de apoyo: | ||
{{#widget:YouTube|id= | <div style="text-align:center; margin:20px 0;"> | ||
<div style="display:inline-block; border:2px solid #d6d8d9; border-radius:10px; padding:6px; box-shadow:1px 1px 5px rgba(0,0,0,0.1);"> | |||
{{#widget:YouTube|id=IPz5k2pY1tA|width=660|height=415}} | |||
</div> | |||
</div> | </div> | ||
<span id="configuraciones-dominio"></span> | |||
== <span style="display: inline-block; background: linear-gradient(90deg, #003366 0%, #0052cc 100%); color: white; padding: 8px 24px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,82,204,0.25); font-weight: bold; margin: 10px 0;">📧 <span style="color:#ffffff;">2. Configuraciones según el dominio de correo</span> [[#menu-recepcion|⬆️]]</span> == | |||
Para usar HKA Recepción es necesario contar con una '''cuenta de correo única y exclusiva''' para la recepción de documentos electrónicos. | |||
A continuación encontrará la guía de configuración según el dominio de correo: | |||
{{clear}} | |||
<span id="config-gmail"></span> | |||
==== <span style="display: inline-block; background: linear-gradient(90deg, #003366 0%, #0052cc 100%); color: white; padding: 8px 24px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,82,204,0.25); font-weight: bold; margin: 10px 0;">2.1 Configuración con Gmail [[#menu-recepcion|⬆️]]</span> ==== | |||
Si su cuenta es de ''Gmail'', siga estos pasos para completar la configuración: | |||
<div style="text-align:center; margin:20px 0;"> | |||
<div style="display:inline-block; border:2px solid #d6d8d9; border-radius:10px; padding:6px; box-shadow:1px 1px 5px rgba(0,0,0,0.1);"> | |||
{{#widget:YouTube|id=hn8k1VcRpQ8|width=660|height=415}} | |||
</div> | |||
</div> | |||
File: | <div style="display: flex; flex-direction: column; gap: 30px; margin: 30px 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;"> | ||
File: | <!-- Tarjeta de paso --> | ||
File: | <div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | ||
File: | <div style="display: flex; align-items: center; gap: 18px;"> | ||
File: | <div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">1</div> | ||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 1:''' Las cuentas de Google personales ya tienen activado el acceso IMAP de forma automática.</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:IMAP.png|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">2</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 2:''' Acceder a su cuenta de correo y haga clic en el ícono de su cuenta de Gmail y luego seleccione "Gestionar tu cuenta de Google".</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:CorreoGMAIL1.2.png|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">3</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 3:''' Al acceder a la configuración de su cuenta, en el menú lateral izquierdo, seleccione “Seguridad” y luego haga clic en "Verificación en dos pasos".</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:CorreoGmail1.3.0.png|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">4</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 4:''' Debe dar clic en la opción "Activa la verificación de 2 pasos".</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:CorreoGmail1.4.png|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">5</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 5:''' Aparecerá una ventana en la que podrá seleccionar cómo desea activar la verificación en dos pasos. Deberá elegir una de las opciones y proporcionar la información solicitada. Una vez completado, haga clic en "Listo".</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:CorreoGmail1.5.png|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">6</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 6:''' Haga clic en el buscador que se muestra en la imagen y escriba lentamente la palabra "aplicaciones" para así poder ver los resultados que aparecen. Cuando vea la opción "Contraseña de aplicaciones", selecciónela.</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:CorreoGmail1.6.png|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">7</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 7:''' Ingrese como nombre de la app "HKA Recepción" y de clic en crear.</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:CorreoGmail1.7.png|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">8</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 8:''' Copie la contraseña de aplicaciones generada.</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:CorreoGmail1.8.png|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">9</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 9:''' Ingrese al portal de recepción > de clic en configuración > luego en configuración de correo electrónico > por último de clic en crear configuración.</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:CorreoGeneral.png|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">10</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 10:''' Pegue la contraseña de aplicaciones en el campo de contraseña y de clic en siguiente.</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:DRVP_CONF_CORREO_GMAIL_12.png|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">11</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 11:''' Como servidor ingrese "imap.gmail.com" y de clic en siguiente.</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:CorreoGMAIL3.png|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">12</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 12:''' De clic en el campo de Usar SSL > seleccione si > de clic en probar conexión > y por ultimo de clic en guardar para finalizar la configuración de correo.</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:CorreoGMAIL4.png|650px|center]] | |||
</div> | |||
</div> | |||
</div> | |||
<br> | <br> | ||
| Línea 61: | Línea 215: | ||
En caso de que en su configuración no encuentre la opción de "verificación en dos pasos", debe acceder desde su administrador de Dominio y realizar el siguiente proceso: | En caso de que en su configuración no encuentre la opción de "verificación en dos pasos", debe acceder desde su administrador de Dominio y realizar el siguiente proceso: | ||
<div style="display: flex; flex-direction: column; gap: 30px; margin: 30px 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;"> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">1</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 1:''' En el menú lateral izquierdo debe seleccionar la opción de "seguridad", dirigirse a "autenticación" y hacer clic en "verificación en dos pasos".</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:DRVP CONF CORREO GMAIL 13.png|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">2</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 2:''' Deben activar la opción de check en la opción que dice "permitir a los usuarios activar la verificación en 2 pasos".</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:DRVP CONF CORREO GMAIL 14.png|650px|center]] | |||
</div> | |||
</div> | |||
</div> | |||
< | <div style="background: #f8f9fa; border-left: 5px solid #6c757d; border-radius: 12px; padding: 20px; margin-bottom: 40px; box-shadow: 0 4px 10px rgba(0,0,0,0.05);"> | ||
<h4 style="margin-top: 0; color: #343a40; font-size: 1.2em;">🔍 Solución de problemas: Contraseña de Aplicaciones</h4> | |||
<p style="margin-bottom: 10px; color: #444;">Si la opción para crear contraseñas de aplicaciones no aparece, verifique lo siguiente:</p> | |||
<ul style="color: #444; line-height: 1.6; padding-left: 20px;"> | |||
<li>La verificación en dos pasos puede no estar activada.</li> | |||
<li>Busque la opción "Contraseñas de aplicaciones" al final de la pantalla de "Verificación en dos pasos".</li> | |||
<li>Si tiene <b>Protección Avanzada</b> o llaves de seguridad físicas exclusivas, no podrá crear contraseñas. Se recomienda crear una nueva cuenta de Gmail exclusiva para recepción y actualizarla en el portal DIAN.</li> | |||
<li>Si elimina las llaves de seguridad, podrá volver a configurar la verificación incluyendo contraseñas de aplicaciones.</li> | |||
<li><b>Importante:</b> Si cambia la contraseña principal de Google, las contraseñas de aplicaciones se revocarán y deberá crear una nueva.</li> | |||
</ul> | |||
</div> | |||
{{clear}} | {{clear}} | ||
< | <hr style="border:0; height:1px; background-color:#d0e6d5; margin:1em 0;"> | ||
<span id="config-hotmail"></span> | |||
< | ==== <span style="display: inline-block; background: linear-gradient(90deg, #003366 0%, #0052cc 100%); color: white; padding: 8px 24px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,82,204,0.25); font-weight: bold; margin: 10px 0;">2.2 Configuración Hotmail/Outlook [[#menu-recepcion|⬆️]]</span> ==== | ||
< | Esta sección explica cómo configurar cuentas de correo bajo <strong>Hotmail y Outlook</strong> para la recepción de documentos electrónicos. Se detallan los pasos para configurar tanto <strong>cuentas personales</strong> como cuentas pertenecientes a <strong>dominios corporativos de Office 365</strong>. | ||
</ | |||
< | <span id="config-personal"></span> | ||
===== <span style="display: inline-block; background: linear-gradient(90deg, #003366 0%, #0052cc 100%); color: white; padding: 8px 24px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,82,204,0.25); font-weight: bold; margin: 10px 0;">2.2.1 – Configuración cuenta personal [[#menu-recepcion|⬆️]]</span> ===== | |||
Para configurar su cuenta de correo perteneciente a un dominio de Office 365, siga los pasos detallados a continuación. | |||
File: | <div style="display: flex; flex-direction: column; gap: 30px; margin: 30px 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;"> | ||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">1</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;"><div style="background-color:#f4fdf5; border:1px solid #d6f0d8; border-radius:10px; padding:10px; box-shadow:1px 1px 5px rgba(0,0,0,0.1);"><b>Paso 1:</b> En la esquina superior derecha ubique la opción de "Mi cuenta Microsoft".</div></div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:re101.png|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">2</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;"><div style="background-color:#f4fdf5; border:1px solid #d6f0d8; border-radius:10px; padding:10px; box-shadow:1px 1px 5px rgba(0,0,0,0.1);"><b>Paso 2:</b> Seleccione la pestaña de "Seguridad" en la sección "Nunca pierda acceso a su cuenta" y haga clic en "Administrar como inicio de sesión".</div></div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:DRVP CONF CORREO 365 2.png|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">3</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;"><div style="background-color:#f4fdf5; border:1px solid #d6f0d8; border-radius:10px; padding:10px; box-shadow:1px 1px 5px rgba(0,0,0,0.1);"><b>Paso 3:</b> Active la opción "Verificación en dos pasos". Su correo ya estará listo para configurar desde el portal.</div></div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:DRVP CONF CORREO 365 4.png|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">4</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;"><div style="background-color:#f4fdf5; border:1px solid #d6f0d8; border-radius:10px; padding:10px; box-shadow:1px 1px 5px rgba(0,0,0,0.1);"><b>Paso 4:</b> Ingrese al portal de recepción, haga clic en configuración > Configuración de correo electrónico > Crear configuración.</div></div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:CorreoGeneral.png|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">5</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;"><div style="background-color:#f4fdf5; border:1px solid #d6f0d8; border-radius:10px; padding:10px; box-shadow:1px 1px 5px rgba(0,0,0,0.1);"><b>Paso 5:</b> Dar clic en "Iniciar sesión con Microsoft".</div></div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:CHotmail.png|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">6</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;"><div style="background-color:#f4fdf5; border:1px solid #d6f0d8; border-radius:10px; padding:10px; box-shadow:1px 1px 5px rgba(0,0,0,0.1);"><b>Paso 6:</b> Ingrese el correo de recepción > Seleccione como tipo de cuenta personal > Por último dar clic en aceptar.</div></div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:CHotmail1.png|650px|center]] | |||
</div> | |||
</div> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">7</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;"><div style="background-color:#f4fdf5; border:1px solid #d6f0d8; border-radius:10px; padding:10px; box-shadow:1px 1px 5px rgba(0,0,0,0.1);"><b>Paso 7:</b> Inicie sesión en el correo de recepción y acepte los permisos de acceso de aplicación para la lectura de correos.</div></div> | |||
</div> | |||
<div style="display: flex; align-items: center; gap: 15px;"> | |||
<div style="background: #0078D4; color: white; border-radius: 50%; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; font-size: 1.2em; flex-shrink: 0; box-shadow: 0 3px 8px rgba(0,120,212,0.3);">✓</div> | |||
<div style="background: #fffdf9; border: 1px solid #fef0d8; border-left: 5px solid #ff9800; border-radius: 8px; padding: 15px; width: 100%; color: #444; font-size: 1.05em; line-height: 1.5; box-shadow: 0 2px 5px rgba(0,0,0,0.02);"> | |||
<span style="background-color: #ffb74d; color: #000; font-weight: bold; padding: 3px 6px; border-radius: 4px; margin-right: 5px;">NOTA:</span> Por favor, valide que la cuenta en la que está iniciando sesión y otorgando los permisos sea <b>exactamente la misma</b> que digitó en el <b>Paso 6</b>. | |||
</div> | |||
</div> | |||
File: | <div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | ||
[[File:CHotmail2.png|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">8</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;"><div style="background-color:#f4fdf5; border:1px solid #d6f0d8; border-radius:10px; padding:10px; box-shadow:1px 1px 5px rgba(0,0,0,0.1);"><b>Paso 8:</b> De clic en Aceptar y luego en cerrar.</div></div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:CHotmail3.png|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">9</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;"><div style="background-color:#f4fdf5; border:1px solid #d6f0d8; border-radius:10px; padding:10px; box-shadow:1px 1px 5px rgba(0,0,0,0.1);"><b>Paso 9:</b> Verifique la conexión del correo, revisando la tabla que se ve en la imagen. <strong>Información útil: </strong>Una vez configurado el correo, usted podrá activar o inactivar la lectura de correo desde esta misma tabla cuando lo desee. Hacerlo no afectará ni borrará su configuración previa.</div></div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:lectura.png|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">10</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;"><div style="background-color:#f4fdf5; border:1px solid #d6f0d8; border-radius:10px; padding:10px; box-shadow:1px 1px 5px rgba(0,0,0,0.1);"><b>Paso 10:</b> Tras la correcta configuración, en 30-35 minutos, se crearán automáticamente las carpetas: 'TFHKA-Recepción' (principal), 'Descargados' y 'Erróneos' (secundarias). Estas carpetas no deben ser modificadas y los correos deben permanecer en la bandeja de entrada para distribución automática.</div></div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:CHotmail5.png|650px|center]] | |||
</div> | |||
</div> | |||
</div> | |||
{{clear}} | |||
< | <span id="config-corporativa"></span> | ||
===== <span style="display: inline-block; background: linear-gradient(90deg, #003366 0%, #0052cc 100%); color: white; padding: 8px 24px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,82,204,0.25); font-weight: bold; margin: 10px 0;">2.2.2 – Configuración cuenta corporativa [[#menu-recepcion|⬆️]]</span> ===== | |||
< | |||
Para ver la configuración de cuentas corporativas, consulte el siguiente artículo: | |||
[https://felcowiki.thefactoryhka.com.co/index.php/HKA_Recepci%C3%B3n_-_Configuraci%C3%B3n_Microsoft_Office_365_%28OAUTH%29 Configuración Microsoft Office 365 (OAUTH)] | |||
{{clear}} | {{clear}} | ||
<hr style="border:0; height:1px; background-color:#d0e6d5; margin:1em 0;"> | |||
<span id="config-yahoo"></span> | |||
==== <span style="display: inline-block; background: linear-gradient(90deg, #003366 0%, #0052cc 100%); color: white; padding: 8px 24px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,82,204,0.25); font-weight: bold; margin: 10px 0;">2.3 Configuración Yahoo [[#menu-recepcion|⬆️]]</span> ==== | |||
< | |||
Para configurar su cuenta Yahoo para la recepción de documentos electrónicos debe realizar los siguientes pasos: | Para configurar su cuenta Yahoo para la recepción de documentos electrónicos debe realizar los siguientes pasos: | ||
<br> | <br> | ||
<div style="display: flex; flex-direction: column; gap: 30px; margin: 30px 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;"> | |||
<!-- Tarjeta de paso --> | |||
File:DRVP CONF CORREO YAHOO | <div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | ||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">1</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">Paso 1: Debe hacer clic en la sección superior derecha en su usuario, seleccionar "configuración de la cuenta".</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:DRVP CONF CORREO YAHOO 1.png|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">2</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">Paso 2: En la sección izquierda haga clic sobre "seguridad de la cuenta" y en el apartado central diríjase a "Generar contraseña de aplicaciones".</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:DRVP CONF CORREO YAHOO 2.png|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">3</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">Paso 3: Una vez que ha seleccionado "Generar contraseña de aplicaciones" aparecerá una vista donde debe seleccionar "empezar".</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:DRVP CONF CORREO YAHOO 3.png|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">4</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">Paso 4: Debe asignar un nombre a la aplicación a la cual corresponde la contraseña, por ejemplo "HKA Recepción".</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:DRVP CONF CORREO YAHOO 4.png|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">5</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">Paso 5: En cuanto se han realizado los pasos anteriores se genera una clave que se usará para la configuración IMAP.</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:DRVP CONF CORREO YAHOO 5.png|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">✓</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;"><div style="background: #fffdf5; border-left: 6px solid #ffaa00; padding: 18px 22px; border-radius: 8px; margin: 25px 0; color: #444; box-shadow: 0 5px 15px rgba(0,0,0,0.04); font-family: \'Segoe UI\', Tahoma, Geneva, Verdana, sans-serif;"><strong style="color: #d98200; font-size:1.1em;">NOTA:</strong> Debe tener en cuenta que esta va a ser la contraseña que debe usar en la sección de credenciales de correo electrónico en su portal HKA Recepción.</div></div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:DRVP CONF CORREO YAHOO 6.png|650px|center]] | |||
</div> | |||
</div> | |||
</div> | |||
<hr style="border:0; height:1px; background-color:#d0e6d5; margin:1em 0;"> | |||
<span id="config-zoho"></span> | |||
==== <span style="display: inline-block; background: linear-gradient(90deg, #003366 0%, #0052cc 100%); color: white; padding: 8px 24px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,82,204,0.25); font-weight: bold; margin: 10px 0;">2.4 Configuración Zoho [[#menu-recepcion|⬆️]]</span> ==== | |||
</ | |||
Puede configurar su cuenta de Zoho Mail en cualquier cliente IMAP estándar con los datos de la configuración que aparecen a continuación. | Puede configurar su cuenta de Zoho Mail en cualquier cliente IMAP estándar con los datos de la configuración que aparecen a continuación. | ||
| Línea 182: | Línea 494: | ||
<br> | <br> | ||
<div style="display: flex; flex-direction: column; gap: 30px; margin: 30px 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;"> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">1</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 1:''' Acceder a su cuenta de correo.</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:Zoho001.jpg|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">2</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 2:''' Seleccionar la opción de "Configuración".</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:Zoho002.jpg|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">3</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 3:''' Diríjase a la opción "Mail accounts".</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:Zoho003.jpg|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">4</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 4:''' Una vez se encuentre en el menú de Mail accounts debe hacer clic en la pestaña "IMAP"</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:Zoho004.jpg|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">5</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 5:''' Seleccione el campo de "IMAP ACCESS"</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:Zoho005.jpg|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">6</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 6:''' Y debería quedar así.</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:Zoho006.jpg|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">7</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 7:''' Nos vamos al final y presionamos "SAVE".</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:Zoho007.jpg|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">8</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 8:''' "Habilitar/deshabilitar la opción de TFA para usuarios específicos:" El administrador puede habilitar o deshabilitar el estado de TFA para los usuarios en el panel de control.</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:Zoho008.jpg|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">8.1</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 8.1:''' Inicie sesión en la consola de administración de Zoho Mail > Vaya a Usuarios en el panel izquierdo y haga clic en el usuario para el cual desea habilitar o deshabilitar la TFA > Vaya a Configuración de seguridad, haga clic en TFA y desactívela.</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:Zoho008.jpg|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">9</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 9:''' Restablecer la TFA para usuarios específicos. El administrador puede restablecer la opción de TFA para los usuarios en caso de que hayan perdido el dispositivo móvil o no tengan acceso al dispositivo móvil que utilizaron en el momento de la activación de TFA.</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:Zoho009.jpg|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">9.1</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 9.1:''' Para restablecer la contraseña de un usuario, realice los siguientes pasos: Inicie sesión en la consola de administración de Zoho Mail > Vaya a Usuarios en el panel izquierdo y haga clic en el usuario para el cual desea restablecer la TFA.</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:Zoho009.jpg|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">9.2</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 9.2:''' > Vaya a Configuración de seguridad, haga clic en TFA y haga clic en Restablecer TFA. Una vez que la haya restablecido, el usuario puede configurar el modo de TFA otra vez durante el inicio de sesión.</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:Zoho009.jpg|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">10</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 10:''' "Generación de una contraseña específica de la aplicación" Si la autenticación de dos factores está habilitada para una cuenta, los usuarios deben proporcionar la contraseña específica de la aplicación cuando accedan a su cuenta a través de POP/IMAP o Active Sync.</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:Zoho010.jpg|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">10.1</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 10.1:''' Para generar una contraseña específica de la aplicación, realice los siguientes pasos:</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:Zoho010.jpg|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">10.2</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 10.2:''' Inicie sesión en Zoho Accounts > En el menú de la izquierda, vaya a Seguridad y haga clic en Contraseñas de la aplicación > Haga clic en Generar nueva contraseña.</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:Zoho010.jpg|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">11</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 11:''' Se le pedirá que indique el nombre de su aplicación para referencia futura. Introduzca el nombre y haga clic en "Generar".</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:Zoho011.jpg|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">12</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 12:''' Se genera su contraseña y podrá usarla para iniciar sesión desde una sola aplicación. '''NOTA: Debe tener en cuenta que esta va a ser la contraseña que debe usar en la sección de credenciales de correo electrónico en su portal HKA Recepción.'''</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:Zoho012.jpg|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">13</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 13:''' Debe acceder a su portal HKA Recepción , dirigirse al menú lateral izquierdo y seleccionar Configuración -> Configuración de correo electrónico.</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:Zoho013.jpg|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">14</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 14:''' En la “Configuración de correo” al seleccionar la opción “Crear configuración”</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:Zoho014.jpg|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">15</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 15:''' Debe indicar las credenciales de acceso al correo electrónico registrado en la Dian para la recepción de documentos electrónicos. Debe tener en cuenta la contraseña es la generada en el '''paso 12.'''</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:Zoho015.jpg|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">16</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 16:''' Establecer servidor y puerto según el dominio del correo electrónico válido ante la Dian, en la parte inferior puede ubicar el listado de servidores y puertos más comunes.</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:Zoho016.jpg|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">17</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 17:''' Probar la conexión, se recomienda habilitar el SSL para mantener la seguridad en la conexión con el correo electrónico.</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:Zoho017.jpg|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">18</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">'''Paso 18:''' En caso de que la conexión sea exitosa el botón “guardar” se habilitará.</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:Zoho018.jpg|650px|center]] | |||
</div> | |||
</div> | |||
</div> | |||
{{clear}} | {{clear}} | ||
'' | <div style="background: #f0f7ff; border-left: 6px solid #0052cc; padding: 18px 22px; border-radius: 8px; margin: 25px 0; color: #444; box-shadow: 0 5px 15px rgba(0,0,0,0.04); font-family: \'Segoe UI\', Tahoma, Geneva, Verdana, sans-serif;"><strong style="color: #0052cc; font-size:1.1em;">Nota:</strong> Una vez realizada la configuración interna de correo se generarán de manera automática las carpetas TFHKA -> Recepción -> Descargados/Erróneos</div> | ||
<hr> | <hr style="border:0; height:1px; background-color:#d0e6d5; margin:1em 0;"> | ||
< | <span id="config-dominio-propio"></span> | ||
==== <span style="display: inline-block; background: linear-gradient(90deg, #003366 0%, #0052cc 100%); color: white; padding: 8px 24px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,82,204,0.25); font-weight: bold; margin: 10px 0;">2.5 Configuración para correos de dominio propio [[#menu-recepcion|⬆️]]</span> ==== | |||
En esta sección se describen los servidores de correo de dominio propio que son compatibles con la plataforma HKA recepción. | En esta sección se describen los servidores de correo de dominio propio que son compatibles con la plataforma HKA recepción. | ||
'' | <div style="background: #f0f7ff; border-left: 6px solid #0052cc; padding: 18px 22px; border-radius: 8px; margin: 25px 0; color: #444; box-shadow: 0 5px 15px rgba(0,0,0,0.04); font-family: \'Segoe UI\', Tahoma, Geneva, Verdana, sans-serif;"><strong style="color: #0052cc; font-size:1.1em;">Nota:</strong> los servidores de correo aquí descritos aún no son la totalidad de los que son compatible, si su servidor de correo no se encuentra en este listado, se recomienda hacer pruebas de conexión con la plataforma hka recepción.</div> | ||
{{clear}} | {{clear}} | ||
| Línea 286: | Línea 783: | ||
<br> | <br> | ||
<b>En los dominios propios hay que ubicar la configuración manual del correo en el hosting. Algunos casos de ejemplo en los que puede tener un servidor diferente al nombre del dominio son los siguiente: GoDady y webmail </b> | <b>En los dominios propios hay que ubicar la configuración manual del correo en el hosting. Algunos casos de ejemplo en los que puede tener un servidor diferente al nombre del dominio son los siguiente: GoDady y webmail </b> | ||
[[Archivo:servidordominiopropio.jpg| | <div style="text-align:center;"> | ||
[[Archivo:servidordominiopropio.jpg| | <div style="display:inline-block; margin:0 10px;"> | ||
[[Archivo:servidordominiopropio.jpg|500px|miniaturadeimagen]] | |||
</div> | |||
<div style="display:inline-block; margin:0 10px;"> | |||
[[Archivo:servidordominiopropio.jpg|500px|miniaturadeimagen]] | |||
</div> | |||
</div> | |||
<includeonly>=</includeonly>====Observaciones para dominios propios:====<includeonly>=</includeonly> | <includeonly>=</includeonly>====Observaciones para dominios propios:====<includeonly>=</includeonly> | ||
*Si usted usa la herramienta Roundcube para acceder a su cuenta de correo de dominio propio, es necesario que al realizar la sincronización de su correo con el portal active las carpetas que se crean de manera automática. | *Si usted usa la herramienta Roundcube para acceder a su cuenta de correo de dominio propio, es necesario que al realizar la sincronización de su correo con el portal active las carpetas que se crean de manera automática. | ||
| Línea 297: | Línea 801: | ||
{{clear}} | {{clear}} | ||
<hr style="border:0; height:1px; background-color:#d0e6d5; margin:1em 0;"> | |||
<span id="config-siteground"></span> | |||
==== <span style="display: inline-block; background: linear-gradient(90deg, #003366 0%, #0052cc 100%); color: white; padding: 8px 24px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,82,204,0.25); font-weight: bold; margin: 10px 0;">2.6 Configuración Servidor Siteground [[#menu-recepcion|⬆️]]</span> ==== | |||
*Sigua estos pasos para configurar en el servidor Siteground | *Sigua estos pasos para configurar en el servidor Siteground | ||
< | <div style="display: flex; flex-direction: column; gap: 30px; margin: 30px 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;"> | ||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">✓</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">''' '''</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[Archivo:ServidorSiteground1.png|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">✓</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">''' '''</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[Archivo:ServidorSiteground2.png|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">✓</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">''' '''</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[Archivo:ServidorSiteground3.png|650px|center]] | |||
</div> | |||
</div> | |||
</div> | |||
<includeonly>=</includeonly>= Configuración de correo en el portal =<includeonly>=</includeonly> | |||
{{clear}} | |||
</ | <div style="background: #fffdf5; border-left: 6px solid #ffaa00; padding: 20px; border-radius: 8px; margin: 25px 0; box-shadow: 0 5px 15px rgba(0,0,0,0.04); font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;"> | ||
<div style="color: #d98200; font-weight: bold; font-size: 1.25em; margin-bottom: 12px; display: flex; align-items: center; gap: 8px;">⚠️ Advertencia:</div> | |||
<div style="color: #444; line-height: 1.6;">Todos los documentos electrónicos que se encuentren en la bandeja de entrada del correo de recepción que configure en el sistema, serán cargados en su plataforma HKA Recepción sin importar en qué fecha hayan sido recibidos. | |||
Si usted tiene documentos antiguos en su bandeja principal, se recomienda que los mueva a una carpeta diferente para evitar que su plataforma HKA Recepción realice carga de los mismos y genere un consumo de transacciones.</div> | |||
</div> | |||
< | <p>Para configurar su correo de recepción en el portal HKA Recepción, debe seguir el siguiente proceso:</p> | ||
<br> | <br> | ||
<div class="thumb center"> | <div class="thumb center"> | ||
| Línea 329: | Línea 859: | ||
</div> | </div> | ||
<div style="display: flex; flex-direction: column; gap: 30px; margin: 30px 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;"> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">1</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">Paso 1: Debe acceder a su portal HKA Recepción , dirigirse al menú lateral izquierdo y seleccionar Configuración -> Configuración de correo electrónico.</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:DRVP CONF CORREO 1.png|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">✓</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;"></div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:DRVP CONF CORREO 2.png|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">2</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">Paso 2: En la “Configuración de correo” al seleccionar la opción “Crear configuración” debe indicar las credenciales de acceso al correo electrónico registrado en la Dian para la recepción de documentos electrónicos.</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:DRVP CONF CORREO 3.png|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">3</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">Paso 3: Establecer servidor y puerto según el dominio del correo electrónico válido ante la Dian, en la parte inferior puede ubicar el listado de servidores y puertos más comunes.</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:DRVP CONF CORREO 4.png|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">4</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">Paso 4: Probar la conexión, se recomienda habilitar el SSL para mantener la seguridad en la conexión con el correo electrónico.</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:DRVP CONF CORREO 6.png|650px|center]] | |||
</div> | |||
</div> | |||
<!-- Tarjeta de paso --> | |||
<div style="background: #ffffff; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); padding: 30px; border: 1px solid #f0f2f5; display: flex; flex-direction: column; gap: 20px; transition: box-shadow 0.3s ease;"> | |||
<div style="display: flex; align-items: center; gap: 18px;"> | |||
<div style="background: linear-gradient(135deg, #0052cc 0%, #0099ff 100%); color: white; border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bold; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,82,204,0.3);">5</div> | |||
<div style="font-size: 1.15em; color: #333; line-height: 1.5; font-weight: 500; width: 100%;">Paso 5: En caso de que la conexión sea exitosa el botón “guardar” se habilitará.</div> | |||
</div> | |||
<div style="background: #f8f9fa; padding: 25px; border-radius: 12px; text-align: center; border: 1px solid #e9ecef;"> | |||
[[File:DRVP CONF CORREO 7.png|650px|center]] | |||
</div> | |||
</div> | |||
</div> | |||
<br> | |||
<span id="menu-servidores"></span> | |||
== <span style="display: inline-block; background: linear-gradient(90deg, #003366 0%, #0052cc 100%); color: white; padding: 8px 24px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,82,204,0.25); font-weight: bold; margin: 10px 0;"><span style="color:#ffffff;">3. Listado de servidores y puertos</span> [[#menu-recepcion|⬆️]]</span> == | |||
{| class="wikitable" style="border:1px solid #d9d9d9; border-collapse:collapse; width:30%; text-align:center; margin:1em auto;" | |||
{| class="wikitable" | |||
|- | |- | ||
!Correo ! | ! style="background-color:#a2c6df; color:#1a1a1a; padding:8px;" | Correo | ||
! style="background-color:#a2c6df; color:#1a1a1a; padding:8px;" | Servidor | |||
! style="background-color:#a2c6df; color:#1a1a1a; padding:8px;" | Puerto | |||
|- | |- | ||
|Gmail || imap.gmail.com ||993 | | style="background-color:#f8f9fa; padding:6px;" | Gmail | ||
| style="background-color:#f8f9fa; padding:6px;" | imap.gmail.com | |||
| style="background-color:#f8f9fa; padding:6px;" | 993 | |||
|- | |- | ||
|Hotmail || Outlook.office365.com||993 | | style="background-color:#ffffff; padding:6px;" | Hotmail | ||
| style="background-color:#ffffff; padding:6px;" | Outlook.office365.com | |||
| style="background-color:#ffffff; padding:6px;" | 993 | |||
|- | |- | ||
|Yahoo || export.imap.mail.yahoo.com ||993 | | style="background-color:#f8f9fa; padding:6px;" | Yahoo | ||
| style="background-color:#f8f9fa; padding:6px;" | export.imap.mail.yahoo.com | |||
| style="background-color:#f8f9fa; padding:6px;" | 993 | |||
|} | |} | ||
{{clear}} | {{clear}} | ||
< | <span id="configuracion-dian"></span> | ||
== <span style="display: inline-block; background: linear-gradient(90deg, #003366 0%, #0052cc 100%); color: white; padding: 8px 24px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,82,204,0.25); font-weight: bold; margin: 10px 0;"><span style="color:#ffffff;">4. Configuración de correo en la DIAN para Recepción Electrónica</span> [[#menu-recepcion|⬆️]]</span> == | |||
En el siguiente video encontrará los pasos a seguir para la configuración del correo en la DIAN para Recepción Electrónica. | En el siguiente video encontrará los pasos a seguir para la configuración del correo en la DIAN para Recepción Electrónica. | ||
| Línea 372: | Línea 965: | ||
{{clear}} | {{clear}} | ||
<span id="vincular-usuarios"></span> | |||
== <span style="display: inline-block; background: linear-gradient(90deg, #003366 0%, #0052cc 100%); color: white; padding: 8px 24px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,82,204,0.25); font-weight: bold; margin: 10px 0;"><span style="color:#ffffff;">5. Vincular Usuarios con Proveedores y Categorías</span> [[#menu-recepcion|⬆️]]</span> == | |||
< | <div style="margin:1.5em 0;"></div> | ||
< | |||
Para más información, consulte la página: [[Vinculacion_Usuarios_Proveedores_Categorias|Asociación de usuarios con proveedores y categorías]]. | |||
Para | |||
[[ | |||
Revisión actual - 21:08 6 mar 2026
📑 Sumario - Recepción
- 1 – Consideraciones generales para la configuración del correo electrónico en el portal de recepción
- 2 – Configuraciones según el dominio de correo
- 3 – Listado de servidores y puertos
- 4 – Configuración de correo en la DIAN para Recepción Electrónica
- 5 – Vincular Usuarios con Proveedores y Categorías
📌 Consideraciones generales para la configuración del correo electrónico en el portal de recepción ⬆️
🔄 Carga de documentos
Todos los documentos en la bandeja de entrada del correo configurado se cargarán en HKA Recepción, sin importar la fecha. Si tiene correos antiguos, muévalos a otra carpeta para evitar consumos innecesarios de transacciones.
🔐 Seguridad de la cuenta
Cada vez que cambie la contraseña de su correo debe reconfigurar la contraseña de aplicaciones en el portal de recepción. La contraseña anterior se elimina automáticamente y sin la nueva no podrá acceder a sus datos.
📨 Cuenta exclusiva
Utilice una cuenta única y exclusiva para la recepción de documentos electrónicos. Recuerde configurar nuevamente la contraseña de aplicaciones cuando sea necesario para evitar inconvenientes.
⏱️ Tiempos estimados
El sistema lee los correos en promedio a los 30 minutos de la configuración. Una vez movidos a la carpeta de descarga, la carga en el portal toma cerca de 15 minutos. Estos tiempos pueden variar según el tráfico.
A continuación encontrará unas recomendaciones importantes.
Que podrá visualizar el video de apoyo:
📧 2. Configuraciones según el dominio de correo ⬆️
Para usar HKA Recepción es necesario contar con una cuenta de correo única y exclusiva para la recepción de documentos electrónicos. A continuación encontrará la guía de configuración según el dominio de correo:
2.1 Configuración con Gmail ⬆️
Si su cuenta es de Gmail, siga estos pasos para completar la configuración:
En caso de que en su configuración no encuentre la opción de "verificación en dos pasos", debe acceder desde su administrador de Dominio y realizar el siguiente proceso:
🔍 Solución de problemas: Contraseña de Aplicaciones
Si la opción para crear contraseñas de aplicaciones no aparece, verifique lo siguiente:
- La verificación en dos pasos puede no estar activada.
- Busque la opción "Contraseñas de aplicaciones" al final de la pantalla de "Verificación en dos pasos".
- Si tiene Protección Avanzada o llaves de seguridad físicas exclusivas, no podrá crear contraseñas. Se recomienda crear una nueva cuenta de Gmail exclusiva para recepción y actualizarla en el portal DIAN.
- Si elimina las llaves de seguridad, podrá volver a configurar la verificación incluyendo contraseñas de aplicaciones.
- Importante: Si cambia la contraseña principal de Google, las contraseñas de aplicaciones se revocarán y deberá crear una nueva.
2.2 Configuración Hotmail/Outlook ⬆️
Esta sección explica cómo configurar cuentas de correo bajo Hotmail y Outlook para la recepción de documentos electrónicos. Se detallan los pasos para configurar tanto cuentas personales como cuentas pertenecientes a dominios corporativos de Office 365.
2.2.1 – Configuración cuenta personal ⬆️
Para configurar su cuenta de correo perteneciente a un dominio de Office 365, siga los pasos detallados a continuación.
NOTA: Por favor, valide que la cuenta en la que está iniciando sesión y otorgando los permisos sea exactamente la misma que digitó en el Paso 6.
2.2.2 – Configuración cuenta corporativa ⬆️
Para ver la configuración de cuentas corporativas, consulte el siguiente artículo: Configuración Microsoft Office 365 (OAUTH)
2.3 Configuración Yahoo ⬆️
Para configurar su cuenta Yahoo para la recepción de documentos electrónicos debe realizar los siguientes pasos:
2.4 Configuración Zoho ⬆️
Puede configurar su cuenta de Zoho Mail en cualquier cliente IMAP estándar con los datos de la configuración que aparecen a continuación.
Configuración de servidor entrante
(usuarios personales con una dirección de correo electrónico,[email protected] ó [email protected]):
Nombre de servidor entrante: imap.zoho.com
Puerto: 993 Requerir
SSL: Sí
Nombre de usuario: [email protected] ó [email protected]
Configuración de servidor entrante (usuarios de la organización con una dirección de correo electrónico basada en dominios, [email protected]): Nombre de servidor entrante: imappro.zoho.com
Puerto: 993 Requerir
SSL: Sí
Nombre de usuario: [email protected]
Configuración de vista de carpetas del IMAP Un buzón con muchas carpetas y capacidad puede ser engorroso para efectos de visualización y sincronización de los correos electrónicos en los clientes con el IMAP.
Para optimizar el rendimiento de los clientes con IMAP, puede seleccionar las carpetas que desee sincronizar con el IMAP mediante los pasos que se indican a continuación:
- -Inicie sesión en Zoho Mail
- -Vaya a Configuración
- -Navegue a Cuentas de correo>> Acceso al IMAP
- -En la sección Acceso al IMAP, haga clic en Abrir ahora la configuración de carpeta.
- -Seleccione las carpetas que desee ver en los clientes con IMAP.
2.5 Configuración para correos de dominio propio ⬆️
En esta sección se describen los servidores de correo de dominio propio que son compatibles con la plataforma HKA recepción.
Pasos Básicos para todos los dominios propios:
- 1: Activar del IMAP, o dar permisos de IMAP a la cuenta de correo que se va a configurar.
- 2: Obtener las claves de acceso ya sea de la cuenta o de la aplicación según sea el caso.
- 3: Validar el servidor y el puerto de conexión para IMAP.
- 4: Sincronizar el correo en HKA Recepción.
- 5: Activar las carpetas (si no están activas) en la cuenta de correo sincronizada.
- 6: esperar 20 minutos y validar carga de correos.
| Dominio | Servidor | Puerto | SSL |
|---|---|---|---|
| GoDaddy | imap.secureserver.net | 993 | Si |
| Colombia Hosting | mail.dominio.com | 993 | Si |
| Latinoamérica Hosting | mail.dominio.com | 993 | Si |
| Blue Host | mail.dominio.com | 993 | Si |
| Web comercial | mail.dominio.com | 993 | Si |
| Dungee | mail.dominio.com | 993 | Si |
| Hostinger | imap.hostinger.com | 993 | Si |
| Inmotion hosting | secure249.inmotionhosting.com | 993 | Si |
| Yandex | imap.yandex.com | 993 | Si |
| Edgeuno | pop.edgeuno.mail | 993 | Si |
| Publicar dominio propio | ubicar información en el hosting | 993 | Si |
En los dominios propios hay que ubicar la configuración manual del correo en el hosting. Algunos casos de ejemplo en los que puede tener un servidor diferente al nombre del dominio son los siguiente: GoDady y webmail
Observaciones para dominios propios:
- Si usted usa la herramienta Roundcube para acceder a su cuenta de correo de dominio propio, es necesario que al realizar la sincronización de su correo con el portal active las carpetas que se crean de manera automática.

- En caso de que en su cuenta de correo no se creen las carpetas después de haber sincronizado con la plataforma HKA Recepción y haya verificado que no las ve inactivas como en el punto anterior, puede crearlas manualmente.
2.6 Configuración Servidor Siteground ⬆️
- Sigua estos pasos para configurar en el servidor Siteground
Configuración de correo en el portal
Para configurar su correo de recepción en el portal HKA Recepción, debe seguir el siguiente proceso:
3. Listado de servidores y puertos ⬆️
| Correo | Servidor | Puerto |
|---|---|---|
| Gmail | imap.gmail.com | 993 |
| Hotmail | Outlook.office365.com | 993 |
| Yahoo | export.imap.mail.yahoo.com | 993 |
4. Configuración de correo en la DIAN para Recepción Electrónica ⬆️
En el siguiente video encontrará los pasos a seguir para la configuración del correo en la DIAN para Recepción Electrónica.
5. Vincular Usuarios con Proveedores y Categorías ⬆️
Para más información, consulte la página: Asociación de usuarios con proveedores y categorías.
























































