La siguiente guía explica paso a paso cómo crear una ventana emergente que se mostrará al ingresar en tu tienda.
Aplica a tiendas creadas con Prestashop, no válido para WooCommerce.
Requiere Custom Plugin Prestacraft, si tu tienda no lo tiene puedes solicitar que te lo instalemos.
- Ingresar al panel de administración de la tienda con el link y los datos de acceso facilitados por AVA y hacer clic sobre PERSONALIZAR > Módulos > Módule Manager
Personalizar > Módulos > Módule Manager
2. Buscar popup y hacer clic en botón configurar de Custom popup notification.
Custom popup notification > Configurar
3. Dentro de Main settings podemos habilitar o deshabilitar el popup.
Main settings > habilitar o deshabilitar
Además, este formulario nos permite establecer algunas configuraciones:
Cookie length: establecemos los segundos para que el popup vuelva a mostrarse a la
persona usuaria que ya lo vió. Hemos establecido una validez de un día. Si se coloca cero,
la persona usuaria lo verá en cada ingreso.
Guía Prestashop / Ventana emergente (pop-up)
Popup delay: Tiempo que tardará en mostrarse el popup. Dejando en blanco este valor,
se mostrará antes de permitir el ingreso a la página.
4. Editamos el contenido del popup:
Para esto, contamos con un editor de textos con una barra de herramientas que nos
permite modificar estilos (header, paragraph, etc), alineación, color, colocar enlaces,
listas, imagenes, tablas y hasta vídeos.
El último elemento de la derecha un selector de idioma. Es muy importante completar el
contenido de cada idioma antes de Guardar, ya que ninguno puede estar vacío. Si hay un
idioma vacío, los cambios no se guardarán y el popup no se mostrará.
Popup content
5. Opciones Close & footer
Hemos preconfigurado esta opción para que el popup se cierre cuando hacemos clic fuera del
área del mismo (además de la cruz superior derecha). Recomendamos no modificar las opciones
restantes.
Close & footer
6. Elegimos en qué páginas se mostrará el popup, en Display on Pages
Hemos preconfigurado esta opción para que se muestre sólo en la home.
Display on Pages, displayHome.
