Inserción de Imágenes y Enlaces en Plantillas de Email HTML

Curso de Diseño y Maquetación para Emails

Contenido del curso

Introducción y planeación

Primer proyecto: cómo usar Mailchimp para tu estrategia

Segundo proyecto: Diseño de emails

Tercer proyecto: maquetación de email de promoción en técnica escalable

Cuarto proyecto: maquetación de newsletter en técnica responsive

Cierre

36
Diseño y Maquetación de Emails con Mailchimp
01:06 min

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:007:18

Inserción de Imágenes y Enlaces en Plantillas de Email HTML

Curso de Diseño y Maquetación para Emails

Clase 23 de 36

Clase 23 / 36

Nico Melgarejo Sabelle

Hace 6 años

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=devise-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge"> 
</head>

<body>
    <table border="1">
        <!-- Header -->
        <tr>
            <td>
                <a href="https://www.ticlass.com" target="_blank">
                    <img src="https://ticlasss.s3.amazonaws.com/uploaded/bankfiles/images/2020/06/11/transparente.png" alt="logo TIClass - ">
                </a>
            </td>
        </tr>
        <!-- FinHeader -->
        <!-- Contenido-->
        <tr>
            <td>
                <table border="1">
                    <!-- Destacado-->
                    <tr>
                        <td>Hola *Nombre*! </td>
                    </tr>
                    <tr>
                        <td>
                            <a href="https://www.ticlass.com/plan/53-intensivo-ptu-full-admision-2021" target="_blank"> 
                                <img width="640px"src="https://ticlasss.s3.amazonaws.com/uploaded/bankfiles/images/2020/06/05/portada1-intensivo2020.png" alt="Programa de preparación Intensiva para la Prueba de Transición para el Ingreso a la Educación Superior">
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <p>Preparar la PTU en 5 meses es posible. Te diremos qué, cuándo y con qué estudiar. Accede al mejor y más completo programa PTU online. Son 21 exclusivas clases en vivo por cada asignatura (147 en total), más de 4.000 recursos de aprendizaje disponibles de inmediato, ensayos guías y una comunidad de aprendizaje 24/7 disponible para ti. Tendrás acceso inmediato al programa y clases en vivo. Las clases del programa inician el 6 de julio.</p>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <a href="https://www.ticlass.com/plan/53-intensivo-ptu-full-admision-2021" style="background: #99CC33;color:#fff;padding:10px 15px;border-radius: 6px;clear:both;display:inline-block;" target="_blank">ASEGURAR MI CUPO</a>
                        </td>
                    </tr>
                    <!-- Fin destacado -->
                </table>
            </td>
        </tr>
        <!-- FinContenido -->
        <!-- Footer -->
        <tr>
            <td>
                <table border="1">
                    <tr>
                        <td>
                            <table border="1">
                                <tr>
                                    <td>
                                        <a href="https://www.instagram.com/ticlasscom">
                                            <img src="https://ticlasss.s3.amazonaws.com/uploaded/bankfiles/images/2020/06/27/ic-instagram_c679cfa5-bbe8-420d-9f54-a9de426bd0d7.png" alt="Instagram de TIClass">
                                        </a>
                                    </td>
                                    <td>
                                        <a href="https://www.youtube.com/c/ticlass">
                                            <img src="https://ticlasss.s3.amazonaws.com/uploaded/bankfiles/images/2020/06/27/ic-youtube_06569a42-d88a-4caa-ad50-6f83fd92e9e0.png" alt="Canal de YouTube de TIClass">
                                        </a>
                                    </td>
                                    <td>
                                        <a href="https://www.facebook.com/ticlasscom">
                                            <img src="https://ticlasss.s3.amazonaws.com/uploaded/bankfiles/images/2020/06/27/ic-facebook_a1f92eab-4580-41d1-b8ec-8956711e62d0.png" alt="Fanpage de TIClass">
                                        </a>
                                    </td>
                                    <td>
                                        <a href="https://www.twitter.com/ticlasscom">
                                            <img src="https://ticlasss.s3.amazonaws.com/uploaded/bankfiles/images/2020/06/27/ic-twitter_8ec9c0d6-db74-4afc-ae49-b13613a3977a.png" alt="Twitter de TIClass">
                                        </a>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td>Hecho con &hearts; desde Chile</td>
                    </tr>
                    <tr>
                        <td>Baker Street 221b </td>
                        <td>Teléfono: 555-555-555</td>
                        <td> 
                           <a href="#">No quiero recibir más estos correos</a>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <!-- Fin Footer-->
    </table>
</body>
</html>

Comentarios (22)22 comentarios

Andrés Perdomo

Hace 8 años

Usuario anónimo

User

Karen Andrea Vargas Falla

Hace 3 años

Yuderlyn Natera

Hace 2 años

Steven ‘Sty’ Vargas Rojas

Hace 4 años

Jacinto Del Garanazo

Juan Carlos Wilches Niño

Hace 7 años

David Gonzalez

Christian Ponce

Luis Francisco Rascón Carrasco

Hace 5 años

Neira Marina Requena Rodriguez

Jorge Isaac Vasquez Sanchez

Óscar Rodríguez

Carol Torres Cala

Daniel Felipe Merchan Fuquen

Anderson Víctoria Tejada

Josué Hernández

Introducción y planeación

Diseño y Maquetación de Emails para Marketing Digital

Ventajas del Email Marketing y Estrategias de Optimización

Tipos de Emails y Estrategias de Marketing Digital

Técnicas de Desarrollo de Emails: Código, Builders y Frameworks

Estrategias de Email Marketing: Optimización y Segmentación

Primer proyecto: cómo usar Mailchimp para tu estrategia

Creación de tu primera campaña en Mailchimp

Diseño de Email de Bienvenida en Mailship

Creación de listas de contactos en Mailchimp

Personalización de Campañas en Mailchimp: Segmentación y Diseño

Envío de Emails de Prueba y Finales en Mailchimp

Análisis de Reportes de Campañas en Mailchimp

Creación de Formularios Modales con Mailship para Suscripciones

Incorporación de Formularios de Suscripción en Landing Pages

Automatización de Correos de Bienvenida en Mailship

Segundo proyecto: Diseño de emails

Diseño de Emails Escalables y Responsivos

Buenas prácticas en diseño de emails para marketing

Diseño y Maquetación de Emails Promocionales en Photoshop

Diseño de Newsletters en Photoshop: Guía de Tres Columnas

Diseño de Emails Responsivos en Photoshop y Preparación para Código

Tercer proyecto: maquetación de email de promoción en técnica escalable

Maquetación de Emails Promocionales Escalables en Photoshop

Buenas prácticas en diseño y maquetación de emails

Creación de Plantillas de Email HTML Compatibles con Todos los Clientes

Inserción de Imágenes y Enlaces en Plantillas de Email HTML

Estilos CSS para Plantillas de Email Escalables

Creación de Campañas Promocionales en Mailchimp

Cuarto proyecto: maquetación de newsletter en técnica responsive

Diseño de Newsletters Responsivos en HTML5

Creación de Newsletter HTML con Imágenes y Links

Media Queries para Diseño Responsive en Email Marketing

Estilos CSS para Contenedores Responsivos en Plantillas de Email

Estilos CSS para Plantillas Responsivas de Email

Técnicas Avanzadas de Responsive Design para Móviles

Incorporación de Web Fonts en Plantillas de Correo Electrónico

Código condicional en correos para compatibilidad con Outlook

Pruebas de Envío de Plantillas Responsive con PutsMail

Estrategias para Integrar Videos en Emails de Forma Efectiva

Cierre

Diseño y Maquetación de Emails con Mailchimp

Inserción de Imágenes y Enlaces en Plantillas de Email HTML