El widget de prueba social simula pedidos o compras de tu producto en el sitio web, mostrándolos como notificaciones emergentes.
Cómo funciona el widget
El widget opera bajo un principio psicológico simple: cuando los visitantes ven que otros realizan compras, se vuelven más propensos a comprar también.
Beneficios clave
Integrar este widget en tu sitio web proporciona varias ventajas estratégicas:
- Impulsar compras impulsivas: atrae instantáneamente a nuevos clientes aprovechando la prueba social y la toma de decisiones impulsiva. Las personas se sienten naturalmente atraídas por los artículos populares y quieren emular las elecciones de los demás.
- Generar confianza y lealtad: muestra un alto volumen de pedidos en tiempo real para generar credibilidad. Es más probable que los clientes confíen y permanezcan leales a empresas que demuestran una base de usuarios activa y satisfecha.
- Interactuar con actualizaciones dirigidas: mantén a los clientes informados sobre eventos importantes y promociones especiales. Puedes personalizar completamente la frecuencia con la que aparece el widget y quién lo ve según criterios de audiencia específicos.
Cómo crear y configurar el widget
Para crear un widget, ve a la pestaña "Widgets" correspondiente.
Luego haz clic en el botón "Crear un widget".
Aparecerá un menú desplegable que muestra los widgets disponibles para la integración en el sitio web; selecciona el que necesites de la lista:
Luego serás dirigido a la página de configuración del widget:
Información general
Nombre del widget
Especifica el nombre de tu widget en el campo de configuración "Nombre del widget":
El nombre del widget es un campo obligatorio y se mostrará solo en la sección "Widgets"; no será visible para tus clientes.
Dominio
Este es el segundo campo obligatorio, donde debes especificar el dominio de tu sitio web:
Puede ser un sitio web construido en MaviBot, creado con la plataforma Tilda o tu propio sitio personalizado.
Configuración general de contenido
La configuración general de contenido determina lo que se mostrará en las notificaciones emergentes del widget en el sitio web.
Presta atención a los marcadores de posición como [name], [city] y otros; los usarás al crear mensajes dentro del widget en la pestaña "Opciones del widget".
Marcador de posición de nombre
Los campos de marcador de posición de nombre te permiten mostrar nombres específicamente masculinos o femeninos en el sitio web:
Para cambiar los nombres a masculinos o femeninos, usa el campo correspondiente:
También puedes seleccionar nombres según la ubicación geográfica:
Luego la selección de nombres se ajustará.
Marcador de posición de ciudad
También puedes elegir nombres según la ubicación geográfica:
Marcador de posición de suma
Puedes insertar una suma en el bloque de texto del widget, que puede ser un valor fijo o un número generado aleatoriamente dentro de un rango especificado:
Para ingresar una suma exacta, usa el campo vacío a la derecha:
Si seleccionas el tipo "suma de rango", debes ingresar los valores mínimo y máximo en los campos para generar un número aleatorio dentro de ese rango:
Si es necesario, también puedes establecer el número de decimales para redondear:
Marcador de posición de variable personalizada
Para insertar tus propias variables personalizadas en el widget, haz clic en el botón "Agregar variable".
Deberás definir el nombre de la variable usando corchetes en la ventana modal que se abre.
A continuación, ingresa los valores de la variable, asegurándote de que cada nuevo valor se escriba en una nueva línea sin comas ni otros separadores:
Luego, haz clic en "Guardar" para almacenar los valores en el sistema:
A continuación, verás que la variable personalizada se ha guardado en la configuración general de contenido:
Para usar la variable más tarde, inserta su nombre entre corchetes en el campo "Texto principal" en la sección "Contenido":
Condiciones de activación del widget
Intervalo de tiempo
Puedes configurar el momento de visualización del widget en el sitio web usando la función "Cuándo mostrar el widget":
-
Instantáneamente
Esta configuración mostrará el widget inmediatamente cuando el usuario abra el sitio web. - Después de un retraso
El widget aparecerá en el sitio web después del número especificado de segundos una vez que el usuario lo haya abierto.
El intervalo de tiempo se establece en segundos, con un valor mínimo de 1 segundo y un máximo de 15 segundos.
- Después de desplazarse
La condición "Después de desplazarse" significa que los widgets comenzarán a funcionar en el sitio web después de que tu usuario se haya desplazado una distancia determinada en píxeles.
Intervalo de tiempo
También existe la siguiente condición de activación:
- Duración de visualización:
- Establece el valor en segundos.
- Determina cuánto tiempo permanecerá visible el widget antes de que desaparezca la notificación.
- Intervalo entre retrasos
- Establece el valor en segundos.
- Determina el retraso entre las visualizaciones del widget: después de que aparezca una notificación, la siguiente se mostrará solo después de que haya pasado el número especificado de segundos.
Establecer una condición
Analicemos más de cerca las condiciones disponibles.
- Parámetros UTM
Para aprender qué son las etiquetas UTM y cómo usarlas, te recomendamos leer el artículo "Cómo transferir etiquetas UTM".
Ingresa el nombre de la etiqueta requerida en el campo designado:
A continuación, selecciona el operador que compara la etiqueta con el valor:
¿Cuál es la diferencia entre contiene/no contiene e igual/no igual?
La principal diferencia es que el operador "contiene/no contiene" verifica si la etiqueta UTM incluye (o no incluye) un cierto valor.
En cambio, el operador "igual" requiere una coincidencia exacta, lo que significa que el sistema busca una etiqueta UTM que coincida exactamente con el valor especificado (y, en consecuencia, "no igual" funciona como lo opuesto).
Luego ingresa el valor requerido para la etiqueta UTM:
- País
También puedes elegir la condición "País", que mostrará el widget según el país de la IP del visitante.
Selecciona el país deseado de la lista, así como el tipo de operador ("es" o "no es"):
- Dispositivo
Si es necesario, aplica la condición "Dispositivo" para mostrar el widget según el tipo de dispositivo del visitante utilizado para acceder al sitio:
La configuración también incluye una función para agregar múltiples valores para mostrar el widget. Simplemente haz clic en "+ Agregar valor" y establece una o más condiciones adicionales según sea necesario:
Opciones del widget
Una vez que hayas terminado de configurar el widget, ve a la pestaña "Opciones del widget":
En esta pestaña, puedes configurar la apariencia y el contenido del widget que se mostrará a tus usuarios.
Contenido
Puedes ingresar texto estático o variables dinámicas (por ejemplo, [name], [sum], [city]) en los campos Título y Texto principal. Cuando el widget esté activo, el sistema reemplazará automáticamente estas variables con los valores reales configurados en la configuración de tu widget.
Icono
El icono se mostrará dentro de la notificación emergente:
Apariencia
La configuración de apariencia generalmente incluye opciones para seleccionar colores de una amplia paleta, ajustar el redondeo de esquinas y configurar los niveles de sombra y transparencia:
- Paleta de colores: elige colores para cualquier elemento del widget, desde el texto hasta el fondo del icono. También puedes seleccionar degradados.
- La alineación del texto se puede establecer en relación con el centro, el borde derecho o izquierdo:
- Configuración de esquinas de notificación: puedes elegir esquinas redondeadas, cuadradas o completamente circulares para el mensaje en el sitio web:
Ocultar el botón de cierre del widget
Esta casilla de verificación ocultará el botón de cierre (×) en la esquina del widget.
Posición del widget en el sitio web
De forma predeterminada, las notificaciones están configuradas para aparecer en la esquina inferior derecha de la pantalla. Si es necesario, puedes cambiar la posición del widget en tu sitio web usando la configuración a continuación.
La posición del widget se calcula desde los bordes inferior y derecho de la pantalla. Para moverlo hacia el borde izquierdo, establece el campo "Margen derecho" en 60%.
Cómo incrustar el widget en el sitio web
Una vez que hayas configurado todos los ajustes y personalizado la apariencia del widget según tu diseño único, haz clic en el botón "Agregar widget" en la parte inferior de la pantalla.
Serás llevado a la lista de widgets existentes, donde debes hacer clic en el botón "Incrustar código en el sitio web":
Se abrirá una ventana modal que muestra el código del script:
Copia el script generado, luego ve a la configuración del sitio web para el dominio que especificaste anteriormente en la configuración del widget.
Luego pega el script en el código HTML dentro de la sección:
Para incrustar el widget en un sitio de Tilda, copia el script del widget usando el botón "Incrustar código en el sitio web", luego agrégalo a la página de tu sitio web.
¡Listo! ¡La configuración e instalación del widget en tu sitio web están completas!