Para incluir la barra lateral de eValor en tu tienda, debes colocar un pequeño código de JavaScript en el HTML de tu web. La mayoría de los módulos de eValor coloca este código automáticamente. ¿No existe un módulo específico para el software de tu tienda online? En ese caso, tienes que introducir manualmente el código (encontrarás el código después de iniciar sesión en el Panel de control en Instalación -> Barra lateral & widgets).
El código predeterminado para la integración con JavaScript de la barra lateral de eValor en tu tienda online es así:
<script type="text/javascript"> (function() { // ID de tu tienda _webwinkelkeur_id = 1; var js = document.createElement("script"); js.type = "text/javascript"; js.async = true; js.src = "//www.evalor.es/js/sidebar.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(js, s); })(); </script>
Una vez tienes este código en tu web, puedes configurar la barra lateral de eValor fácilmente. Para ello, tienes que ir a tu Panel de control en Instalación> Barra lateral & Widgets. Desde aquí puedes configurar, entre otras cosas, en qué lado quieres que aparezca la barra lateral, tanto en la pantalla del ordenador como en la del teléfono móvil.
Lightbox con vista previa
Además de la barra lateral, también tienes la opción de hacer que aparezca, en tu propia tienda, un Lightbox con la vista previa de tu perfil eValor. Esto te permite mostrar la valoración media y las opiniones de tus clientes. De esta forma, un potencial cliente no tendrá que salir de tu web para leer comentarios o para obtener más información sobre tu empresa.
Para mostrar esta vista previa, tienes que usar unos enlaces con un atributo de clase específico. Estos son los “class=” que tienes que usar para que aparezca la vista previa de eValor en tu tienda online: webwinkelkeurPopup, webwinkelkeurAddReview y webwinkelkeurReviews.
Enlace para mostrar información general de la tienda online
Con el siguiente enlace puedes mostrar la vista previa con los datos de tu tienda y su valoración media. Desde esta ventana, se puede acceder a las otras.
<a href=”https://www.evalor.es/tutienda_XXX.html” class=”webwinkelkeurPopup”>Normale popup</a>
Enlace para publicar opiniones
Con el siguiente enlace puedes mostrar la vista previa con las opiniones de los clientes. Desde aquí se podrá compartir fácilmente una opinión.
<a href=”https://www.evalor.es/tutienda_XXX.html” class=”webwinkelkeurAddReview”>Normale popup</a>
Enlace para mostrar las opiniones de los clientes
Con el siguiente enlace puedes mostrar la vista previa con las opiniones de los clientes de la tienda.
<a href=”https://www.evalor.es/tutienda_XXX.html” class=”webwinkelkeurReviews”>Normale popup</a>
Opciones avanzadas
A través de nuestro Panel de control, puedes establecer la configuración de JavaScript predeterminada. Sin embargo, si deseas sobrescribirlo en una página en particular, entonces puedes hacerlo. Para esto, puedes usar varias variables de JavaScript. Si deseas cambiar una configuración particular para cada página, te recomendamos no hacerlo a través de JavaScript, sino a través de la configuración en nuestro panel de control.
Variable | Función |
_webwinkelkeur_tooltip | Aparición de la vista previa con información de la tienda cuando se pasa el cursor por encima del logo de eValor. Por defecto, este valor es verdadero (muestra vista previa). Si no quieres que aparezca la vista previa, debes poner “false”. |
_webwinkelkeur_sidebar | Aparición de la barra lateral en la tienda. Por defecto, este valor es verdadero (muestra barra lateral). Si no quieres que aparezca la barra lateral, debes poner “false”. |
_webwinkelkeur_sidebar_position | Posición de la barra lateral. Por defecto, muestra la barra en el lado izquierdo. Si quieres que esté en el lado derecho, debes poner “right”. |
_webwinkelkeur_sidebar_pixels_from_top | Distancia de la barra lateral. Tienes que indicar la cantidad de píxeles para establecer la distancia de la barra lateral respecto a la parte superior de la pantalla. |
_webwinkelkeur_mobile | Posición de la barra lateral en el móvil. Las opciones son “top”, “bottom” u “off” (este último si no quieres que aparezca la barra lateral en las pantallas de los móviles |
A continuación, puedes ver un ejemplo de código:
<script type="text/javascript"> (function() { _webwinkelkeur_id = 1; _webwinkelkeur_tooltip = false; _webwinkelkeur_sidebar_position = right; _webwinkelkeur_sidebar_pixels_from_top = 200; var js = document.createElement("script"); js.type = "text/javascript"; js.async = true; js.src = "//www.evalor.es/js/sidebar.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(js, s); })(); </script>