Configuración de Landing Pages

Dónde editar las Landing Pages

• Dirígete a la opción de Landing Pages en el menú desplegable.
• Haz clic en el botón '+' en la esquina superior derecha de la ventana, para agregar una nueva landing page: 

 

Editor de Landing Page:

• En la parte superior izquierda, verás el menú principal con 3 pestañas alineadas verticalmente:
  1. Pestaña “Content Builder”.
  2. Pestaña “Languages”.
  3. Pestaña “Colors”.
• En la parte superior de la página, encontrarás el nombre de la campaña, el número de productos incluidos en la campaña y, SI tienes más de un idioma configurado, el idioma que se encuentra actualmente en modo de edición.

• En el editor puedes cambiar los distintos idiomas configurados:

• UPDATE
  • cuando este botón está atenuado, la versión actual está sincronizada con la versión publicada, ahora bien, cuando está en color verde, hay cambios que aún deben sincronizarse:

• En el lado derecho de la pantalla, verás la siguiente opción: "Mobile Phone Screen"
• Arriba de la imagen de pantalla del teléfono móvil, puedes seleccionar qué flujo te gustaría ver en la vista previa. Hay 3 tipos de flujos:

• Flujo de código activo (Active Code Flow) - que es para:
  • Códigos seguros de Scantrust escaneados con una aplicación de terceros.
  • Códigos seguros de Scantrust escaneados con un teléfono no compatible.
  • Identificadores de Scantrust (SID).
• Flujo de Código Genuino (Genuine Code Flow) - que es para los Códigos seguros de Scantrust escaneados con una aplicación designada por Scantrust en un teléfono compatible.
• Flujo: "Unable to verify" , que es para:
  • Cualquier código que haya introducido el flujo negativo, por ejemplo:
    • El código está inactivo.
    • El código está en la lista negra (Blacklisted).
    • El código escaneado es una presunta falsificación.
• Debajo de la imagen de pantalla del teléfono móvil, debes ver el botón: “PREVIEW ON MOBILE”:

• Al hacer clic aquí se abrirá una nueva ventana con un código QR que se puede escanear a través del teléfono móvil. Puedes elegir qué flujo probar:

Pestaña “Content Builder”

La pestaña de edición es donde puedes crear todo el contenido de la landing page.

• Haga clic en: "Click to add a new tab" --> puedes elegir entre 3 tipos diferentes de pestañas:
  • En blanco: creador de contenido para texto, imágenes, botones o enlaces
  • Trazabilidad: para verificar el recorrido del producto y un mapa interactivo
  • Función de autenticación de Scantrust

Pestaña de “Languages”

• En la pestaña de Global Settings, puedes elegir su idioma. El inglés está configurado como predeterminado, pero puedes eliminarlo y elegir cualquier otro idioma. Si deseas mostrar tu campaña en varios idiomas, puede agregar esos idiomas aquí.
• PRÁCTICA RECOMENDADA: Si tienes varios idiomas, es mejor agregar primero el idioma de edición y convertirlo en el IDIOMA PREDETERMINADO. Haz toda la edición y pruebas hasta que estés satisfecho con el resultado y solo entonces agrega el siguiente idioma. De forma predeterminada, todos los flujos se copiarán al nuevo idioma, y todo lo que necesitas hacer es traducir el texto.
• NOTA: cuando más tarde comiences a editar el contenido de tu campaña, asegúrate de que siempre estás editando el idioma correcto (arriba a la derecha, encima de la imagen de la pantalla del dispositivo móvil). Si lo olvidas, a tus usuarios se les mostrará el idioma incorrecto.

Pestaña de “Colors”

En la pestaña de diseño puedes elegir el color del tema de tu campaña.

• Selecciona un color de tu preferencia, o
• Escribe el código de color de acuerdo con las directrices de marca de su empresa.

Pestaña de “Content Builder”

Corresponden a las pestañas que los consumidores verán más tarde en su dispositivo móvil. Se recomienda no tener mas de 4 pestañas visibles a la vez:

• Para cambiar la configuración de la pestaña, haz clic en el botón con los tres puntos pequeños de la pestaña:

• En la ventana emergente puedes editar:

• Para cada pestaña, debes decidir individualmente si debe ser visible para uno, cualquiera o todos los resultados del escaneo.
• Puedes cambiar el nombre de cada pestaña.
• Cambiar el icono de la pestaña.

Contenido de la pestaña

Pestaña en blanco (BLANK)

• Para editar una pestaña en blanco hay una serie de herramientas (widgets) disponibles. Estas son:
  • Elementos específicos de SKU:(la información se completa dinámicamente desde el producto)
    • Imagen del producto
    • Nombre del producto
    • Descripción del producto
  • Elementos estándar de la página web: (La información es fija para esta página de destino a menos que se utilicen elementos dinámicos con el widget)
    • Texto grande
    • Bloque de texto
    • Botón de call to action
    • Imagen (se puede subir o vincular)
    • Ventana emergente Typeform
    • Enlaces de redes sociales
    • Divisor
    • Vídeo
    • Consumir código
    • Resultado de la autenticación
    • Autenticación de foto.

• Para comenzar a agregar contenido a tu campaña, simplemente arrastra y suelta los elementos respectivos en el área de trabajo: 

• A continuación, haz clic en el icono de edición:

• Escribe el texto como de costumbre. Si resaltas una palabra, aparecerá el menú de formato. Selecciona la acción que deseas realizar:

• También puedes agregar un enlace. Simplemente haz clic en el icono de enlace del menú. A continuación, escribe la URL del sitio web al que deseas hacer referencia y haz clic en Intro:

Con el siguiente contenido agregado al enlace, puedes hacer clic y se abrirá automáticamente un correo electrónico:

 mailto: kontakt@scantrust.com?subject=QR Code Scanned &body= Dear Wasa Team,       %0D%0A%0D%0A  I have tasted your bread and I think it is delicious. %0D%0A%0D%0A Keep up the   good work! %0D%0A  %0D%0A Thank you!

 %0D%0A ==> crea un salto de línea

--> no es posible hacer referencia a datos de variables en este enlace.

• Si deseas hacer referencia a un campo SCM, escribe el símbolo @ y aparecerá una lista con todos los campos SCM disponibles para esa campaña. Haz clic en el que deseas insertar. Aparecerá un marcador de posición que luego se reemplazará con la información de campo SCM respectiva.
• NOTA: si el campo SCM del código escaneado está vacío, esto se verá un poco incómodo para el consumidor:

• ¿Cómo agregar un Typeform al STC?
  • Haz clic en el botón emergente "Typeform Pop-up":

• Agrega el texto del botón, luego la dirección URL de TypeForm, y listo: 

• También puedes incluir un manejo más avanzado --> puedes pedirle al botón que abra un correo electrónico y ya tendría el correo electrónico diligenciado, incluso con campos variables:

mailto: kontakt@scantrust.com?subject=Bulk Order @product_name &body= Dear Wasa Team, %0D%0A%0D%0A I would like to bulk-order this product. Here is my data: %0D%0A%0D%0A Product SKU: @product_sku %0D%0A Product name: @product_name %0D%0A%0D%0A Thank you!

%0D%0A ==> crea un salto de línea

Pestaña de  TRAZABILIDAD

• Ahora, veamos cómo agregar información de trazabilidad a tu STC. Ve a la pestaña de seguimiento y rastreo que agregaste anteriormente y haz clic en "ADD NEW STEP".
• Aparecerá una ventana emergente. Hay 5 campos
  • Descripción del paso
  • Ubicación del paso
  • Fecha del paso
  • Latitud del paso
  • Longitud del paso

 

• La información de T&T se muestra de la siguiente manera: cada pequeña ventana corresponde a 1 paso:

• Los 5 campos pueden ser 100 por ciento dinámicos y basados en datos de campo SCM. En la descripción del paso, escribe el texto y, a continuación, escribe @ para seleccionar el campo respectivo de la lista. En los otros 4 campos, selecciona el campo SCM en el menú desplegable:

• Es posible que no todos los campos necesiten depender de datos dinámicos de un campo SCM. Por ejemplo, si deseas mostrar el sitio de fabricación y solo hay uno, puedes ingresar esta información directamente. Asegúrate de ingresar los datos de ubicación correctos, de lo contrario se mostrarán incorrectamente en el mapa. Y asegúrate de que el formato de fecha sea correcto.
• EJEMPLO: Ambos pasos de SCM tienen casi el mismo aspecto. La superior se creó utilizando referencias dinámicas, la inferior se utilizó con información estática escrita directamente en cada campo. Se puede ver que el de arriba no dice China. Está tomando datos de un campo SCM que se rellenó con KP. Es importante tener en cuenta que cada paso mostrará la información a medida que se guarda en el campo SCM. Por ejemplo, no traducirá las abreviaturas de los países al nombre completo del país:

REVOCAR CAMBIOS

• Puede suceder que estés editando algo y hayas mezclado las cosas. Lo más común es que eso suceda cuando trabajes con varios idiomas y edites (es decir) la sección en inglés, pero estés poniendo información en el idioma equivocado. ¿qué sería lo bueno? que puedes restaurar todo a la versión publicada anteriormente.

Si deseas editar una landing page existente:

• Haga clic en el menú de puntos y seleccione: 'edit' para editar una Landing Page existente:

• En la ventana emergente, debes seleccionar la campaña en función de la cual desea probar. Esto es importante si vas a incorporar campos SCM en su Landing Page: