Documentación de Charitable

Aprende a sacar el máximo partido a Charitable con instrucciones claras y paso a paso.

Personalización de Tarjeta de Reclutamiento de Embajadores

Requiere: Charitable Pro 1.8.16+
Charitable Ambassadors 3.0.0+

La tarjeta Reclutar Recaudadores de Fondos se encuentra en la parte superior de la página Mis Campañas de un embajador elegible. Muestra su URL de invitación personal, botones para compartir, una línea de estadísticas y un interruptor "Tus Reclutados", y es la superficie más personalizada en Embajadores porque cada programa quiere poner un mensaje ligeramente diferente antes del enlace de reclutamiento.

Esta página es la referencia para los filtros y acciones que te permiten personalizar la tarjeta de reclutamiento sin bifurcar la plantilla.

¿Dónde se encuentra?

La tarjeta se renderiza dentro de la acción charitable_ambassadors_my_campaigns_before_grid; en otras palabras, justo antes de la cuadrícula de campañas en la página [charitable_my_campaigns].

Su ruta de plantilla: templates/invite/recruit-card.php. Ruta de anulación de tema: your-theme/charitable-pro/charitable-ambassadors/invite/recruit-card.php.

La personalización más común: enlace para obtener más información

Tal como está, la tarjeta no tiene un enlace para obtener más información; dejamos el espacio vacío para que los sitios que no lo necesiten permanezcan limpios. Para activarlo, establece tanto la URL como (opcionalmente) la etiqueta:

add_filter( 'charitable_ambassadors_recruit_card_learn_more_url', function () {
    return home_url( '/ambassador-handbook/recruiting/' );
} );
add_filter( 'charitable_ambassadors_recruit_card_learn_more_label', function () {
    return 'Tips for inviting friends';
} );

El enlace se renderiza en línea en la parte inferior de la tarjeta con un destino de enlace externo (para que se abra en una nueva pestaña sin perder el lugar del usuario).

Si la URL está vacía (por defecto), el espacio se suprime por completo, sin un marcador de posición vacío.

Inyectar contenido personalizado (hook de pie de página)

Para *más* que un solo enlace (un breve discurso, una incrustación de video, un widget de "ver los mejores reclutadores de esta semana"), usa la acción del pie de página:

add_action( 'charitable_ambassadors_recruit_card_footer', function ( $user_id, $token, $invite_url ) {
    echo '<p class="recruit-card-tip">Pro tip: share with two people who would care about this cause.</p>';
    echo '<a class="button" href="https://example.com/recruit-video">Watch the 2-minute guide</a>';
}, 10, 3 );

La acción se ejecuta justo encima del espacio para obtener más información. Tu callback es responsable de su propio escape.

Elegibilidad: controla quién ve la tarjeta

La tarjeta solo se renderiza para los usuarios que son *elegibles para reclutar*. Eso se define mediante el filtro charitable_ambassadors_user_can_invite:

add_filter( 'charitable_ambassadors_user_can_invite', function ( $can, $user_id, $campaign_id_or_null ) {
    // Only verified ambassadors can recruit.
    if ( '1' !== get_user_meta( $user_id, '_charitable_ambassadors_verified', true ) ) {
        return false;
    }
    return $can;
}, 10, 3 );

El filtro es global: controla tanto la tarjeta Mis Campañas como las ventanas emergentes de Reclutar por campaña y la vista previa de administrador "ver como reclutador".

Para anular específicamente la visibilidad de la tarjeta (sin afectar otras superficies), filtra charitable_ambassadors_show_recruit_card:

add_filter( 'charitable_ambassadors_show_recruit_card', function ( $show, $user_id ) {
    // Hide the card on Mondays. Don't ask.
    return $show && 'Mon' !== gmdate( 'D' );
}, 10, 2 );

Personaliza el texto del estado vacío

Cuando un reclutador no tiene reclutas todavía, la línea de estadísticas de la tarjeta muestra un mensaje suave de "aún no hay reclutas". Personaliza eso:

add_filter( 'charitable_ambassadors_recruit_card_empty_text', function () {
    return 'No recruits yet - your link is ready when you are.';
} );

Filtro espejo para el estado vacío de la vista Tus Reclutados:

add_filter( 'charitable_ambassadors_recruits_view_empty_text', function ( $message, $status, $user_id ) {
    if ( 'rejected' === $status ) {
        return 'No rejected recruits - your standards are solid!';
    }
    return $message;
}, 10, 3 );

Clase del cuerpo

La tarjeta tiene su propia clase con ámbito para CSS:

.charitable-ambassadors-recruit-card

Coloca tus anulaciones debajo de ese selector. La tarjeta respeta el Color de Acento Primario a través de --cap-accent.

Consejos

  • Añade un enlace para obtener más información. Es una victoria de bajo esfuerzo; incluso un manual interno de una página es mejor que ningún enlace.
  • Mantén el pie de página conciso. La tarjeta está pensada para ser una llamada a la acción táctil, no una conferencia. Una línea corta, un botón.
  • Prueba en móvil. Las URL largas o los botones anchos pueden desbordar la tarjeta en vistas estrechas.
  • Filtrar la elegibilidad para programas especiales. “Solo los embajadores verificados pueden reclutar” es una política de alto impacto.

Referencia del desarrollador

Filtros

FiltroPredeterminadoPropósito
charitable_ambassadors_recruit_card_learn_more_url''URL para el enlace Más información. Dejar vacío suprime el enlace.
charitable_ambassadors_recruit_card_learn_more_label“Más información”Texto de la etiqueta.
charitable_ambassadors_recruit_card_empty_textcalculadoTexto de estado vacío cuando no hay reclutas.
charitable_ambassadors_recruits_view_empty_textcalculadoTexto de estado vacío en la pestaña Tus reclutas. Recibe ($message, $status, $user_id).
embajadores_caritativos_mostrar_tarjeta_reclutarcalculadoAnulación de visibilidad específica de la tarjeta. Recibe ($show, $user_id).
charitable_ambassadors_user_can_invitecalculadoComprobación de elegibilidad subyacente. Recibe ($can, $user_id, $campaign_id).
embajadores_caritativos_tarjeta_reclutar_compartir_redesconfiguración del sitioAnula qué redes para compartir aparecen en la tarjeta.

Acciones

AcciónArgumentosSe dispara cuando
charitable_ambassadors_recruit_card_footer$user_id, $token, $invite_urlDentro de la tarjeta, justo encima del enlace Más información.
embajadores_caritativos_tarjeta_reclutar_antes$user_idJusto antes de que comience el marcado de la tarjeta.
embajadores_caritativos_tarjeta_reclutar_despues$user_idJusto después de que termine el marcado de la tarjeta.

Ventana emergente de reclutamiento por campaña

Los propietarios de campañas principales también obtienen un botón de reclutamiento por campaña en la fila de acciones de cada campaña. La ventana emergente que se abre tiene su propia acción:

add_action( 'charitable_ambassadors_recruit_popover_footer', function ( $campaign_id, $user_id, $token, $invite_url ) {
    echo '<p>Sharing this link recruits for "' . esc_html( get_the_title( $campaign_id ) ) . '" specifically.</p>';
}, 10, 4 );

Ruta de la plantilla

templates/invite/recruit-card.php          # the My Campaigns recruit card
templates/invite/recruit-card-popover.php  # the per-campaign recruit popover

Ruta de anulación de tema: your-theme/charitable-pro/charitable-ambassadors/invite/recruit-card.php.

Capacidades

Renderizado público: la tarjeta decide por usuario si mostrarse a través del filtro de elegibilidad. Sin puerta de acceso a capacidades.

Ejemplos de personalización

Ocultar la tarjeta a los administradores (solo los embajadores deberían verla):

add_filter( 'charitable_ambassadors_show_recruit_card', function ( $show, $user_id ) {
    $user = get_user_by( 'id', $user_id );
    if ( $user && user_can( $user, 'administrator' ) ) {
        return false;
    }
    return $show;
}, 10, 2 );

Añadir un botón “Copiar mensaje corto” a la tarjeta:

add_action( 'charitable_ambassadors_recruit_card_footer', function ( $user_id, $token, $invite_url ) {
    $msg = 'Help me fundraise for this cause! ' . $invite_url;
    echo '<button class="button" type="button" data-clipboard-text="' . esc_attr( $msg ) . '">Copy short message</button>';
}, 10, 3 );

Renderizar una variante de tarjeta diferente para un rol de usuario específico:

add_filter( 'charitable_ambassadors_recruit_card_template', function ( $template, $user_id ) {
    if ( user_can( $user_id, 'verified_ambassador' ) ) {
        return 'recruit-card-verified.php';  // your custom partial
    }
    return $template;
}, 10, 2 );

Restringir las redes para compartir que se muestran en la tarjeta solo a Copiar enlace + Correo electrónico:

add_filter( 'charitable_ambassadors_recruit_card_share_networks', function () {
    return [ 'email', 'copy' ];
} );

Relacionado


¿Todavía tienes preguntas? ¡Estamos aquí para ayudarte!

Última modificación:

Novedades en Benéfico

Ver las últimas actualizaciones
🔔 Suscríbete para recibir nuestras últimas actualizaciones
📧 Suscribirse a correos electrónicos

Suscripción por correo electrónico

Únete a nuestro boletín

No te enviaremos spam. Solo enviamos un correo electrónico cuando creemos que realmente te ayudará. ¡Date de baja en cualquier momento!

Integración constructor de páginas

¡Fans de Divi, regocíjense! ¡Módulo nativo de barra de progreso de campaña para Divi 5!

Con nuestro nuevo módulo nativo para Divi 5, puedes anclar tus micrositios con estadísticas de recaudación de fondos en tiempo real directamente en el lienzo visual. Así es como funciona y por qué vale la pena activarlo hoy.

Crea actualizaciones de campaña que sean VISUALES Y EN VIVO. También puedes:

📊 Barra de progreso de la campaña: Inserta una barra de progreso en vivo en cualquier diseño de Divi 5 y muestra el progreso de los objetivos en tiempo real.

🎨 Controles de estilo avanzados: Personaliza fácilmente el color de la barra y el seguimiento, la altura y el radio para que coincidan perfectamente con tu marca.

👁️ Listo para el constructor visual: Configura y previsualiza todo directamente en el lienzo de Divi como un módulo de primera clase.

🔁 Renderizado idéntico: El mismo motor exacto impulsa este módulo, lo que significa un diseño consistente sin soluciones alternativas heredadas.

✅ Lanzamientos más rápidos: Nunca salgas de la interfaz de Divi 5 para configurar códigos cortos o adivinar cómo se verán las etiquetas de tus objetivos.

Más información aquí.

Integración constructor de páginas

👉🏻 Novedad en Charitable: Widgets nativos de Elementor para crear campañas sin interrupciones

Con los widgets nativos de Elementor, diseñas campañas de donación junto al resto de tu página sin tocar código. Así es como funciona y por qué vale la pena activarlo hoy.

Crea páginas de recaudación de fondos VISUALES, NATIVAS Y SIN SHORTCODES. También puedes:

⚡ Mini Donación: Añade un widget de donación compacto y de alta conversión con importes preestablecidos y control total del color.

⏳ Cuenta atrás de la campaña: Crea urgencia para una apelación con fecha límite, con confeti opcional cuando se alcanza el objetivo.

📣 Flujo de donaciones: Demuestra el impulso mostrando a los visitantes la prueba social de personas reales que donan en este momento.

🏆 Tabla de clasificación de donantes: Celebra a los principales donantes con estilos de oro, plata y bronce para fomentar donaciones amistosas.

🖼️ Muestra de campañas: Presenta varias campañas en una cuadrícula o carrusel de página de destino, con búsqueda, filtros y distintivos.

Más información aquí.

Complemento Nuevo

🗒️ ¡Recibos Personalizados… ¡Nuevo Complemento!

Con los recibos personalizados, tú decides qué página ven tus donantes, en cada campaña. Así es como funciona y por qué vale la pena activarlo hoy.

El lado izquierdo muestra un recibo de donación con el número de donación, la fecha, el total y el método de pago de una donación a "Anywhere", titulada "Una familia recibe agua potable durante una semana".

Crea recibos que sean PERSONALIZADOS PARA EL DONANTE O LA CAMPAÑA. También puedes:

📅 Llamada de fin de año: Refuerza el objetivo e invita a los donantes a compartir mientras el impulso es alto.

🎗️ Campaña conmemorativa o de homenaje: Ofrece un agradecimiento amable y respetuoso que se ajuste al momento.

💎 Grandes donaciones: Muestra un mensaje especial solo a los donantes que donan por encima de un umbral.

🔁 Crecimiento recurrente: Invita a los donantes puntuales a convertirse en donantes mensuales directamente en el recibo.

🌍 Campañas globales: Muestra una nota específica del país, como un recordatorio de Gift Aid, solo donde corresponda.

Más información aquí.

Nuevo plantillas

🤩 ¡Nuevas plantillas de campaña de Beacon con bloque "Héroe"!

Con las nuevas plantillas de campaña Beacon para Charitable Pro, puedes lanzar una impresionante página de recaudación de fondos de ancho completo que capta instantáneamente la atención del visitante por encima del pliegue.

Encabezado de la página de recaudación de fondos para Salvar el Parque Maple Grove con un widget de donación y una pequeña foto cuadrada de una miniatura de árbol iluminado por el sol a la izquierda.

🔦 Impacto por encima del pliegue: Lidera con una imagen principal de ancho completo, tu logotipo y tu objetivo con un widget de donación bloqueado justo encima del banner para que tu petición y tu impulso se registren al instante sin necesidad de desplazarse.

📐 Dos diseños flexibles: Elige entre un diseño estructurado de dos columnas para contar historias lado a lado y detalles de apoyo, o una vista limpia de una columna diseñada para narrativas ininterrumpidas de formato largo.

⚡ Campo principal todo en uno: Impulsado por el nuevo campo Campaign Hero, que reúne medios de fondo, barras de progreso en vivo, cantidades de donación personalizadas y pestañas de donaciones recurrentes en un solo bloque cohesivo que se puede insertar en cualquier diseño.

🎨 Coincidencia automática de temas: El banner principal y el widget de donación heredan automáticamente los colores de los botones y acentos de tu tema de campaña, asegurando que toda tu presentación se mantenga bellamente dentro de la marca sin tocar una línea de CSS.

Más información aquí.

Formulario de donación Función Nuevo

📝 Bloque de formulario de donación: Incrusta un formulario de donación funcional en cualquier lugar

Con el nuevo Bloque de formulario de donación para Charitable Pro, puedes colocar un formulario de donación completamente funcional directamente en cualquier página o publicación en el editor de bloques de WordPress. Sin redirecciones, sin recargas de página y sin fricción entre leer tu historia y hacer una contribución.

📝 Coloca formularios en cualquier lugar: Coloca un formulario funcional directamente en tu página de inicio, dentro de una publicación de blog basada en historias, en una página de destino dedicada o dentro de un anuncio de campaña.

🎯 Vinculación dinámica de campañas: Elige fácilmente una campaña específica desde la barra lateral del bloque o configúrala para que se vincule automáticamente a la campaña que se esté viendo actualmente.

📐 Vistas de formulario completas vs. mínimas: Cambia entre una vista de diseño completo o una vista mínima compacta para que encaje perfectamente en barras laterales, columnas estrechas o páginas de destino amplias.

🎨 Estilo sin código con ámbito: Personaliza la tipografía, el espaciado del contenedor, el radio del borde, los botones de cantidad y los colores de acento de forma independiente para cada instancia del formulario sin tocar una línea de CSS.

Más información aquí.