Fiomega Support Center - Centro de asistencia y soporte de Fiomega

  • Inicio
  • WEB STORE
    • Sitio web tienda
    • Productos y Categorias
    • Shipping
    • Pedidos
    • Tienda Facebook
  • Cloud Email
    • Microsoft Exchange >
      • Creando buzones exchange >
        • Creación buzones Exchange
        • Creando una lista de distribución
        • Creando un contacto Exchange
      • Configurando la zona DNS >
        • Configuración de los registros MX
        • Autodiscover y Microsoft Exchange
      • Configurando clientes de correo y dispositivos móviles >
        • Configuración Guiada - Exchange
        • Microsoft Exchange 2010
        • Microsoft Exchange 2010 >
          • Outlook para Windows
          • Outlook 2011
          • Outlook 2010
          • Outlook 2007
          • Mac Mail
          • Entourage
        • Microsoft Exchange Dispositivos Móviles >
          • Configuración simple para iPhone
          • iPhone, iPad, iPod
          • Android
          • Blackberry
          • Windows Phone
          • Samsung Andorid o tableta
        • Microsoft Exchange 2007 >
          • Outlook 2011
          • Outlook 2010
          • Outlook 2007
          • Mac Mail
          • Entourage
        • Microsoft Exchange 2007 en dispositivos móviles >
          • iPhone, Ipad, iPod
          • Android
          • Blackberry
          • Blackberry 10
        • Ingresar a Microsoft Hosted Exchange vía Web browser >
          • Ingresando a OWA
          • Filtros de Spam y correo basura en Microsoft Exchange
          • Preferencias de Spam, listas seguras y listas negras
        • Migrar de su Exchange actual a Microsoft Hosted Exhcange
        • Preguntas frecuentes Microsoft Exchange
        • Artículos Generales >
          • Folders públicos en Microsoft
    • Business Email >
      • Panel de Control - Business Email
      • Webmail - Business Email
      • Creación y edición de buzones >
        • Agregar buzones
        • Agregar Listas de Grupos
        • Crear Alias
      • Configuración DNS >
        • Actualizar MX Records
        • Glosario de Términos DNS
      • Configuracion de Email >
        • Configuración Guiada
        • Diferencia entre IMAP y POP
        • Outlook 2011
        • Outlook 2010
        • Outlook 2007
        • Mac Mail
        • Entourage
        • Mobile Sync - iPhone / iPad
        • Mobile Sync - Android
        • IMAP en iPhone / iPad
        • IMAP en Blackberry
        • IMAP en Android
      • AntiSpam y AntiVirus >
        • Funcionamiento - Filtro de Spam
        • Configuración de AntiSpam
      • Configuraciones Generales >
        • Agregar firma en Webmail
        • Configurar Alias
    • Cloud eSend - Email Marketing >
      • Antes de empezar
      • Preparando mi ambiente
      • Configurando Registros SPF
      • Creando nuestro primer Email para envio >
        • Crear Email en HTML
        • Agregar imágenes al email
        • Crear Email en formato solo de texto (No HTML)
        • Guardar Email que se esta creando
      • Agregar Suscriptores a mi listas de envio >
        • Eliminando suscriptores
        • Actualización de un usuario inscrito individualmente
        • Creando Filtros >
          • Segmentar mi lista
        • Creando listas >
          • Cómo crear una lista
      • Realizando el Envío >
        • Realizar un envio
        • Realizar Envío de prueba
        • Cancelando un envio programado
        • Integrando Google Analytics a mi envío
      • Entrega >
        • Preguntas frecuentes sobre la entrega
      • Reportes >
        • Rebotes vs. No entregados
        • Click vs. Vistas
        • Cómo interpretar un reporte de entrega
      • Recomendaciones y sugerencias >
        • Que no hacer al realizar un envio
        • Reglas Clave que causan un análisis de SPAM
        • Por qué mi envio fue rechazado
        • Hints para mejorar la entrega
        • Cómo crear formularios personalizados de suscripción
        • Email Estándars
    • Cloud SMTP - Email Transaccional >
      • Prueba de conectividad
      • Ejemplos de código >
        • Perl
        • PHP
        • Python / Django
        • Ruby
      • Integración >
        • Frameworks >
          • CakePHP
          • CodeInteger
          • Django
          • Rubi On Rails
          • Symfony
          • Zend
        • Clientes de Correo >
          • Apple Mail
          • Outlook
          • Thunderbird
        • Mail Servers >
          • Exchange 2010
          • Exim
          • Microsoft IIS 7.5
          • Postfix
          • Qmail
          • SendMail
          • Ssmtp
        • Open Sources >
          • Drupal
          • Joomla
          • Magento
          • phpBB
      • Reporte de Entrega >
        • Alertas
        • Mensajes de Error en Email
        • Reporte de envio
      • Generalidades y recomendaciones >
        • Practicas de envio y limitacioes
        • Puertos de Cloud SMTP
        • Qué es Throttling
        • Preparando una IP (Warming UP)
        • Generalidades para el diseño de correo electrónico
        • ¿Cómo diseñar un correo electrónico HTML?
      • Documentación Cloud SMTP
    • ¿Cómo realizar encabezados para Correo Electrónico?
  • Cloud Web Hosting
    • Panel de Control - Cloud Web Hosting
    • Subiendo contenido
    • Configurando registros DNS
    • Bases de datos >
      • Crear y administrar una Base de Datos MySQL
      • Ingresar a PHPMyAdmin para administrar mi base de datos MySQL
      • Crear y administrar una Base de datos MSSQL
      • MyLittleAdmin para administrar mi base de datos MSSQL
    • Tecnologias - Cloud Web Hosting >
      • Administrar la tecnología de la cuenta
      • Tips y trucos para uso de .htaccess y web.config >
        • ¿Cómo puedo ver mi .Htaccess?
        • ¿Cómo puedo proteger con contraseña mi nube? >
          • ¿Cómo puedo encontrar mi Nube Linux en los Sitios web?
        • ¿Cómo niego ciertas direcciones IP?
        • ¿Como puedo evitar Hotlinking en sitios nube?
        • ¿Cómo se cambia el valor del tamaño máximo puesto?
        • ¿Cómo puedo cambiar el conjunto de caracteres por defecto para PHP?
        • ¿Cómo puedo cambiar el tiempo máximo de ejecución de PHP?
        • ¿Cómo puede PHP mostrar los errores en lugar de una página en blanco?
        • ¿Cómo puedo cambiar el tamaño máximo de carga de archivos PHP?
        • ¿Cómo puedo cambiar el valor límite de memoria de PHP?
        • ¿Cómo se cambia el valor del puesto de tamaño máximo?
        • ¿Cómo habilito listado de directorios en PHP?
        • ¿Cómo puedo dejar de ejecutar scripts PHP en un directorio?
        • ¿Cómo puedo configurar páginas de error para mi sitio PHP?
        • ¿Cómo puedo instalar mi propio módulo PEAR?
        • ¿Cómo se configura la zona horaria predeterminada para un sitio web Linux / PHP?
        • ¿Cómo puedo hacer una redirección 301?
        • ¿Cómo puedo habilitar el scripting CGI dentro de mi carpeta de raíz?
        • ¿Cómo puedo cambiar el juego de caracteres predeterminado de HTML?
        • ¿Cómo habilito Server Side Includes?
        • ¿Por qué el modo de reescritura no funciona en mi sitio?
        • ¿Cómo habilito el Listado de Directorio en ASP/.NET?
        • ¿Cómo agrego suplantación a Mi sitio Nube ASP.NET?
        • ¿Cómo puedo cambiar el documento predeterminado en mi sitio de Windows / IIS?
        • ¿Cómo habilito errores detallados en el clásico ASP y servidor de Errores secundarios en los Sitios de la nube?
        • ¿Cómo configuro customErrors en ASP/.NET en sitios Nube?
        • ¿Cómo reconstruir una aplicación ASP/NET en sitios Nube
        • ¿Cómo implementar un ensamblado Bin ASP/.NET en sitios Nube?
        • WCF e IIS enlaces
        • ¿Por qué mis HttpHandlers no funcionan para mi sitio ASP.NET en sitios de la nube?
        • ¿Cómo puedo rectificar un error de estado de vista que no es válido con una aplicación ASP.NET?
        • El modo integrado de ASP/.NET en sitios Nube
        • ¿Cómo puedo configurar 404s personalizados para ASP/.NET?
        • Modificando confianza de medios en sitios Nube
      • Uso de clientes FTP/SSHFS/FTP
    • Generalidades - Cloud Web Hosting >
      • Crear tareas programadas o Cron Jobs
  • Cloud eDrive
    • Configurando Versión Workgroup
    • Configurando Versión Server
    • Preguntas y Respuestas
Configuración
Fiomega Email
  • Inicio
  • WEB STORE
    • Sitio web tienda
    • Productos y Categorias
    • Shipping
    • Pedidos
    • Tienda Facebook
  • Cloud Email
    • Microsoft Exchange >
      • Creando buzones exchange >
        • Creación buzones Exchange
        • Creando una lista de distribución
        • Creando un contacto Exchange
      • Configurando la zona DNS >
        • Configuración de los registros MX
        • Autodiscover y Microsoft Exchange
      • Configurando clientes de correo y dispositivos móviles >
        • Configuración Guiada - Exchange
        • Microsoft Exchange 2010
        • Microsoft Exchange 2010 >
          • Outlook para Windows
          • Outlook 2011
          • Outlook 2010
          • Outlook 2007
          • Mac Mail
          • Entourage
        • Microsoft Exchange Dispositivos Móviles >
          • Configuración simple para iPhone
          • iPhone, iPad, iPod
          • Android
          • Blackberry
          • Windows Phone
          • Samsung Andorid o tableta
        • Microsoft Exchange 2007 >
          • Outlook 2011
          • Outlook 2010
          • Outlook 2007
          • Mac Mail
          • Entourage
        • Microsoft Exchange 2007 en dispositivos móviles >
          • iPhone, Ipad, iPod
          • Android
          • Blackberry
          • Blackberry 10
        • Ingresar a Microsoft Hosted Exchange vía Web browser >
          • Ingresando a OWA
          • Filtros de Spam y correo basura en Microsoft Exchange
          • Preferencias de Spam, listas seguras y listas negras
        • Migrar de su Exchange actual a Microsoft Hosted Exhcange
        • Preguntas frecuentes Microsoft Exchange
        • Artículos Generales >
          • Folders públicos en Microsoft
    • Business Email >
      • Panel de Control - Business Email
      • Webmail - Business Email
      • Creación y edición de buzones >
        • Agregar buzones
        • Agregar Listas de Grupos
        • Crear Alias
      • Configuración DNS >
        • Actualizar MX Records
        • Glosario de Términos DNS
      • Configuracion de Email >
        • Configuración Guiada
        • Diferencia entre IMAP y POP
        • Outlook 2011
        • Outlook 2010
        • Outlook 2007
        • Mac Mail
        • Entourage
        • Mobile Sync - iPhone / iPad
        • Mobile Sync - Android
        • IMAP en iPhone / iPad
        • IMAP en Blackberry
        • IMAP en Android
      • AntiSpam y AntiVirus >
        • Funcionamiento - Filtro de Spam
        • Configuración de AntiSpam
      • Configuraciones Generales >
        • Agregar firma en Webmail
        • Configurar Alias
    • Cloud eSend - Email Marketing >
      • Antes de empezar
      • Preparando mi ambiente
      • Configurando Registros SPF
      • Creando nuestro primer Email para envio >
        • Crear Email en HTML
        • Agregar imágenes al email
        • Crear Email en formato solo de texto (No HTML)
        • Guardar Email que se esta creando
      • Agregar Suscriptores a mi listas de envio >
        • Eliminando suscriptores
        • Actualización de un usuario inscrito individualmente
        • Creando Filtros >
          • Segmentar mi lista
        • Creando listas >
          • Cómo crear una lista
      • Realizando el Envío >
        • Realizar un envio
        • Realizar Envío de prueba
        • Cancelando un envio programado
        • Integrando Google Analytics a mi envío
      • Entrega >
        • Preguntas frecuentes sobre la entrega
      • Reportes >
        • Rebotes vs. No entregados
        • Click vs. Vistas
        • Cómo interpretar un reporte de entrega
      • Recomendaciones y sugerencias >
        • Que no hacer al realizar un envio
        • Reglas Clave que causan un análisis de SPAM
        • Por qué mi envio fue rechazado
        • Hints para mejorar la entrega
        • Cómo crear formularios personalizados de suscripción
        • Email Estándars
    • Cloud SMTP - Email Transaccional >
      • Prueba de conectividad
      • Ejemplos de código >
        • Perl
        • PHP
        • Python / Django
        • Ruby
      • Integración >
        • Frameworks >
          • CakePHP
          • CodeInteger
          • Django
          • Rubi On Rails
          • Symfony
          • Zend
        • Clientes de Correo >
          • Apple Mail
          • Outlook
          • Thunderbird
        • Mail Servers >
          • Exchange 2010
          • Exim
          • Microsoft IIS 7.5
          • Postfix
          • Qmail
          • SendMail
          • Ssmtp
        • Open Sources >
          • Drupal
          • Joomla
          • Magento
          • phpBB
      • Reporte de Entrega >
        • Alertas
        • Mensajes de Error en Email
        • Reporte de envio
      • Generalidades y recomendaciones >
        • Practicas de envio y limitacioes
        • Puertos de Cloud SMTP
        • Qué es Throttling
        • Preparando una IP (Warming UP)
        • Generalidades para el diseño de correo electrónico
        • ¿Cómo diseñar un correo electrónico HTML?
      • Documentación Cloud SMTP
    • ¿Cómo realizar encabezados para Correo Electrónico?
  • Cloud Web Hosting
    • Panel de Control - Cloud Web Hosting
    • Subiendo contenido
    • Configurando registros DNS
    • Bases de datos >
      • Crear y administrar una Base de Datos MySQL
      • Ingresar a PHPMyAdmin para administrar mi base de datos MySQL
      • Crear y administrar una Base de datos MSSQL
      • MyLittleAdmin para administrar mi base de datos MSSQL
    • Tecnologias - Cloud Web Hosting >
      • Administrar la tecnología de la cuenta
      • Tips y trucos para uso de .htaccess y web.config >
        • ¿Cómo puedo ver mi .Htaccess?
        • ¿Cómo puedo proteger con contraseña mi nube? >
          • ¿Cómo puedo encontrar mi Nube Linux en los Sitios web?
        • ¿Cómo niego ciertas direcciones IP?
        • ¿Como puedo evitar Hotlinking en sitios nube?
        • ¿Cómo se cambia el valor del tamaño máximo puesto?
        • ¿Cómo puedo cambiar el conjunto de caracteres por defecto para PHP?
        • ¿Cómo puedo cambiar el tiempo máximo de ejecución de PHP?
        • ¿Cómo puede PHP mostrar los errores en lugar de una página en blanco?
        • ¿Cómo puedo cambiar el tamaño máximo de carga de archivos PHP?
        • ¿Cómo puedo cambiar el valor límite de memoria de PHP?
        • ¿Cómo se cambia el valor del puesto de tamaño máximo?
        • ¿Cómo habilito listado de directorios en PHP?
        • ¿Cómo puedo dejar de ejecutar scripts PHP en un directorio?
        • ¿Cómo puedo configurar páginas de error para mi sitio PHP?
        • ¿Cómo puedo instalar mi propio módulo PEAR?
        • ¿Cómo se configura la zona horaria predeterminada para un sitio web Linux / PHP?
        • ¿Cómo puedo hacer una redirección 301?
        • ¿Cómo puedo habilitar el scripting CGI dentro de mi carpeta de raíz?
        • ¿Cómo puedo cambiar el juego de caracteres predeterminado de HTML?
        • ¿Cómo habilito Server Side Includes?
        • ¿Por qué el modo de reescritura no funciona en mi sitio?
        • ¿Cómo habilito el Listado de Directorio en ASP/.NET?
        • ¿Cómo agrego suplantación a Mi sitio Nube ASP.NET?
        • ¿Cómo puedo cambiar el documento predeterminado en mi sitio de Windows / IIS?
        • ¿Cómo habilito errores detallados en el clásico ASP y servidor de Errores secundarios en los Sitios de la nube?
        • ¿Cómo configuro customErrors en ASP/.NET en sitios Nube?
        • ¿Cómo reconstruir una aplicación ASP/NET en sitios Nube
        • ¿Cómo implementar un ensamblado Bin ASP/.NET en sitios Nube?
        • WCF e IIS enlaces
        • ¿Por qué mis HttpHandlers no funcionan para mi sitio ASP.NET en sitios de la nube?
        • ¿Cómo puedo rectificar un error de estado de vista que no es válido con una aplicación ASP.NET?
        • El modo integrado de ASP/.NET en sitios Nube
        • ¿Cómo puedo configurar 404s personalizados para ASP/.NET?
        • Modificando confianza de medios en sitios Nube
      • Uso de clientes FTP/SSHFS/FTP
    • Generalidades - Cloud Web Hosting >
      • Crear tareas programadas o Cron Jobs
  • Cloud eDrive
    • Configurando Versión Workgroup
    • Configurando Versión Server
    • Preguntas y Respuestas

Guía de diseño de correo electrónico 


Usted puede saber cómo crear un sitio web moderno y accesible. Ya conoce las reglas, las últimas opciones, etc. Pero ¿puede realmente tener todo ese conocimiento y utilizarlo para el diseño de correo electrónico? La respuesta corta es: NO. Esto debido a la variedad de clientes de correo electrónico y el apoyo limitado de CSS en muchos clientes de correo electrónico, hay algunas reglas muy específicas cuando se trata de diseño de un correo electrónico. Esta guía le ayudará a entender los puntos principales que usted debe de tener en cuenta para asegurar que su correo electrónico se muestra correctamente.

Antes de empezar... 

El Diseño de Correo Electrónico no es diseño web 


Si usted se preocupa por los estándares del W3C y utiliza lo último en CSS, etc. pues debe de olvidarse de todo eso cuando necesite realizar el diseño de correo electrónico. Básicamente puede pensar como si fuera el año 2000.


Layout

650px o menos ancho de diseño

La regla general para el tamaño de correo electrónico es mantenerlo 650px o menos de ancho. Esto permite que el mensaje se muestre correctamente (en general) en la mayoría de los clientes de correo electrónico y configuraciones de visualización.

Diseños simples son los mejores

En el diseño de correo electrónico la regla básica es "Simple es mejor". Si usted trata de hacer un diseño complicado se encontrará con un montón de problemas de lado del cliente de correo electrónico . Si usted está buscando realizar un diseño más avanzado, debe de considerar la utilización de tablas, por lo que debe de estar listo para utilizar una gran cantidad de tablas y establecer una buena cantidad de tiempo para poder maquetar su diseño, asi como tiempo para realizar las pruebas necesarias.

Utilice tablas de HTML básicas

Para crear el diseño general tendrá que utilizar tablas en HTML estándar. Si utiliza etiquetas DIV flotantes en CSS el diseño seguramente no se mostrará correctamente en todos los clientes de correo electrónico.

Tenga cuidado con el relleno de celdas de la tabla

Las tablas tomarán el relleno de cualquier celda de una fila y lo aplicará a todas las celdas de la fila. Esto podría dar lugar a algunos cambios en el despliegue que usted no desea. Usted debe tratar de aplicar bien el mismo relleno para todas las celdas de una fila o colocar una tabla dentro de la celda en la que le gustaría tener el color de relleno específico.

Evite el uso de colspans = "" en las tablas

Algunos clientes de correo electrónico no dan un soporte pleno a los colspan y otros tendrán problemas de visualización de las otras celdas, le recomendamos usarlos lo menos posible.


CSS 

No utilice stylesheets/hojas de estilo externas 

Las hojas de estilo externas no van a funcionar en una gran cantidad de los clientes de correo electrónico, por lo que si desea utilizar hojas de estilo deberá incluir su CSS en el mismo HTML que esta utilizando, ó bien utilice el  estilo dentro de cada linea y etiquetas en su HTML. 

No utilice clases CSS - siempre use CSS en línea 

Muchos clientes de correo electrónico no son compatibles con las clases de CSS. En lugar de declarar clases de CSS que debe utilizar CSS en línea. 

No use atajos CSS 

CSS le permite configurar las propiedades normalmente en grupos y atajos tales como style = "font: 12px Arial". En lugar de agrupar tales atributos se deben establecer cada parte individualmente. Tales como style = "font-size: 12px; font-family: Arial" 

Evite el uso de opciones Float CSS 

Algunos clientes de correo electrónico no tendrán en cuenta tanto el Float y las opciones de estilo de posición de CSS. Trate de usar las tablas en su lugar.

Imágenes y Videos

Use imágenes en formato URL

En lugar de incluir una imagen como ( src="img.gif"> <img ), debe incluir la dirección URL absoluta al archivo , como ( <img src="http://site.com/img.gif"> )

Utilice siempre las etiquetas descriptivas alt ( <img src="http://site.com/img.gif" alt="Company ABC"> )

La mayoría de clientes de correo electrónico desactivan las imágenes por defecto. Así que a menos que tenga las etiquetas alt sus suscriptores sólo verán un cuadro en blanco. Con una etiqueta alt sus suscriptores podrán ver el texto que pone en la etiqueta: "Trate de que el texto describa lo que la imagen muestra, para que el usuario tenga una mejor referencia de lo que puede ver al habilitar la imágen".

No incrustar vídeos y / o Flash

No es una buena idea insertar vídeos  y / o Flash en su correo electrónico. Muchos clientes de correo electrónico no apoyarán este tipo de código y muchos programas de detección como spam y virus, por lo que marcarán su correo electrónico como spam / malicioso. En lugar de incrustar el vídeo / flash en su email, lo mejor es utilizar una captura de pantalla de como el video reproductor deberá verse y enlazar esa imagen a su video o flash. 

GIF animados no son totalmente compatibles

Pregúntese si usted realmente necesita una animación en su correo electrónico. Mientras que la mayoría de clientes de correo electrónico compatibles con GIFs animados, Outlook 2007 no lo hacen. Clientes de correo electrónico que no admiten los GIF animados es probable que muestren el primer fotograma de la secuencia de animación unicamente.

Ponga a prueba su correo electrónico con imágenes deshabilitadas

Dado que la mayoría de clientes de correo electrónico muestran los correos electrónicos con imágenes deshabilitadas de forma predeterminada, es muy importante comprobar ver cómo su correo se ve con imágenes deshabilitadas.

Mantenga el tamaño de sus archivos bajos

Al igual que con el diseño web normal usted quiere estar al tanto de los tamaños de archivos de las imágenes de su correo electrónico. Trate de mantenerlos bajos para asegurar que la descarga sea rápida para sus suscriptores / usuarios.


Fondos 

Las imágenes de fondo no son totalmente compatibles 

Si está utilizando una imagen de fondo, tenga en cuenta que algunos clientes de correo electrónico no lo muestran. Si aún desea utilizar una imagen de fondo utilice las opciones de fondo HTML en lugar de utilizar CSS para declarar un segundo plano. 

Colores en el fondo del cuerpo del mensaje 

Muchos clientes de correo electrónico (como Gmail) no muestran un color de fondo que se establece para el cuerpo principal (<body>). Sugerimos que si va a configurar un color de fondo en el cuerpo de la etiqueta también tenga un div para envolver con un color de fondo que rodea a su contenido. De esta manera, incluso si el color de fondo del cuerpo no se admite, tendrá algo que se muestre muy similar.


Otra Generalidades

No coloque nada encima de la etiqueta de apertura <body> 

Cualquier cosa que usted ponga por encima de la etiqueta del cuerpo es probable que no se utilice. 

No incluya javascript 

Es probable que en la mayoría de clientes de correo electrónico y algunos filtros de spam pueda detectarlo como código malicioso. 

Evite copiar y pegar desde Microsoft Office

El HTML generará las etiquetas automáticamente, es por eso que al copiar y pegar desde MS Office este va a pegar en su formato y probablemente tendrá problemas de diseño. para esto mejor utilice el copiado y pegado desde un documento de texto plano sin formato.
Fiomega Knowledge Center
Website by Fiomega Cloud Websites
✕