Nuestro widget para E-mail te permite integrar Contenido Generado por Usuarios dentro de una enorme cantidad de campañas de email marketing. Es posible configurarlo mediante nuestro editor de Widget de E-mail, el cual create un código de inserción que puede ser utilizado en cualquier tipo de Campaña por correo que necesites.
Note: El E-mail widget sólo mostrará imágenes de la campaña que tengan productos asignados.
A continuación puedes observar el aspecto del editor del widget:
Layout (diseño)
Las opciones de 'layout' disponibles son 'photo wall' y 'single line'.
La primera opción despliega el contenido en una galería de 3 columnas y tantas filas como sean necesarias para cumplir con el número mínimo establecido en 'media count'.
La segunda opción, como se muestra en el ejemplo anterior, es similar a un carrusel donde todo el contenido es desplegado en una sola línea y las dimensiones de las miniaturas se ajustan a la cantidad de imágenes mínimas establecidas en 'media count'.
Filters (filtros)
'Granted Only': Al habilitar este filtro, puedes asegurarte de que sólo se muestre el contenido que posea derechos de autor.
Integración de Widgets
Una vez que el widget de e-mail haya sido configurado, dirígete a la pestaña superior de 'Embed Code'. Aquí encontrarás el código HTML que deberás copiar y pegar dentro de la plataforma ESP que estés utilizado para mandar los e-mails marketing.
En Mailchimp, por ejemplo, es necesario únicamente añadir un 'Code Block' a tu e-mail, como puedes ver a continuación:
E-mails Transaccionales
Para que únicamente se muestre contenido relacionado a un SKU particular (para emails transaccionales como podría ser abandono en el proceso de compra). El filtro SKU deberá ser incluido dentro del código de inserción y adherirle las etiquetas merge de tu ESP. El ejemplo que verás a continuación muestra un código de inserción creado por nuestro editor:
Antes
<table border="0" cellPadding="0" cellSpacing="0" style="margin:0 auto">
<tr>
<td class="ps-email-td" style="padding:5px;border:none;width:265px"><a href="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=0&link=true" target="_blank" rel="noopener noreferrer"><img src="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=0" alt="" border="0" style="display:block;max-height:265px;max-width:100%;margin:0 auto" /></a></td>
<td class="ps-email-td" style="padding:5px;border:none;width:265px"><a href="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=1&link=true" target="_blank" rel="noopener noreferrer"><img src="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=1" alt="" border="0" style="display:block;max-height:265px;max-width:100%;margin:0 auto" /></a></td>
<td class="ps-email-td" style="padding:5px;border:none;width:265px"><a href="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=2&link=true" target="_blank" rel="noopener noreferrer"><img src="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=2" alt="" border="0" style="display:block;max-height:265px;max-width:100%;margin:0 auto" /></a></td>
</tr>
</table>
Aquí las merge tags de tu ESP relacionadas a tu productId o SKU deberán ser añadidas al final de los links del código. Simplemente añade el parámetro "sku" que puedes copiar aquí:
&sku=SKU
Y añádelo al final de todos links que aparezcan en el código de inserción. Por ejemplo, si el SKU del producto que nos interesa fuera "0001", el resultado sería el siguiente:
Después
<table border="0" cellPadding="0" cellSpacing="0" style="margin:0 auto"> <tr> <td class="ps-email-td" style="padding:5px;border:none;width:265px"><a href="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=0&link=true&sku=0001" target="_blank" rel="noopener noreferrer"><img src="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=0&sku=0001" alt="" border="0" style="display:block;max-height:265px;max-width:100%;margin:0 auto" /></a></td> <td class="ps-email-td" style="padding:5px;border:none;width:265px"><a href="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=1&link=true&sku=0001" target="_blank" rel="noopener noreferrer"><img src="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=1&sku=0001" alt="" border="0" style="display:block;max-height:265px;max-width:100%;margin:0 auto" /></a></td> <td class="ps-email-td" style="padding:5px;border:none;width:265px"><a href="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=2&link=true&sku=0001" target="_blank" rel="noopener noreferrer"><img src="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=2&sku=0001" alt="" border="0" style="display:block;max-height:265px;max-width:100%;margin:0 auto" /></a></td> </tr> </table>
Esto asegurará que sólo se recolecte contenido relacionado a un SKU específico de nuestra plataforma.
E-mails Multi-lenguaje
Por default nuestro código de inserción no incluye una especificación de lenguaje. Cuando un usuario haga click en una de las miniaturas y seleccione un producto, automáticamente será redirigido a la página con el lenguaje que coincida con el catálogo dentro de la plataforma Photoslurp.
Para especificar el idioma/localidad de las páginas de producto a la que los usuarios deben ser redirigidos, añade un código de lenguaje compatible con tu catálogo al final de los links HREF, como se anexa a continuación:
<table border="0" cellPadding="0" cellSpacing="0" style="margin:0 auto"> <tr> <td class="ps-email-td" style="padding:5px;border:none;width:265px"><a href="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=0&link=true&sku=SKU&lang=en_gb" target="_blank" rel="noopener noreferrer"><img src="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=0&sku=SKU" alt="" border="0" style="display:block;max-height:265px;max-width:100%;margin:0 auto" /></a></td> <td class="ps-email-td" style="padding:5px;border:none;width:265px"><a href="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=1&link=true&sku=SKU&lang=en_gb" target="_blank" rel="noopener noreferrer"><img src="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=1&sku=SKU" alt="" border="0" style="display:block;max-height:265px;max-width:100%;margin:0 auto" /></a></td> <td class="ps-email-td" style="padding:5px;border:none;width:265px"><a href="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=2&link=true&sku=SKU&lang=en_gb" target="_blank" rel="noopener noreferrer"><img src="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=2&sku=SKU" alt="" border="0" style="display:block;max-height:265px;max-width:100%;margin:0 auto" /></a></td> </tr> </table>
Nota: Asegúrate de que el formato del código de lenguaje que especifiques aquí sea el mismo formato que utilices para el feed de producto.
Imágenes Fallback
Las imágenes Fallback son necesarias cuando se utilizan filtro dinámicos como el SKU, donde puede haber insuficiente contenido para cumplir con el número mínimo establecido en 'media count' para un producto específico.
Por ejemplo, si el 'media count' se ha fijado con un mínimo de 6 imágenes y un e-mail de abandono de proceso de compra se ha enviado para un producto que sólo posee 3 imágenes disponibles, esta función permitirá completar el espacio con 3 imágenes que completen el número faltante.
Se requiere de URLs de imágenes y links hacia donde los usuarios serán redirigidos cuando hagan click en las imágenes. Usar imágenes y links de productos que están actualmente en sales (oferta) o top ventas son una excelente opción para añadir en estos espacios.
Se recomienda siempre especificar el mismo número de imágenes fallback que ha sido establecido en el 'media count' para asegurarse de que en todo momento los e-mails están siendo mandados con la cantidad correcta de contenido.
Analytics (analíticas)
Nuestros e-mail widgets tienen completo soporte de las etiquetas UTM de Google Analytics. Las etiquetas simplemente necesitarían ser añadidas al final de los links HREF dentro del código de inserción, tal como se muestra a continuación:
<table border="0" cellPadding="0" cellSpacing="0" style="margin:0 auto"> <tr> <td class="ps-email-td" style="padding:5px;border:none;width:265px"><a href="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=0&link=true&utm_source=newsletter&utm_medium=email-widget&utm_campaign=summersales" target="_blank" rel="noopener noreferrer"><img src="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=0" alt="" border="0" style="display:block;max-height:265px;max-width:100%;margin:0 auto" /></a></td> <td class="ps-email-td" style="padding:5px;border:none;width:265px"><a href="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=1&link=true&utm_source=newsletter&utm_medium=email-widget&utm_campaign=summersales" target="_blank" rel="noopener noreferrer"><img src="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=1" alt="" border="0" style="display:block;max-height:265px;max-width:100%;margin:0 auto" /></a></td> <td class="ps-email-td" style="padding:5px;border:none;width:265px"><a href="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=2&link=true&utm_source=newsletter&utm_medium=email-widget&utm_campaign=summersales" target="_blank" rel="noopener noreferrer"><img src="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=2" alt="" border="0" style="display:block;max-height:265px;max-width:100%;margin:0 auto" /></a></td> </tr> </table>
Esta es una funcionalidad Premium. Para más información sobre tu paquete de Photoslurp y precios, contacta con tu Customer Success Manager.