Trucos y consejos de HTML en GoDaddy Email Marketing
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
- Cómo cambiar el color de la fuente
- Cómo cambiar el tamaño de la fuente
- Cómo cambiar el tipo de fuente
- Cómo combinar múltiples cambios de estilo
- Cómo cambiar el formato de texto dentro del texto
- Cómo justificar el texto
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):
Después (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):
Después (en modo de vista previa):
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):
Después (en modo de vista previa):
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):
Después (en modo de vista previa):
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):
Después (en modo de vista previa):
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):
Después (en modo de vista previa):
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):
Después (en modo de vista previa):
Siguiente paso
- Después de que hayas editado tu campaña a tu gusto, ¡envíala a tus suscriptores!