Explicación de los componentes de widgets y micrositios
Limitado: Los componentes, aparte de los incluidos en las plantillas proporcionadas, solo están disponibles en ciertas ediciones del producto o complementos. Si te gustaría tener un control más granular sobre qué componentes usan tus micrositios, contáctanos para actualizar tu programa.
Los componentes son los bloques de construcción individuales, como las imágenes principales y las tarjetas de tareas, que forman el widget o micrositio de tu programa Advocate. Estos elementos dan forma a la experiencia del participante y se pueden personalizar para que coincidan con tu marca.
Este artículo ofrece una lista categorizada de los componentes disponibles dentro de los editores de widgets y micrositios. La mayoría de los componentes admiten estilos y personalización, aunque algunos tienen limitaciones de diseño. También puedes previsualizar los estados de tus componentes dentro de la interfaz del editor.
Estadísticas
Usar Estadísticas componentes para que tus participantes sepan cómo van en tu programa. Para ver una lista de estadísticas que estos componentes pueden admitir, visita Estadísticas de widget y micrositio.
Saldo de puntos
Muestra el saldo de Puntos del participante. Se usa en programas Advocate que recompensan a los participantes con puntos.
Tarjetas de regalo ganadas
Muestra el número de recompensas de tarjetas de regalo obtenidas por el Advocate.
Referidos
Muestra cuántas referencias ha realizado el participante. Incluye referencias iniciadas y convertidas.
Contenedor con tres estadísticas
Una plantilla con espacio para tres estadísticas. Las estadísticas mostradas se pueden cambiar. Las estadísticas se pueden añadir y eliminar según se desee.
Otra estadística
Muestra una estadística de tu elección. Puedes seleccionar entre una estadística de referencias, varias estadísticas de recompensas o crear una estadística personalizada.

Componentes comunes
Componentes comunes se utilizan ampliamente para mejorar tanto la funcionalidad como la coherencia del diseño en tu widget o micrositio. Cubren elementos visuales y estructurales de uso general, como imágenes principales, formato de diseño y pasos descriptivos del programa.
Imagen principal de dos columnas
Una imagen de banner y texto de encabezado que abarcan dos columnas. La imagen, el texto y el color de fondo se pueden actualizar.

Imagen principal superpuesta
Una imagen de banner con texto superpuesto. La imagen, el texto y el color de fondo se pueden actualizar.

Imagen
Una imagen. Se pueden cambiar el color de fondo, la alineación, la altura y el ancho.

Botón de enlace
Un botón clicable que redirige a los participantes al enlace seleccionado. El color del botón está controlado por el Color de la marca definido a nivel de Contenedor de marca.
![]()
Explicador del programa
Una plantilla que explica cómo funciona un programa Advocate, como cómo ganar recompensas. Incluye dos pasos del explicador del programa de forma predeterminada. Se pueden añadir más pasos. El color está controlado por el Color de la marca definido a nivel de Contenedor de marca.

Paso del explicador del programa
Añade texto descriptivo para explicar una parte de tu programa. Encaja dentro de un componente explicador del programa. El color está controlado por el Color de la marca definido a nivel de Contenedor de marca.

Cronología del programa
Muestra una vista general del recorrido de referencia y las recompensas para tus participantes. Añade o elimina elementos de la cronología según sea necesario. El color del icono circular y las líneas entre elementos está controlado por el Color de la marca definido a nivel de Contenedor de marca.

Elemento de cronología
Encaja dentro de un componente de cronología del programa para mostrar un paso del recorrido de referencia. El color del icono circular y las líneas entre elementos está controlado por el Color de la marca definido a nivel de Contenedor de marca.

Mostrar nombre de usuario
Extrae dinámicamente el nombre completo del participante. De forma predeterminada muestra “Usuario anónimo” si el participante no ha introducido un nombre.
![]()
Recompensas
Nota: Recompensa los componentes solo se pueden usar para widgets y micrositios con acceso verificado.
Feed de tarjetas de tareas
Las tarjetas de tareas permiten a tus usuarios realizar acciones o ver su progreso hacia los objetivos del programa Advocate directamente con el widget o micrositio. Este componente añade varias tarjetas de tareas a tu widget o micrositio. El color del botón está controlado por el Color de la marca definido a nivel de Contenedor de marca.

Intercambio de recompensas
Permite a los participantes intercambiar las recompensas obtenidas por otro tipo de recompensa.
Debes tener Intercambio de recompensas configurado para usar esta función.

Tabla de recompensas
Muestra una lista de las recompensas que ha obtenido el participante. Puede incluir recompensas manuales y/o recompensas obtenidas en varios programas Advocate.

Columna de nota del cliente
Añade otra columna de notas a la tabla de recompensas. Debe colocarse dentro del componente de tabla de recompensas.

Columna de fecha
Añade otra columna de fecha a la tabla de recompensas. Debe colocarse dentro del componente de tabla de recompensas.

Columna de recompensa
Añade otra columna de recompensa a la tabla de recompensas. Debe colocarse dentro del componente de tabla de recompensas.

Columna de origen
Añade otra columna de origen a la tabla de recompensas. Debe colocarse dentro del componente de tabla de recompensas.

Columna de estado
Añade otra columna de estado a la tabla de recompensas. Debe colocarse dentro del componente de tabla de recompensas.

Componentes de micrositio
Micrositio los componentes se utilizan principalmente para el formulario de registro y la barra lateral de navegación de tu micrositio. Estos componentes no se pueden añadir a los widgets del programa.
Campo de casilla de verificación del formulario
Añade una casilla de verificación al formulario de registro. Puedes mapear si la casilla fue marcada a un campo personalizado del participante de Advocate. Lee Ver tus envíos del formulario de registro del micrositio para obtener más información.

Campo desplegable del formulario
Añade una lista desplegable con elementos de lista personalizables al formulario de registro. Puedes mapear el elemento de lista seleccionado por el usuario a un campo personalizado del participante de Advocate. Contacta con Soporte para obtener ayuda con esto.

Campo de entrada del formulario
Añade un campo de entrada de texto libre al formulario de registro. Puedes mapear el texto introducido por el usuario a un campo personalizado del participante de Advocate. Contactar con soporte para obtener ayuda con esto.

Campos de nombre del formulario
Añade campos rellenables de Nombre y Apellido al formulario de registro.

Elemento de barra lateral
Añade una nueva página o enlace a la navegación de la barra lateral de tu micrositio. Solo se puede colocar dentro del diseño de sesión iniciada del micrositio.
![]()
Campo de contraseña del formulario
Añade un campo de contraseña rellenables al formulario de registro.

Acceso instantáneo
Acceso instantáneo los componentes hacen que sea rápido y fácil para los amigos referidos registrarse o canjear recompensas sin pasar por el proceso de registro estándar. Son ideales para programas que utilizan widgets de referencia de acceso instantáneo o flujos de registro de amigos.
Código de cupón
Muestra un código canjeable para una recompensa de Fuel Tank.
El tanque de recompensas de Fuel Tank deben tener códigos de cupón disponibles para que este componente funcione como se espera.

Registro de Advocate
Permite que los nuevos Advocates introduzcan su dirección de correo electrónico para registrarse y hacer referencias. Después de introducir su dirección de correo electrónico, los usuarios pasarán a una segunda pantalla donde podrán acceder a sus enlaces compartidos de referencia. Se utiliza para el widget de referencia del sitio web de acceso instantáneo.

Cerrar sesión del usuario actual
Permite al visitante salir de la pantalla personalizada de acceso instantáneo.
![]()
Registro de amigo
Permite que los amigos referidos introduzcan su dirección de correo electrónico para registrarse. Después de introducir su dirección de correo electrónico, los usuarios pasarán a una segunda pantalla donde podrán acceder a su recompensa de Código de cupón. Se utiliza para el widget de amigos de acceso instantáneo.

Diseño
Diseño los componentes te permiten organizar y agrupar otros componentes. Úsalos para crear secciones, filas, columnas o pestañas.
Diseño principal de dos columnas
Añade un diseño principal con dos columnas de contenido.

Contenedor de diseño en fila
Añade un nuevo contenedor en fila para contenido. Se pueden colocar otros componentes dentro de la fila.

Contenedor de diseño en columna
Añade un nuevo contenedor en columna para contenido. Se pueden colocar otros componentes dentro de la columna.

Pestaña
Añade una nueva pestaña a un grupo de pestañas genérico.

Grupo de pestañas genérico
Añade un grupo de pestañas. Cada pestaña puede contener componentes y contenido distintos. Tiene tres pestañas de forma predeterminada, pero se pueden eliminar o añadir según sea necesario.

Sección titulada
Añade una nueva sección que contenga un encabezado y texto de párrafo. Se pueden añadir otros componentes a la sección titulada debajo del encabezado.

Facturas
Factura los componentes te permiten insertar componentes de facturas para ver datos de ganancias.
Tabla de facturas
Añade un acordeón de factura expandible que alberga datos de ganancias.

Columna de fecha de la tabla de facturas
Añade una nueva columna a tu componente de tabla de facturas.

El Clasificación el componente te permite clasificar a los participantes de tu programa, ofrecer recompensas a los mejores resultados e incentivar a los participantes para impulsar mejores resultados en tu programa. Añade clasificaciones a tu widget de acceso verificado o micrositio, y configura el sistema de puntuación, el sistema de clasificación y las opciones de filtrado de participantes. Consulta los artículos siguientes para obtener más información:
Referencia iniciada
Este tipo de clasificación ordena a los participantes por el número de referencias que han iniciado. Las puntuaciones de tus defensores del cliente corresponderán con el número de referencias iniciadas.

Referencia convertida
Este tipo de clasificación ordena a los participantes por el número de referencias que han convertido. Las referencias se consideran convertidas una vez que el amigo referido alcanza un objetivo del programa, como realizar una compra por un valor que hayas definido. Las puntuaciones de tus defensores del cliente corresponderán con el número de referencias convertidas.

Puntos ganados
Este tipo de clasificación ordena a los participantes por el número total de Puntos que han ganado en los programas Advocate que recompensan con Puntos. Todos los Puntos de unidades de recompensa cuentan siempre que no estén pendientes o cancelados. Este tipo de clasificación solo es válido para el tipo de recompensa Punto.

Clasificación anónima
Una versión completamente anonimizada de la clasificación que no muestra ninguna información de identificación personal sobre otros participantes del programa. Puede mostrar cualquier tipo de clasificación.

Impuestos y efectivo
Impuestos y efectivo los componentes te permiten incorporar la recopilación de formularios fiscales y opciones de pago en efectivo en tu widget de acceso verificado o micrositio.
Este grupo de componentes solo está disponible si la pagos en efectivo función se ha activado en tu cuenta.
Alerta de estado de pago
Advierte al participante de las acciones que debe realizar antes de poder recibir un pago en efectivo. El componente incluye un botón de llamada a la acción que lleva al participante a revisar sus ajustes de pago.
Opcionalmente, personaliza cualquiera de las descripciones de texto que el participante verá cuando visualice el componente.

Formulario de pago en efectivo de micrositio y widget
Inserta un formulario que recopile la información bancaria de los participantes y cualquier formulario fiscal aplicable, como un W-8 o un W-9.
Opcionalmente, personaliza cualquiera de las descripciones de texto que el participante verá cuando visualice el formulario.
También puedes establecer alertas y requisitos de verificación dentro de este componente.

Compartir
Compartir los componentes ofrecen a los participantes formas cómodas de promocionar sus enlaces y códigos de referencia en varios canales. Cuando un participante hace clic en un botón de compartir, se abre el canal elegido, como Facebook, LinkedIn, WhatsApp, o correo electrónico, con un mensaje o enlace prellenado, listo para enviar.
Algunos componentes, como Código de referencia, muestran el código de referencia o promocional individual del participante junto con una opción de copiar al portapapeles para compartir rápidamente. Otros, como Códigos promocionales, presentan varios códigos disponibles (si se han asignado) en una vista de carrusel e incluyen botones de compartir para que los participantes puedan publicar o enviar al instante el código seleccionado. Estas herramientas facilitan que los participantes difundan el mensaje e impulsen nuevas referencias.
Código de referido
Muestra un campo de código de referencia con una opción de copiar al portapapeles. Se usa como parte de la funcionalidad de Códigos promocionales.

Códigos promocionales
Bloque de componente preformateado que incluye un campo de código promocional de referencia con un control deslizante para alternar entre varios códigos si se ha asignado más de uno. También incluye un enlace para compartir y componentes de botón para compartir en Facebook, LinkedIn y Twitter / X.

Botón para compartir en Facebook
Muestra un botón para compartir en Facebook con texto personalizable. Al hacer clic, el botón redirigirá a una nueva publicación en el perfil de Facebook del usuario con la Mensajería social de la marca precargada.

Botón para compartir en X
Muestra un botón para compartir en X con texto personalizable. Al hacer clic, el botón redirigirá a una nueva publicación en la cuenta de X del usuario con la Mensajería social de la marca precargada.

Botón para compartir por correo electrónico
Muestra un botón para compartir por correo electrónico con texto personalizable. Al hacer clic, el botón abrirá la aplicación de correo electrónico predeterminada del usuario e iniciará un nuevo correo con la Mensajería social de la marca precargada.

Botón de hoja para compartir en móvil
Muestra un botón para compartir dentro del navegador web del participante. Al hacer clic, el botón abrirá un menú con todas las aplicaciones disponibles que el usuario puede abrir para compartir su enlace. Cuando se seleccione una aplicación, se creará una nueva publicación o mensaje con la Mensajería social de la marca precargada.

Botón para compartir en LinkedIn
Muestra un botón para compartir en LinkedIn con texto personalizable. Al hacer clic, el botón redirigirá a una nueva publicación en el perfil de LinkedIn del usuario con la Mensajería social de la marca precargada.

Botón para compartir por SMS
Muestra un botón de Envía un mensaje a un amigo con texto personalizable. Al hacer clic, el botón redirigirá a la aplicación SMS/mensajería de texto predeterminada del usuario, y se creará un nuevo SMS/mensaje de texto con la Mensajería social de la marca precargada.

Botón para compartir por Messenger
Muestra un botón para compartir por Messenger con texto personalizable. Al hacer clic, el botón redirigirá a un nuevo mensaje en la aplicación Facebook Messenger del usuario con la Mensajería social de la marca precargada.

Botón para compartir en WhatsApp
Muestra un botón para compartir por WhatsApp con texto personalizable. Al hacer clic, el botón redirigirá a un nuevo mensaje en la cuenta de WhatsApp del usuario con la Mensajería social de la marca precargada.

Botón para compartir en LINE
Muestra un botón para compartir por Line Messenger con texto personalizable. Al hacer clic, el botón redirigirá a un nuevo mensaje en la aplicación Line Messenger del usuario con la Mensajería social de la marca precargada.

Botón para compartir en Pinterest
Muestra un botón para compartir en Pinterest con texto personalizable. Al hacer clic, el botón redirigirá a una nueva publicación en el perfil de Pinterest del usuario con la Mensajería social de la marca precargada.

Enlace para compartir
Muestra el enlace para compartir del participante para este programa.

Código QR
Muestra el enlace para compartir del participante en forma de código QR para este programa.

Referidos
Referido los componentes muestran información sobre los amigos referidos del participante y su estado de conversión. Facilitan a los participantes hacer seguimiento de a quién han referido, cuándo ocurrieron las conversiones y cualquier recompensa obtenida por esas referencias.
Tarjeta de referencia
Bloque de componente preformateado que incluye cronología del programa, enlace para compartir, y Facebook, LinkedIn, y Twitter / X componentes de botón para compartir. Se pueden añadir o eliminar otros componentes según sea necesario.

Tabla de referencias
Muestra una tabla que muestra los amigos referidos del participante, la fecha de conversión y el estado de conversión.

Columna de fecha de la tabla de referencias
Añade otra columna de fecha a la tabla de referencias. Debe colocarse dentro del componente de tabla de referencias.

Columna de recompensas de la tabla de referencias
Añade otra columna de recompensas a la tabla de referencias. Debe colocarse dentro del componente de tabla de referencias.

Columna de estado de la tabla de referencias
Añade otra columna de estado a la tabla de referencias. Debe colocarse dentro del componente de tabla de referencias.

Columna de usuario de la tabla de referencias
Añade otra columna de cliente (amigo referido) a la tabla de referencias. Debe colocarse dentro del componente de tabla de referencias.

Avanzado
Los componentes avanzados te dan más control sobre lo que ven los participantes y cuándo lo ven. Permiten la visualización condicional del contenido, anulaciones del programa y otras configuraciones especializadas que ayudan a adaptar la experiencia a audiencias específicas.
Área condicional / Segmento
Muestra contenido en esta sección solo cuando el participante pertenece a un determinado segmento de usuarios.
Para establecer el segmento de usuario, abre las propiedades del componente y edita la expresión JSONata en el Condición campo.
Los usuarios dentro del segmento establecido verán todo el contenido mostrado en la sección condicional, mientras que los usuarios que no estén en el segmento no verán el contenido.

Área condicional / Campo
Muestra contenido en esta sección solo cuando un campo personalizado en el perfil del participante contiene un valor determinado.
Para establecer el nombre y el valor del campo personalizado, abre las propiedades del componente y edita la expresión JSONata en el Condición campo.
Los usuarios con el valor correcto del campo personalizado verán todo el contenido mostrado en la sección condicional, mientras que los usuarios sin el valor correcto del campo personalizado no verán el contenido.

Sección del programa
El componente de sección del programa te permite anular el ID del programa de sus componentes secundarios. Úsalo cuando quieras mostrar contenido que no esté vinculado a un programa específico. Incluido de forma predeterminada en la mayoría de las plantillas de widget y micrositio.

Última actualización
¿Te fue útil?


