Integración sencilla Lightspeed (Serie C)

Integración Lightspeed para WebwinkelKeur

Le recomendamos que primero instale la APP Lightspeed y luego también coloque nuestros códigos de banner y widget en su tienda web. Para ello, siga estos pasos:Paso 1: Instale la aplicación Lightspeed.Paso 2: Coloque los códigos HTML en su tienda online.

Instrucciones de instalación de WebshopKeur Lightspeed App

Siga los siguientes pasos para instalar la aplicación Lightspeed. La App Lightspeed facilita la activación de la integración Javascript de WebwinkelKeur (barra lateral). También puedes utilizar la App para enviar automáticamente solicitudes de revisión a los clientes después de que hayan recibido su paquete en casa. La App Lightspeed es completamente gratuita y fácil de instalar con la siguiente guía.

1. Accede a la App de Lightspeed para WebwinkelKeur.

2. Haz clic en instalar.

3. Inicia sesión en tu cuenta de Lightspeed.

4. Selecciona tu tienda online.

5. Da permiso a la App para leer la información del pedido.

6. 6. Introduzca su ID personal de Webstore + código API. Esta información se puede encontrar en la explicación que es visible después de iniciar sesión en el tablero WebwinkelKeur. A continuación, seleccione "Instalación". La explicación posterior contiene los datos necesarios. ¿Tiene varias tiendas web en su cuenta WebwinkelKeur? Entonces elija la tienda web correcta en 'Seleccionar la tienda web'.

7. 7. Configure la aplicación como desee. Recomendamos activar la integración de Javascript con la barra lateral. Puede seguir configurando esta barra lateral a través de nuestro panel de control en la opción "Promoción" > "Barra lateral". Para Lightspeed, recomendamos además mostrar la barra lateral en dispositivos móviles en la parte superior de la página, en la parte inferior de la página puede entrar en conflicto con su carrito de la compra.

8. 8. Haga clic en Guardar. La aplicación ya está activa. Opcionalmente, puede hacer clic en "Ver pedidos" después de "Guardar" la configuración. Esto le da la posibilidad de enviar a los clientes anteriores una invitación directamente.

9. Pruebe su tienda online después de la instalación y compruebe si hay conflictos con otros códigos (javascript). Para ello, realice un pedido de prueba y compruebe que nada falla. Compruebe también si, por ejemplo, los deslizadores de imágenes siguen funcionando sin problemas.

10. 10. Opcionalmente también puede colocar el widget WebwinkelKeur, ¡sin duda se lo recomendamos!

Además de la aplicación Lightspeed, puede colocar fácilmente nuestro material de marca de confianza en su tienda online Lightspeed. Esta página explica paso a paso cómo colocar el código HTML para el widget de comentarios de los clientes y / o el banner de marca de confianza en su tienda online.

La colocación de códigos HTML es posible en Lightspeed a través del editor de temas avanzado. Una desventaja de este método es que las actualizaciones del tema ya no se aplican automáticamente. Desafortunadamente, no hay otra manera de hacer ajustes personalizados a la plantilla sin cambiar el código del tema. Si no desea cambiar el código del tema, le recomendamos que elija un tema que ya admita WebwinkelKeur por defecto.

Hoja de ruta para colocar códigos HTML en Lightspeed

1. Genera el código del widget a través del asistente de generación de widgets (Inicia sesión en dashboard.webwinkelkeur.nl, haz clic en Instalación > Widgets. Para una explicación completa, lee Generar código de widget). Si desea colocar un banner HTML, vaya en el Panel de control de WebwinkelKeur a Instalación > Banners. Copie el código HTML que desea colocar.

2. Inicia sesión en tu tienda online Lightspeed.

3. Ve a 'Diseño' > 'Editor de temas', elige Avanzado y luego 'Editar código' para ir al editor HTML de Lightspeed.

4. Averigua dónde quieres hacer los cambios. Esto depende de tu diseño y de dónde quieras colocar el widget o banner. En nuestro ejemplo, colocaremos un pequeño icono de un sello junto al botón de pedido en la página del producto. Para ello, abriremos la página product.rain.

5. Ahora pega el código que generaste en el paso 1 en el lugar donde quieres que aparezca el material promocional. Esto requiere algunos conocimientos de HTML. En el ejemplo, colocamos un icono de sello de aprobación junto al botón de pedido.

6. Haz clic en 'Guardar' para guardar los cambios.

7. 7. Ahora visualice su tienda y verá aparecer el widget WebwinkelKeur.

Consejo: Colocar el banner en la cesta de la compra

Uno de nuestros consejos para integrar nuestro sello de confianza es colocar el banner de WebwinkelKeur en la cesta de la compra. En Lightspeed, esto se puede hacer colocando el siguiente código en el fixed.rain. La plantilla fixed. rain se encuentra en el editor de plantillas.

{% if template == 'pages/cart.rain' %} <div id="webshopkeurmerkcart"> AQUÍ TIENES TU PROPIO CÓDIGO DE BANNER </div> {% endif %}

WebshopKeur instalación multilingüe Lightspeed

Lightspeed ofrece soporte multilingüe por defecto bajo un dominio. Si tu tienda online es multilingüe, puedes configurar WebwinkelKeur multilingüe también con algunos ajustes. Antes de empezar, suponemos que has instalado la App WebwinkelKeur en la App Store de Lightspeed de la forma habitual. Después de instalar la App, las invitaciones ya se envían en el idioma del cliente por defecto. Esto requiere el paquete WebwinkelKeur PRO con soporte multilingüe.

Multilingüismo de la barra lateral de WebwinkelKeur

La barra lateral detecta automáticamente el idioma de la página. Para activarlo

1. Inicie sesión en el panel de control de WebwinkelKeur.

2. Vaya a 'Instalación' > 'Barra lateral'.

3. 3. Haga clic en "Mostrar configuración avanzada" > "Detectar idioma" > "Basado en la etiqueta html <lang>" > Actualizar configuración.

Tenga en cuenta que los cambios pueden tardar hasta 30 minutos. Vacía la caché del navegador para verlo más rápido. ¿No funciona? Vuelva a instalar la aplicación Lightspeed a través de la Appstore.

Multilingüismo en tu plantilla

Para mostrar banners o logotipos en el idioma correcto, utilice una simple construcción if/else en su plantilla:

{% if shop.language == 'en' %} Contenido en inglés {% elseif shop.language == 'de' %} Contenido en alemán {% else %} Contenido en holandés {% endif %}

Ejemplo de banner:

- Banner en neerlandés → webwinkelkeur.nl

- Banner en inglés → valuedshops.com

{% if shop.language == 'nl' %} <a href="...webwinkelkeur.nl..."><img src=".../468.png"></a> {% else %} <a href="...valuedshops.com..."><img src=".../valuedshops/468.png"></a> {% endif %}

Widget WebwinkelKeur multilingüe

El widget de revisión es compatible con el multilingüismo. Primero obtenga su propio código de widget a través de nuestro panel de control.

A continuación, coloque el código de widget adecuado para cada idioma, por ejemplo, para holandés, alemán e inglés:

{% if shop.language == 'nl' %} <iframe src="...&language=nld"></iframe> {% elseif shop.language == 'de' %} <iframe src="...&language=deu"></iframe> {% else %} <iframe src="...&language=espanol"></iframe> {% endif %}

Antes de empezar con las otras opciones de integración, le recomendamos que primero instale la aplicación Lightspeed y luego coloque los códigos HTML en su tienda online. En esta FAQ te explicamos cómo puedes utilizar la opción de sello de confianza dentro de Lightspeed, códigos UBB y temas con soporte WebwinkelKeur.

Opción de sello de confianza Lightspeed

Lightspeed ofrece la opción en Diseño > Sellos para añadir tus sellos. Si tienes la opción de añadir tu sello de confianza usando los códigos HTML estándar de banners de WebwinkelKeur como se describe en nuestra explicación, preferimos esa opción sobre la opción estándar de Lightspeed. Esto se debe a que la ventaja de nuestros propios códigos de banner es que pueden abrir la barra lateral dentro de su propio sitio web y habilitar un tooltip al pasar el ratón, mientras que la opción por defecto de Lightspeed abre una nueva pestaña al hacer clic en el sello.

1. Dentro de tu backend de Lightspeed, navega hasta Diseño > Hallmarks. Para ello, haz clic en el botón Añadir.

2. Por ejemplo, introduce "WebwinkelKeur" o "WebwinkelKeur: Hallmark + Reseñas" en nombre.

3. 3. En URL de la imagen, introduzca la URL de un banner que encontrará en su panel WebwinkelKeur en Promoción > Banners. La URL es la parte entre src="...".

4. 4. En URL del enlace, introduzca la URL de su página de miembro. Esta es la URL del código del banner que está entre href="...".

5. Haga clic en Guardar para añadir la imagen del distintivo a su tienda online.

Códigos UBB

Si por alguna razón no quieres lidiar con códigos HTML, existe otra alternativa para colocar nuestro widget en tu tienda online. El asistente del widget muestra no sólo un código HTML sino también un código UBB que puedes colocar en tu tienda web.

Por ejemplo, el código UBB del widget tiene este aspecto:

No recomendamos usar este código UBB cuando puedes colocar códigos HTML, ya que usar el código UBB tiene varias desventajas. Por ejemplo, este código sólo funciona cuando la barra lateral está activa y el widget sólo se carga después de que se haya cargado la barra lateral. Por lo tanto, es posible que su visitante vea por primera vez el código UBB en pantalla mientras carga su tienda web. Si desea utilizar el código UBB a pesar de esto, puede pegarlo como texto normal en su sitio web. En cualquier lugar en el que pongas este código UBB normal como texto, será reemplazado automáticamente por el widget elegido.

Plantillas compatibles con Lightspeed

Hay varias plantillas que soportan los widgets y materiales promocionales de WebwinkelKeur. Por ejemplo las plantillas de abajo de instijlmedia.nl. Estas ofrecen opciones dentro de la configuración del tema para mostrar el widget WebwinkelKeur. Puede leer cómo funciona exactamente en la documentación de la plantilla correspondiente. Si tiene preguntas sobre las opciones de la plantilla, le recomendamos que se ponga en contacto con el creador de la plantilla.

- Dinámico(ver plantilla)

- Tema B2B(ver plantilla)

- Unity(ver plantilla)

- Ultimate(ver plantilla)

- Dream(ver plantilla)

Aplicaciones Lightspeed

Además de la aplicación WebwinkelKeur, también puede activar la aplicación de pago InstyleMedia Custom Review Widget App. Esto puede mostrar su puntuación de revisión WebwinkelKeur y opiniones de una manera hermosa en su tienda online.

También ofrecemos reseñas de productos para los usuarios de Lightspeed como servicio adicional. El coste de este servicio es de 10 euros al mes, además del coste actual.

Ventajas de las revisiones de productos:

- Los clientes toman mejores decisiones de compra, lo que se traduce en menos devoluciones.

- Aumentar las ventas utilizando la "prueba social".

- Gane estrellas en los resultados no pagados de Google para sus páginas de productos y exporte las reseñas de productos a Google Shopping.

- Recopile opiniones tanto del sitio como del producto con una sola solicitud de opinión.

La activación es sencilla y rápida a través de su panel de control.

Vaya a "Reseñas" y vaya a "Reseñas de productos".

Allí, haga clic en el botón para activarlas.

Configuración de las reseñas de productos en Lightspeed

Una vez que hayas activado la función, puedes hacer que las reseñas de productos funcionen en 2 pasos en tu entorno Lightspeed.

Paso 1: Si ya tienes nuestra aplicación WebwinkelKeur instalada, necesitas reinstalarla. Esto tiene que ver con el nuevo permiso que necesitamos para pedir los datos del pedido. Puedes hacerlo entrando en Lightspeed > Apps > WebwinkelKeur > Reinstalar > Conceder acceso.

Paso 2: Cuando la App se haya instalado correctamente, puedes marcar la opción 'reseñas de productos' dentro de los ajustes de dicha App.

Después de estos pasos, estará listo para solicitar datos de pedidos y recibir valoraciones de productos. Mostrar estas opiniones se hace automáticamente en los productos vinculados. Lightspeed también se asegura automáticamente de que se utilice el formato Schema.org correcto para que puedas reclamar las estrellas amarillas en los resultados de búsqueda orgánica.

Tus clientes recibirán ahora una invitación para valorar tu tienda online. Una vez que hayan valorado su tienda online, verán la opción de valorar sus productos. Para comprobar si todo está configurado correctamente y las invitaciones se envían con la opción de dejar una valoración del producto, puede acceder a su Panel WWK > Invitaciones > Enviados.

Las invitaciones enviadas con la opción de dejar una reseña del producto se pueden identificar por un icono de una bolsa de la compra azul.

Añadir códigos GTIN para Google

GTIN o Global Trade Item Number permite distinguir fácilmente los productos entre sí. Dar a cada producto un código GTIN único facilita que los programas de búsqueda como Google encuentren los productos. Existen diferentes tipos de códigos GTIN:

- EAN | Numeración Europea de Artículos | Código de barras de 8 ó 13 dígitos

- JAN | Numeración japonesa de artículos | Código de barras de 8 ó 13 dígitos

- UPC | Código Universal de Producto | Código de barras de 12 dígitos

- ISBN | Numeración Internacional Normalizada de Libros | Número de 13 dígitos

- IFT-14 | Interleaved Two of Five | Número de 14 dígitos

Puede añadir estos códigos en Lightspeed accediendo a su panel de control de Lightspeed > Productos > Seleccionar producto > Stock y variantes > Añadir variante > Características únicas > Código de barras.

Estrellas en Google Shopping

¿Quiere estrellas amarillas en Google Shopping además de estrellas en los resultados de búsqueda orgánica no pagados? Entonces lea las preguntas frecuentes sobre el envío de reseñas de productos a Google Shopping.