GoDaddy Email Marketing Ayuda

Hicimos lo mejor que pudimos para traducir esta página para ti. La página en inglés también está disponible.

Trucos y consejos de HTML en GoDaddy Email Marketing

Este artículo cubre un producto heredado que ya no está disponible para nuevos clientes.

A veces llegas a un punto en el que necesitas hacer un poco de personalización y agregar un pequeño fragmento de HTML es una buena manera de darle vida a una campaña. Hacemos hincapié en la importancia de no abusar de estos trucos y consejos de html. Si tienes que hacer muchos cambios de estilo, un estilo personalizado es el camino a seguir.

Además, ¡la precisión cuenta! Siempre asegúrate de estar usando los fragmentos de HTML correctamente. Revisa, busca errores tipográficos y prueba antes de enviar tu correo electrónico a tus suscriptores.

Ahora, a los trucos y consejos:

Cómo centrar el texto:

El código:

center > Esto centrará el título de mi sección /centro >

Qué tener en cuenta : Asegúrate de "cerrar" la etiqueta al final con una / como esta: < / center >

Antes (en modo de edición):
Código para centrar texto

Después (en modo de vista previa):
Visualización de texto centrado en modo de vista previa

Cómo cambiar el color de la fuente:

El código usando un nombre de color:

span style = "color: red"> ¡ Este texto debe destacarse! /span >

Usando un código hexadecimal: Puedes seleccionar un color aún más específico usando el código hexadecimal del color. Ese es un código de 6 caracteres que se ve así: #FF0000

Puedes encontrar una lista de códigos aquí o tomar el código exacto para un color en tu sitio web usando un programa selector de color.

span style = "color:#FF0000"> ¡ Este texto debe destacarse! /span >

Qué tener en cuenta : Asegúrate de "cerrar" la etiqueta al final con una / como esta: < / span >

Antes (en modo de edición):
Código para cambiar el color de la fuente

Después (en modo de vista previa):
Visualización de fuente de color cambiado

Cómo cambiar el tamaño de la fuente:

El código:

span style = "font-size: 30px">¡Texto grande! /span >

Ajusta el número de píxeles para cambiar el tamaño del texto. Un número más pequeño reduce el tamaño de la fuente y un número más grande lo hace más grande.

Qué tener en cuenta : Asegúrate de "cerrar" la etiqueta al final con una / como esta: < / span >

Antes (en modo de edición):
Código para cambiar el tamaño de la fuente

Después (en modo de vista previa):
Visualización de fuentes de diferentes tamaños

Cómo cambiar el tipo de fuente:

El código:

span style = "font-family: verdana"> Texto de Verdana /span >

Qué tener en cuenta : Asegúrate de "cerrar" la etiqueta al final con una / como esta: < / span >

Antes (en modo de edición):
Código para cambiar la fuente

Después (en modo de vista previa):
Visualización de fuente cambiada

Cómo combinar varios cambios de estilo

El código:

span style = "font-family: verdana; color: blue; font-size: 30px"> ¡ Un texto azul que realmente se destaca! /span >

Antes (en modo de edición):
Código para combinado cambiado

Después (en modo de vista previa):
Visualización de cambios combinados

Cómo cambiar el formato de texto dentro del texto:

Aunque las opciones Negrita e Cursiva se encuentran dentro de nuestro redactor, puedes utilizar el siguiente HTML simple para opciones más avanzadas para hacer un fragmento de texto específico en Negrita o Cursiva, así como Subrayado o Tachado.

El código:

b > Negrita /b > i > Cursiva /i > u > Subrayar /u > strike > Tachado /strike >

Estos se pueden usar en cualquier momento, pero para un ejemplo específico, si GoDaddy era una palabra y solo querías “Ir” formateado a una de estas cuatro opciones, tendrás que aplicar el código específico para crear el efecto.

Antes (en modo de edición):
Captura de pantalla de cómo se ve el código HTML para agregar negrita, cursiva, subrayado y tachado.

Después (en modo de vista previa):
Captura de pantalla de cómo se ve el código HTML después de haber sido renderizado para negrita, cursiva, subrayado y tachado.

Cómo justificar el texto:

El código:

p style = "text-align: justify"> Ingresa el párrafo aquí /p >

Qué tener en cuenta : Asegúrate de "cerrar" la etiqueta al final con una / como esta: < / p >

Antes (en modo de edición):
Código para justificar texto

Después (en modo de vista previa):
Visualización de texto justificado

Siguiente paso

  • Después de que hayas editado tu campaña a tu gusto, ¡envíala a tus suscriptores!

Más información