Uso de imagens dinâmicas e personalizadas

Personalize suas campanhas de e-mail com imagens geradas dinamicamente

Imagens dinâmicas são imagens que mudam dependendo de um ou mais valores que são "passados" para o sistema que as entrega.

O link para a imagem acima não é mais uma URL estática como esta:

https://xtremepush.com/images/logo-white.png

mas sim uma URL que contém algumas variáveis, como endereço de e-mail, ID de cliente, data, etc.

https://xtremepush.com/images/?imageBanner={{customer_ID}}

As variáveis são tags de fusão na URL, e são substituídas por valores reais (por exemplo, o ID de um cliente, o endereço de e-mail do destinatário, o nome da pessoa) no momento em que o e-mail é enviado ou a página de destino é renderizada. Veja este guia para saber mais sobre as diferentes funções disponíveis em nossa plataforma.

Objetivos

Os principais objetivos deste recurso são

• Facilite o uso de imagens como conteúdo dinâmico

• Permita que o designer aplique configurações de imagem normalmente com qualquer imagem estática

• Permita que o designer trabalhe com uma imagem de exemplo no editor para fins de design e pré-visualização

• Evite o uso dos recursos de bloco HTML personalizado e de mesclar conteúdo quando uma imagem dinâmica for necessária, para manter as coisas simples e eliminar a necessidade de introduzir código HTML externo.

Exemplos

Alguns exemplos de imagens dinâmicas incluem:

• Cartas personalizadas

• Temporizadores de contagem regressiva

• Anúncios dinâmicos

• Recomendações de produtos

Vamos dar uma olhada em algumas...

Cartões de aniversário personalizados

Um dos usos das imagens dinâmicas pode ser enviar um cartão de aniversário personalizado com o primeiro nome do cliente. Existem serviços que podem gerar imagens personalizadas (por exemplo, que incluem o nome do cliente) "em tempo real", como o Niftyimages. Existem outros serviços que você pode usar, como o CountdownMail e muitos outros.

O editor de arrastar e soltar oferece suporte fácil para imagens dinâmicas, tornando isso muito fácil para você.

Um nome codificado fixamente (Allan) é usado na URL normal (ou seja, a URL "placeholder"), enquanto uma variável, como a {{firstname}} usada na URL dinâmica, deve ser substituída no momento de enviar (ou renderização, se for uma landing page) pelo nome do destinatário da imagem (ou do visualizador da página).

Temporizadores dinâmicos de contagem regressiva

Outra ótima aplicação para imagens dinâmicas são os temporizadores regressivos. Para isso, você pode passar a data de um evento na URL Dinâmica, por exemplo, o horário da grande inauguração de uma nova loja ou a data e hora do término de uma promoção. O sistema do outro lado gerará automaticamente uma animação GIF que parecerá um cronômetro regressivo, sinalizando o tempo restante para o evento.

Uma imagem provisória pode ser usada na URLenquanto você projeta a mensagem (ou página), para que você saiba exatamente como o resultado final vai ficar.