Explicación de los componentes de widgets y micrositios
Limitado: Los componentes, aparte de los que se proporcionan en las plantillas dadas, solo están disponibles para ciertas ediciones del producto o complementos. Si desea un control más detallado sobre qué componentes usan sus micrositios, contáctenos para actualizar su programa.
Los componentes son los bloques de construcción individuales, como imágenes principales y tarjetas de tareas, que componen el widget o micrositio de su programa Advocate. Estos elementos dan forma a la experiencia del participante y se pueden personalizar para alinearlos con su marca.
Este artículo proporciona una lista categorizada de los componentes disponibles dentro de los editores de widgets y micrositios. La mayoría de los componentes admiten estilo y personalización, aunque algunos tienen limitaciones de diseño. También puede previsualizar los estados de su componente dentro de la interfaz del editor.
Estadísticas
Usar Estadísticas componentes para que sus participantes sepan cómo les va en su programa. Para ver una lista de las estadísticas que estos componentes pueden admitir, visite 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.

GiftCards ganadas
Muestra un recuento de las recompensas de tarjetas de regalo ganadas por el Advocate.

Referencias
Muestra cuántas referencias ha hecho 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 agregar y quitar según se desee.

Otra estadística
Muestra una estadística de su elección. Puede elegir entre una estadística de referencias, varias estadísticas de recompensas o crear una estadística personalizada.
Componentes comunes
Componentes comunes se usan ampliamente para mejorar tanto la funcionalidad como la coherencia del diseño en todo su 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 ocupan 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 marca establecido a nivel del Contenedor de marca.
![]()
Explicador del programa
Una plantilla que explica cómo funciona un programa Advocate, como cómo ganar recompensas. Incluye dos pasos explicativos del programa de forma predeterminada. Se pueden agregar más pasos. El color está controlado por el Color de marca establecido a nivel del Contenedor de marca.

Paso del explicador del programa
Agregue texto descriptivo para explicar una parte de su programa. Encaja dentro de un componente de explicador del programa. El color está controlado por el Color de marca establecido a nivel del Contenedor de marca.

Cronograma del programa
Muestre una descripción general del recorrido de referencias y las recompensas para sus participantes. Agregue o elimine entradas de la línea de tiempo según sea necesario. El color del ícono circular y de las líneas entre las entradas está controlado por el Color de marca establecido a nivel del Contenedor de marca.

Entrada de la línea de tiempo
Encaja dentro de un componente de cronograma del programa para mostrar un paso del recorrido de referencias. El color del ícono circular y de las líneas entre las entradas está controlado por el Color de marca establecido a nivel del 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 ingresado un nombre.
![]()
Recompensas
Nota: Recompensa los componentes solo se pueden usar para widgets y micrositios de acceso verificado.
Fuente de tarjetas de tareas
Las tarjetas de tareas permiten a sus usuarios realizar acciones o ver el progreso hacia los objetivos del programa Advocate directamente en el widget o micrositio. Este componente agrega varias tarjetas de tareas a su widget o micrositio. El color del botón está controlado por el Color de marca establecido a nivel del Contenedor de marca.

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

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

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

Columna de fecha
Agregue otra columna de fecha a la tabla de recompensas. Debe colocarse dentro del componente de tabla de recompensas.

Columna de recompensa
Agregue otra columna de recompensa a la tabla de recompensas. Debe colocarse dentro del componente de tabla de recompensas.

Columna de origen
Agregue otra columna de origen a la tabla de recompensas. Debe colocarse dentro del componente de tabla de recompensas.

Columna de estado
Agregue otra columna de estado a la tabla de recompensas. Debe colocarse dentro del componente de tabla de recompensas.

Componentes del micrositio
Micrositio los componentes se usan principalmente para el formulario de registro y la barra lateral de navegación de su micrositio. Estos componentes no se pueden agregar a los widgets del programa.
Campo de casilla de verificación del formulario
Agregue una casilla de verificación al formulario de registro. Puede asignar si la casilla estaba marcada a un campo personalizado en el participante de Advocate. Lea Ver sus envíos del formulario de registro del micrositio para obtener más información.

Campo desplegable del formulario
Agregue una lista desplegable con elementos de lista personalizables al formulario de registro. Puede asignar el elemento de lista seleccionado por el usuario a un campo personalizado en el participante de Advocate. Comuníquese con Soporte para obtener ayuda con esto.

Campo de entrada del formulario
Agregue un campo de entrada de texto libre al formulario de registro. Puede asignar el texto ingresado por el usuario a un campo personalizado en el participante de Advocate. Contactar con soporte para obtener ayuda con esto.

Campos de nombre del formulario
Agregue campos rellenables de Nombre y Apellido al formulario de registro.

Elemento de barra lateral
Agregue una nueva página o enlace a la navegación de la barra lateral de su micrositio. Solo se puede colocar en el Diseño de sesión iniciada del micrositio.
![]()
Campo de contraseña del formulario
Agregue un campo de contraseña rellenable 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 usan 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 combustible de recompensas debe tener códigos de cupón disponibles para que este componente funcione como se espera.

Registro de Advocate
Permite que los nuevos Advocates ingresen su dirección de correo electrónico para registrarse y hacer referencias. Después de ingresar su dirección de correo electrónico, los usuarios serán llevados a una segunda pantalla donde podrán acceder a sus enlaces de referencia para compartir. Se usa para el Widget de Referencia de Sitio web de acceso instantáneo.

Cerrar sesión del usuario actual
Permite al visor salir de la visualización personalizada de acceso instantáneo.
![]()
Registro de amigo
Permite que los amigos referidos ingresen su dirección de correo electrónico para registrarse. Después de ingresar su dirección de correo electrónico, los usuarios serán llevados a una segunda pantalla donde podrán acceder a su recompensa de Código de cupón. Se usa para el Widget de Amigos de acceso instantáneo.

Diseño
Diseño los componentes le permiten organizar y agrupar otros componentes. Úselos para crear secciones, filas, columnas o pestañas.
Diseño principal de dos columnas
Agregue un diseño principal con dos columnas de contenido.

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

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

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

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

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

Facturas
Factura los componentes le permiten insertar componentes de factura para ver datos de ingresos.
Tabla de facturas
Agregue un acordeón de factura expandible que aloje datos de ingresos.

Columna de fecha de la tabla de facturas
Agregue una nueva columna a su componente de tabla de facturas.

El Clasificación el componente le permite clasificar a los participantes de su programa, ofrecer recompensas a los mejores y motivar a los participantes para impulsar mejores resultados en su programa. Agregue tablas de clasificación a su widget de acceso verificado o micrositio, y configure el sistema de puntuación, el sistema de clasificación y las opciones de filtrado de participantes. Consulte los artículos a continuación para obtener más información:
Referencia iniciada
Este tipo de tabla de clasificación clasifica a los participantes por la cantidad de referencias que han iniciado. Las puntuaciones de sus defensores de clientes corresponderán con la cantidad de referencias iniciadas.

Referencia convertida
Este tipo de tabla de clasificación clasifica a los participantes por la cantidad de referencias que han convertido. Las referencias se consideran convertidas una vez que el amigo referido logra un objetivo del programa, como realizar una compra de un valor que usted haya definido. Las puntuaciones de sus defensores de clientes corresponderán con la cantidad de referencias convertidas.

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

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

Impuestos y efectivo
Impuestos y efectivo los componentes le permiten incorporar la recopilación de formularios de impuestos y opciones de pago en efectivo en su widget de acceso verificado o micrositio.
Este grupo de componentes solo está disponible si la función de pagos en efectivo se ha activado para su cuenta.
Alerta de estado de pago
Alerta 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 su configuración de pago.
Opcionalmente, personalice cualquiera de las descripciones de texto que el participante verá cuando vea el componente.

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

Compartir
Compartir los componentes brindan a los participantes formas convenientes de promocionar sus enlaces y códigos de referencia en múltiples 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 para copiar al portapapeles para compartir rápidamente. Otros, como Códigos promocionales, presentan varios códigos disponibles (si se asignaron) en una vista de carrusel, e incluyen botones para compartir para que los participantes puedan publicar o enviar instantáneamente el código seleccionado. Estas herramientas facilitan que los participantes corran la voz e impulsen nuevas referencias.
Código de referencia
Muestra un campo de código de referencia con una opción para 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 Compartir en Facebook con texto personalizable. Cuando se hace clic, el botón redirigirá a una nueva publicación en el perfil de Facebook del usuario con el Mensaje social de la marca precargado.

Botón para compartir en X
Muestra un botón Compartir a través de X con texto personalizable. Cuando se hace clic, el botón redirigirá a una nueva publicación en la cuenta de X del usuario con el Mensaje social de la marca precargado.

Botón para compartir por correo electrónico
Muestra un botón Compartir por correo electrónico con texto personalizable. Cuando se hace clic, el botón abrirá la aplicación de correo electrónico predeterminada del usuario e iniciará un nuevo correo con el Mensaje social de la marca precargado.

Botón de hoja de compartir móvil
Muestra un botón para compartir dentro del navegador web del participante. Cuando se hace clic, el botón abrirá un menú que muestra todas las aplicaciones disponibles que el usuario puede abrir para compartir su enlace. Cuando se selecciona una aplicación, se creará una nueva publicación o mensaje con el Mensaje social de la marca precargado.

Botón para compartir en LinkedIn
Muestra un botón Compartir en LinkedIn con texto personalizable. Cuando se hace clic, el botón redirigirá a una nueva publicación en el perfil de LinkedIn del usuario con el Mensaje social de la marca precargado.

Botón para compartir por SMS
Muestra un botón Enviar mensaje a un amigo con texto personalizable. Cuando se hace clic, el botón redirigirá a la aplicación de SMS/mensajes de texto predeterminada del usuario, y se creará un nuevo SMS/mensaje de texto con el Mensaje social de la marca precargado.

Botón para compartir en Messenger
Muestra un botón Compartir a través de Messenger con texto personalizable. Cuando se hace clic, el botón redirigirá a un nuevo mensaje en la aplicación Facebook Messenger del usuario con el Mensaje social de la marca precargado.

Botón para compartir en WhatsApp
Muestra un botón Compartir a través de WhatsApp con texto personalizable. Cuando se hace clic, el botón redirigirá a un nuevo mensaje en la cuenta de WhatsApp del usuario con el Mensaje social de la marca precargado.

Botón para compartir en LINE
Muestra un botón Compartir a través de Line Messenger con texto personalizable. Cuando se hace clic, el botón redirigirá a un nuevo mensaje en la aplicación Line Messenger del usuario con el Mensaje social de la marca precargado.

Botón para compartir en Pinterest
Muestra un botón Compartir en Pinterest con texto personalizable. Cuando se hace clic, el botón redirigirá a una nueva publicación en el perfil de Pinterest del usuario con el Mensaje social de la marca precargado.

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.

Referencias
Referencia los componentes muestran información sobre los amigos referidos del participante y su estado de conversión. Facilitan a los participantes el 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 cronograma del programa, enlace para compartir, y Facebook, LinkedIn, y Twitter / X componentes de botón para compartir. Puede agregar o quitar otros componentes según sea necesario.

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

Columna de fecha de la tabla de referencias
Agregue 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
Agregue 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
Agregue 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
Agregue otra columna de cliente (amigo referido) a la tabla de referencias. Debe colocarse dentro del componente de tabla de referencias.

Avanzado
Los componentes avanzados le brindan más control sobre lo que ven los participantes y cuándo lo ven. Permiten la visualización condicional de contenido, anulaciones del programa y otras configuraciones especializadas que ayudan a adaptar la experiencia a audiencias específicas.
Área condicional / Segmento
Muestre contenido en esta sección solo cuando el participante pertenezca a un determinado segmento de usuarios.
Para establecer el segmento de usuarios, abra las propiedades del componente y edite 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
Muestre contenido en esta sección solo cuando un campo personalizado en el perfil del participante contenga un determinado valor.
Para establecer el nombre y el valor del campo personalizado, abra las propiedades del componente y edite 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 le permite anular el ID del programa de sus componentes secundarios. Úselo cuando desee 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?


