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

Añade una tabla de contenidos a tu correo electrónico o página de destino para mantener tu marketing claro, organizado y fácil de navegar. Esto ayuda a tus destinatarios a encontrar la información que les interesa y a mantener la interacción con tu contenido.

Mailchimp ofrece dos formas de configurar una tabla de contenidos (TOC, por sus siglas en inglés): la etiqueta Merge *|MC:TOC|* y los enlaces de anclaje personalizados. Utiliza la etiqueta Merge *|MC:TOC|* para crear una tabla de contenidos con enlaces a encabezados. O bien, utiliza enlaces de anclaje para crear tu propia tabla de contenidos con texto personalizado, estilo de enlace y formato.

En este artículo, descubrirás cómo añadir una tabla de contenidos en el nuevo creador y en el creador clásico.

Antes de empezar

A continuación, se detallan algunos puntos que debes conocer antes de empezar este proceso.

• La etiqueta Merge *|MC:TOC|* hereda el estilo del texto del enlace de su sección. 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 tu tabla de contenido, mueve la etiqueta a una sección diferente o usa enlaces de anclaje en el creador clásico.
• La etiqueta Merge *|MC:TOC|* y los enlaces de anclaje no funcionarán en todos los clientes de correo electrónico, así que asegúrate de probar tu correo electrónico antes de enviarlo. Si esto sucede, los contactos suscritos verán la tabla de contenido, pero no se podrá hacer clic en los enlaces.

Agrega una tabla de contenidos a tu correo electrónico o página de destino

Utiliza la etiqueta Merge de la tabla de contenidos

La etiqueta Merge *|MC:TOC|* inserta una tabla de contenidos con enlaces a los encabezados que elijas. Primero, añade un código de título a los encabezados que desees incluir en tu tabla de contenidos. A continuación, añade la etiqueta Merge *|MC:TOC|* donde quieras que aparezca la tabla de contenidos.

Cuando envíes tu correo electrónico, sustituiremos la etiqueta Merge por una tabla de contenidos que incluya los encabezados que hayas seleccionado.

Añade la etiqueta Merge de la tabla de contenidos en el nuevo creador

Sigue estos pasos para añadir una tabla de contenidos a tu correo electrónico en el nuevo creador.

Añade un código de título de tabla de contenidos a los encabezados

Para incluir un encabezado en tu tabla de contenidos, sigue estos pasos.

1. Haz clic en un bloque de contenido Encabezado o Párrafo , o haz clic y arrastra uno a tu diseño.
2. Resalta el texto que desees incluir en tu tabla de contenidos y utiliza el menú desplegable Estilo de texto en la barra de herramientas de edición para asegurarte de que es un Encabezado 1 o Encabezado 2.
   
   Los encabezados deben ser de nivel 1 o 2 y deben contener texto. La etiqueta Merge *|MC:TOC|* no se vinculará solo a un número.
3. Haz clic en la pestaña Código .
   
4. En el editor HTML, inserta un espacio entre la etiqueta del encabezado y el corchete en ángulo recto (>).
   
5. Introduce el título de la clase antes del corchete en ángulo recto (>).
   
   class="mc-toc-title"
   
   
6. Repite los pasos 2-5 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 añadir el código de título a tus encabezados, añade la etiqueta Merge *|MC:TOC|* a cualquier bloque de contenido de Encabezado o Párrafo para insertar la tabla de contenidos.

Para añadir la etiqueta Merge *|MC:TOC|*, sigue estos pasos.

1. Haz clic en un bloque de contenido Encabezado o Párrafo , o haz clic y arrastra uno a tu diseño.
2. Si lo deseas, introduce un título para tu índice, como "En este correo electrónico".
3. Introduce la etiqueta Merge *|MC:TOC|* . Colócalo bajo el título de tu índice, si has incluido uno.
   
4. Haz clic en Vista previa para ver cómo verán tu índice los contactos suscritos. Es posible que desees alinear a la izquierda el título de tu índice para que coincida con los encabezados de viñetas.

¡Buen trabajo! Has añadido con éxito una tabla de contenidos a tu correo electrónico.

Añade la etiqueta Merge de la tabla de contenidos en el creador clásico

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 desees incluir en tu tabla de contenido. A continuación, añadirás la etiqueta Merge *|MC:TOC|* donde quieras que aparezca la tabla de contenido.

Cuando envíes tu correo electrónico o publiques página de destino, sustituiremos la etiqueta Merge por una tabla de contenidos que incluya los encabezados a los que hayas dado formato.

Da formato a los encabezados y títulos de tabla de contenidos

Para dar formato a un texto como encabezado de tabla de contenidos o título de tabla de contenidos en el creador clásico, sigue estos pasos.

1. Haz clic en un bloque de contenido que contenga texto, como los bloques Texto, Texto en cuadroso Imagen + Texto , o haz clic y arrastra uno a tu diseño.
2. En el panel de edición, resalta el texto que deseas formatear como encabezado de tabla de contenidos. El encabezado debe contener texto. La etiqueta Merge *|MC:TOC|* no generará un enlace solo a un número.
   
3. En la barra de herramientas del editor, haz clic en el desplegable Estilos y selecciona Encabezado de TOC 1 o Encabezado de TOC 2. Elige el título de la tabla de contenidos si deseas aplicar estilos adicionales al encabezado.
   
4. Haz clic en Save & Close (Guardar y cerrar).
5. Repite los pasos 2-4 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 tabla de contenidos, añade la etiqueta Merge *|MC:TOC|* a cualquier bloque de contenido de texto para insertar la tabla de contenidos. El estilo del texto y enlace de la tabla de contenidos coincidirán con la sección en la que se encuentre. Si necesitas personalizarlo, prueba los enlaces de anclaje.

Para añadir la etiqueta Merge *|MC:TOC|*, sigue estos pasos.

1. Haz clic en el bloque de contenido donde deseas añadir tu tabla de contenidos. Puedes usar un bloque de contenido Texto, Texto en cuadros, Tarjeta de imageno Imagen + Texto .
2. En el panel de edición, haz clic en el desplegable Etiquetas Merge y elige Tabla de contenidos.
   
   O bien introdúcelo *|MC:TOC|* directamente en tu contenido.
3. Haz clic en Save & Close (Guardar y cerrar).
4. Haz clic en Vista previa para visualizar cómo verán tu correo electrónico o página de destino tus destinatarios.

¡Buen trabajo! Has añadido con éxito una tabla de contenidos a tu correo electrónico o página de destino.

Echa un vistazo a estos artículos para obtener una vista previa y probar tu correo electrónico, y para editar secciones en el creador clásico.

Vista previa y probar el correo electrónico
Ver y editar el diseño de una sección de los correos electrónicos y las páginas de destino

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= "plant-news" >

Dónde editar el código de la plantilla

Utiliza enlaces de anclaje en el creador clásico

Usar enlaces de anclaje

Para mayor flexibilidad, crea enlaces de anclaje al contenido de tu correo electrónico o página de destino. De esta forma, puedes personalizar el estilo de texto y enlace en tu tabla de contenidos. Primero, añade anclajes a los encabezados en tu contenido. A continuación, introduce el texto de la tabla de contenidos y enlaza cada elemento con su enlace de anclaje.

Añadir enlaces de anclaje en el nuevo creador

Añadir enlaces de anclaje

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

1. Haz clic en un bloque de contenido Encabezado o haz clic y arrastra uno a tu diseño.
2. Resalta el texto del enlace, a continuación haz clic en el icono del ancla de la barra de herramientas de edición.
3. En el modal emergente Propiedades de anclaje , introduce el nombre de tu anclaje en el campo Nombre del anclaje . Te recomendamos que no utilices espacios ni caracteres especiales en tu nombre de anclaje.
4. Haz clic en Save (Guardar).
5. Repite este proceso con todos los encabezados que quieras enlazar a la tabla de contenidos.

Formatear la tabla de contenidos

Ahora que has añadido a tu contenido los enlaces de anclaje, tienes todo listo para introducir el texto de la tabla de contenidos y añadir enlaces a cada elemento.

Para añadir y formatear tu tabla de contenidos, sigue estos pasos.

1. Haz clic en el bloque de contenido Párrafo donde deseas añadir tu tabla de contenidos.
2. En el panel de edición, introduce el texto para tu tabla de contenidos.
   
3. Resalta el primer elemento y haz clic en el icono 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 el modal emergente Enlace de texto, haz clic en el menú desplegable Enlazar a y selecciona Anclaje.
5. Haz clic en el desplegable Seleccionar un anclaje para enlazar con y elige el nombre del anclaje.
6. Haz clic en Save (Guardar).
7. Repite los pasos 3-5 para cada elemento en tu tabla de contenidos.

Utiliza los iconos en la barra de herramientas para personalizar el estilo y texto de tu tabla de contenidos. Cuando editas tu tabla de contenidos asegúrate de resaltar únicamente el texto que deseas cambiar. Si eliminas accidentalmente un enlace existente, vuelve a añadirlo. Para examinar cómo verán tus contactos suscritos los enlaces de anclaje, previsualiza y prueba tu correo electrónico.

Añade enlaces de anclaje en el creador clásico

Añadir enlaces de anclaje

Para añadir enlaces de anclaje al texto de tu encabezadoen el creador clásico, sigue estos pasos.

1. Haz clic en un bloque de contenido que contenga texto, como los bloques Texto, Texto en cuadroso Imagen + texto , o haz clic y arrastra un bloque de texto a tu diseño.
2. Introduce el texto para tu tabla de contenidos.
3. En el panel de edición, resalta el texto del encabezado y haz clic en el icono del ancla de la barra de herramientas.
   
4. En el modal emergente Propiedades de anclaje , introduce el nombre de tu anclaje en el campo Nombre del anclaje . Te recomendamos que no incluyas espacios ni caracteres especiales en tu nombre de anclaje.
5. Haz clic en OK (Aceptar).
6. Repite los pasos 3-5 con todos los encabezados que quieras enlazar a la tabla de contenidos.
7. Haz clic en Save & Close (Guardar y cerrar).

Formatear la tabla de contenidos

Ahora que has añadido a tu contenido los enlaces de anclaje, tienes todo listo para introducir el texto de la tabla de contenidos y añadir enlaces a cada elemento.

Para añadir y formatear tu tabla de contenidos, sigue estos pasos.

1. Haz clic en el bloque de contenido Texto donde deseas añadir tu tabla de contenidos.
2. En el panel de edición, introduce el texto para tu tabla de contenidos.
   
3. Resalta el primer elemento y haz clic en el icono 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 el modal emergente Insertar o editar enlace, haz clic en el menú desplegable Enlazar a y selecciona Enlace de anclaje.
5. Haz clic en el desplegable Seleccionar un anclaje para enlazar con y elige el nombre del anclaje.
6. Haz clic en Opciones avanzadas y desmarca la casilla junto a Abrir en una ventana nueva.
7. Haz clic en Insert (Insertar).
8. Repite los pasos 3-7 para cada elemento en tu tabla de contenidos.

Utiliza los iconos en la barra de herramientas para personalizar el estilo y texto de tu tabla de contenidos. Cuando editas tu tabla de contenidos asegúrate de resaltar únicamente el texto que deseas cambiar. Si eliminas accidentalmente un enlace existente, vuelve a añadirlo. Para examinar cómo verán tus contactos suscritos los enlaces de anclaje, previsualiza y prueba tu correo electrónico.

Probar y resolver problemas de la tabla de contenido

Prueba y resuelve problemas de la tabla de contenido

La etiqueta Merge *|MC:TOC|* y los enlaces de anclaje no son compatibles con todos los clientes de correo electrónico y pueden no funcionar como se espera con ciertos clientes de correo electrónico. De modo que, antes de enviarlo, te recomendamos previsualizar tu correo electrónico 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 del correo electrónico en el móvil
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 en el creador clásico, asegúrate de que el texto del encabezado esté formateado como un TOC heading (encabezado de tabla de contenidos) o un TOC title (título de tabla de contenidos). Para comprobar el formato del encabezado, resalta el texto y haz clic en el desplegable Estilos .
  

• Si importaste código HTML para crear tu correo electrónico o página de destino, 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 código HTML debe ser como esta.

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