Añadir una tabla de contenidos a una campaña 

Añade una tabla de contenido a tu diseño de campaña para mantener tu contenido claro, organizado y fácil de navegar. Esto ayuda a tus suscriptores a encontrar rápidamente la información que les interesa, por lo que permanecen comprometidos con tus campañas.

Mailchimp ofrece dos formas de configurar una tabla de contenido en una campaña: la etiqueta merge **|MC:TOC|** y los enlaces de anclaje personalizados. La etiqueta merge **|MC:TOC|** crea una tabla de contenido que contiene enlaces a los títulos de la campaña. Los enlaces de anclaje te permiten construir tu propia tabla de contenido con texto, estilo de enlaces y formatos personalizados.

En este artículo, descubrirás dos formas de añadir una tabla de contenido a tu campaña.

Antes de empezar

• La etiqueta merge *|MC:TOC|* y los enlaces de anclaje no son compatibles con todos los clientes de correo electrónico, por lo que pueden no funcionar según lo previsto al visualizar la campaña en un dispositivo móvil. Por eso te aconsejamos que hagas pruebas previas al lanzamiento de una campaña.
• La etiqueta merge *|MC:TOC|* hereda el estilo del texto del enlace de la sección de campaña correspondiente. Esto significa que si la colocas en la sección del encabezado, se verá como otro texto de enlace de la sección del encabezado. Para cambiar el formato de la tabla de contenido, mueve la etiqueta a una sección diferente o usa enlaces de anclaje.

Utiliza la etiqueta merge *|MC:TOC|*

La etiqueta merge *|MC:TOC|* inserta una tabla de contenidos con enlaces a los encabezados que elijas. En primer lugar da formato al texto de encabezado que deseas que aparezca en tu tabla de contenido. A continuación, añade la etiqueta merge *|MC:TOC|* a la sección de la campaña en la que deseas colocar la tabla de contenidos.

Cuando envíes una campaña a tu público, sustituiremos la etiqueta merge por una tabla de contenidos que incluya los encabezados a los que hayas dado formato.

Formatear los encabezados y títulos de la tabla de contenidos

En primer lugar, selecciona qué tipo de estilo de TOC heading (Encabezado de tabla de contenidos) vas a emplear. Para aplicar un formato estándar de encabezado a tu texto, elige un estilo de TOC heading (Encabezado de tabla) del menú desplegable. Si deseas diseñar manualmente el aspecto del encabezado en el cuerpo de la campaña, elige TOC title (Título de tabla) y aplica los estilos adicionales. Ten en cuenta que los cambios que realices aquí no afectarán el aspecto de la tabla de contenido.

Para dar formato a un texto como TOC heading (Encabezado de tabla) o TOC title (Título de tabla), sigue estos pasos:

1. En la sección Content (Contenido) del creador de campañas, haz clic en Edit Design (Editar diseño).
   
2. En el paso Design (Diseño), haz clic en el bloque de contenido Text (Texto), que contiene el encabezado que deseas incluir en la tabla de contenidos.
3. Resalta el encabezado al que deseas dar formato en el panel de edición. Asegúrate de que tu encabezado contiene texto. La etiqueta merge *|MC:TOC|* no generará un enlace a un número solo.
   
4. En la barra de herramientas del editor, haz clic en el menú desplegable Styles (Estilos) y selecciona TOC heading (Encabezado de TOC) o TOC title (Título de TOC).
   
   Si seleccionas TOC title (Título de TOC), usa los otros botones de la barra de herramientas para aplicar más estilos al encabezado.
5. Haz clic en Save & Close (Guardar y cerrar).
6. Repite estos pasos con cada uno de los encabezados que desees incluir en tu tabla de contenidos.

Añade la etiqueta merge de la tabla de contenidos

Después de formatear tus encabezados de contenido, añade la etiqueta merge *|MC:TOC|* a cualquier bloque de contenido de Text (texto) para insertar la tabla de contenidos. El estilo del texto y enlace de la tabla de contenido coincidirán con la sección de la campaña en la que se encuentre y no se podrán cambiar. Si necesitas personalizarlo, prueba los enlaces de anclaje.

Para añadir la etiqueta merge de la tabla de contenidos sigue estos pasos.

1. En la sección Content (Contenido) del creador de campañas, haz clic en Design Email (Diseñar correo electrónico).
   
2. Haz clic en el área de texto donde quieres añadir la tabla de contenidos.
3. Haz clic en el menú desplegable Merge Tags (Etiquetas merge) y selecciona Table of Contents (Tabla de contenidos).
   
4. Haz clic en Save & Close (Guardar y cerrar).

¡Todo listo! Has añadido con éxito una tabla de contenido a tu campaña. Para saber cómo se verá tu campaña en la bandeja de entrada de tus destinatarios utiliza el modo de vista previa.

Vista previa y prueba de tu campaña por correo electrónico
Cómo ver y editar el diseño de una sección

Añade una tabla de contenidos a una plantilla HTML personalizada

Si usas una plantilla HTML personalizada, puedes usar la etiqueta merge *|MC:TOC|* para insertar la tabla de contenidos. Solamente asegúrate de dar formato a cada encabezado con las etiquetas correctas y estarás listo.

Primero, abre el código fuente de la plantilla y añade class="title" o class="mc-toc-title" a las etiquetas < span >, < div >, < h1 > o < h2 > de los encabezados que quieres que aparezcan en la tabla de contenidos. Estas clases no funcionan con las etiquetas < h3 > y < h4 >, así que usa las etiquetas < span > en caso de necesidad.

Tus encabezados con formato deben usar uno de los ejemplos de esta tabla. Se puede usar cualquiera de estos tipos de clase.

Después de editar tus etiquetas, añade *|MC:TOC|* en el lugar en el que deseas que aparezca la tabla de contenidos de tu plantilla.

*|MC:TOC|*
< div class= "title" id= "alumni-news" >

Dónde editar el código de la plantilla

Crear enlaces de anclaje

Crea enlaces a las anclas en tu contenido de campaña para una mayor flexibilidad. Requiere un poco más de trabajo, pero te permite personalizar el estilo de texto y enlace en tu tabla de contenido. Primero, añade anclas a los encabezados en tu contenido de campaña. A continuación, introduce el texto de la tabla de contenido y enlaza cada elemento con su enlace de anclaje.

Añade enlaces de anclaje

Para añadir enlaces de anclaje al texto de tu encabezado, sigue estos pasos:

1. En la sección Content (Contenido) del Campaign Builder (Creador de campañas), haz clic en Edit Design (Editar diseño).
   
2. En el paso Design (Diseño), haz clic en el bloque de contenido Text (Texto) que contiene el encabezado que deseas incluir en la tabla de contenido.
3. Coloca el cursor al inicio del encabezado y, a continuación, haz clic en el icono de ancla de la barra de herramientas.
   
4. En la ventana emergente Anchor Properties (Propiedades de anclaje), escribe el nombre del anclaje en el campo Anchor Name (Nombre de anclaje) y haz clic en OK (Aceptar). No uses espacios ni caracteres especiales en el nombre del anclaje.
   
5. Haz clic en OK (Aceptar).
6. Repite este proceso con todos los encabezados que quieras enlazar a la tabla de contenido.

Formatea la tabla de contenido

Ahora que has añadido a tu campaña los enlaces de anclaje, estás listo para introducir el texto de la tabla de contenido y añadir enlaces a cada elemento.

Para añadir y formatear tu tabla de contenido, sigue estos pasos:

1. Haz clic en el bloque de contenido Text (Texto) donde deseas añadir la tabla de contenido.
2. En el panel de edición, introduce la tabla de contenido.
   
3. Resalta el primer elemento y haz clic en el icono de enlace de la barra de herramientas.
   
   Asegúrate de resaltar únicamente el texto que deseas enlazar y evita los espacios alrededor del elemento. Esto te será útil al formatear más adelante el texto.
4. En la ventana emergente Insert or Edit Link (Insertar o editar enlace), haz clic en el menú desplegable Link to: (Enlazar a:) y selecciona Anchor Link (Enlace de anclaje).
5. Haz clic en el menú desplegable Select An Anchor To Link To (Seleccionar un anclaje al que enlazar) y selecciona el nombre del anclaje al que enlazará este elemento. 
6. Haz clic en Advanced Options (Opciones avanzadas) y desmarca la casilla junto a Open in a new window (Abrir en una ventana nueva).
7. Haz clic en Insert (Insertar).
   
8. Repite estos pasos con cada elemento de la tabla de contenido.

Puedes usar los botones en la barra de herramientas del editor para personalizar el estilo y texto de tu tabla de contenido. Cuando editas tu tabla de contenido asegúrate de resaltar únicamente el texto que deseas cambiar. En función de la revisión que hagas, puedes quitar un enlace existente y debes volverlo a añadir. Para ver la apariencia que tendrán los enlaces de anclaje previsualiza y prueba tu campaña.

Cómo previsualizar y probar tu campaña

Probar y resolver problemas de la tabla de contenido

La etiqueta merge *|MC:TOC|* y los enlaces de anclaje no son compatibles con todos los programas de correo electrónico, y pueden no funcionar como se espera cuando una campaña se ve en un dispositivo móvil.

De modo que, antes de enviarla, te recomendamos previsualizar y probar tu campaña y enviarte unos cuantos correos electrónicos de prueba a ti mismo. Para ver cómo mostrarán tu tabla de contenidos una amplia variedad de programas de correo electrónico, utiliza nuestra herramienta Inbox Preview.

Comportamiento de una campaña en dispositivos móviles
Vista previa y probar tu campaña
Realizar pruebas con Inbox Preview

He aquí algunas cosas a tener en cuenta si tu tabla de contenidos no se muestra según lo previsto.

• Si usaste la etiqueta merge *|MC:TOC|* para generar una tabla de contenidos, asegúrate de que el texto del encabezado esté formateado como un TOC heading (encabezado de tabla) o un TOC title (título de tabla). Para comprobar el formato del encabezado, resalta el texto y haz clic en el menú desplegable Styles (Estilos) para ver qué estilo está seleccionado.
• Si importaste HTML para construir tu campaña, añadiremos una etiqueta < base > a tu código, que puede romper tus enlaces de anclaje. Para evitar los enlaces de anclaje rotos, necesitarás editar el código antes de importarlo a Mailchimp. En tu editor HTML, añade tu propia etiqueta base vacía, como < base href = " " >, dentro del elemento < head > y, a continuación, importa tu código HTML. Si detectamos una etiqueta < base > vacía en el momento de la importación, no añadiremos la nuestra.

La etiqueta < base > vacía que añades a tu HTML debe ser como esta.

< head >
 < base href= " ">
< /head >