Truques e dicas de HTML no GoDaddy Email Marketing
Às vezes, você chega a um ponto em que precisa personalizar um pouco e adicionar um pequeno trecho de HTML é uma maneira legal de apimentar uma campanha. Ressaltamos a importância de não usar excessivamente esses truques e dicas de html. Se você tem muitas alterações de estilo a fazer, um estilo personalizado é o caminho a percorrer.
Além disso, a precisão conta! Sempre verifique se você está usando os trechos de html corretamente. Revise a leitura, procure erros de digitação e teste antes de enviar seu email para seus assinantes.
Agora, para os truques e dicas:
- Como centralizar o texto
- Como alterar a cor da fonte
- Como alterar o tamanho da fonte
- Como alterar o tipo de fonte
- Como combinar várias alterações de estilo
- Como alterar o formato do texto dentro do texto
- Como justificar o texto
Como centralizar o texto:
O código:
centro > Isto centralizará o título da minha seção / center >
O que observar : Certifique-se de "fechar" a tag no final com um / como este: < / center >
Antes (no modo de edição):
Depois (no modo de visualização):
Como alterar a cor da fonte:
O código usando um nome de cor:
span style = "color: red"> Este texto deve se destacar! / span >
Usando um código hexadecimal: Você pode selecionar uma cor ainda mais específica usando o código hexadecimal da cor. É um código de 6 caracteres parecido com este: # FF0000
Você pode encontrar uma lista de códigos aqui ou obter o código exato para uma cor no seu site usando um programa de seleção de cores.
span style = "color: # FF0000"> Este texto deve se destacar! / span >
O que observar : certifique-se de "fechar" a tag no final com um / como este: < / span >
Antes (no modo de edição):
Depois (no modo de visualização):
Como alterar o tamanho da fonte:
O código:
span style = "font-size: 30px"> Texto grande! / span >
Ajuste o número de pixels para alterar o tamanho do texto. Um número menor torna o tamanho da fonte menor e um número maior torna o tamanho da fonte maior.
O que observar : certifique-se de "fechar" a tag no final com um / como este: < / span >
Antes (no modo de edição):
Depois (no modo de visualização):
Como alterar o tipo de fonte:
O código:
span style = "font-family: verdana"> Texto Verdana / span >
O que observar : certifique-se de "fechar" a tag no final com um / como este: < / span >
Antes (no modo de edição):
Depois (no modo de visualização):
Como combinar várias alterações de estilo
O código:
span style = "font-family: verdana; color: blue; font-size: 30px"> Texto em azul que realmente se destaca! / span >
Antes (no modo de edição):
Depois (no modo de visualização):
Como alterar o formato do texto dentro do texto:
Embora as opções de Negrito e Itálico sejam encontradas em nosso compositor, você pode utilizar o seguinte HTML simples para opções mais avançadas para tornar uma parte específica do texto em Negrito ou Itálico, bem como Sublinhado ou Tachado.
O código:
b > Negrito / b > i > itálico / i > u > Sublinhado / u > Strikethrough > tachado / strike >
Eles podem ser usados a qualquer momento, mas para um exemplo específico, se GoDaddy era uma palavra e você queria apenas “Go” formatado em uma dessas quatro opções, você precisará aplicar o código específico para criar o efeito.
Antes (no modo de edição):
Depois (no modo de visualização):
Como justificar o texto:
O código:
p style = "text-align: justify"> Insira o parágrafo aqui / p >
O que observar : Certifique-se de "fechar" a tag no final com um / como este: < / p >
Antes (no modo de edição):
Depois (no modo de visualização):
Próxima etapa
- Depois de editar sua campanha como preferir, envie-a para seus assinantes!