Documentación de Charitable

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

Añadir campos personalizados a los recibos en PDF

¿Te gustaría que un campo personalizado de tu formulario de donación apareciera en el recibo PDF? Cuando agregas un campo personalizado a un formulario heredado o creas uno en el constructor visual de campañas, Charitable guarda la respuesta del donante con la donación, pero la plantilla del recibo PDF no la imprime automáticamente. Necesitarás indicar al recibo dónde se encuentra el valor y cómo mostrarlo.

Esta guía te guiará a través de los pasos para agregar un campo de donación personalizado a tu recibo PDF, ya sea que el campo provenga de un formulario heredado o del constructor visual de formularios.

Nota: Esta sección asume que estás utilizando Charitable Pro 1.8.13+ e implica una pequeña cantidad de PHP. Si no te sientes cómodo editando código, pega el fragmento en una herramienta como WPCode para no tener que tocar los archivos del tema directamente, o entrégaselo a tu desarrollador.

¿Cómo se almacenan los campos personalizados?

Antes de poder mostrar un campo en el recibo, necesitas dos cosas: dónde se almacena su valor y por qué clave buscarlo. Charitable guarda los campos personalizados de formularios heredados y de formularios visuales como metadatos de la publicación de donación, pero la clave de metadatos se ve diferente dependiendo de qué formulario la creó.

Para campos personalizados de formularios heredados, la clave de metadatos es la que se registró con el campo. Si registraste un campo con la clave t_shirt_size usando la API de Campos de Donación, el valor se almacena bajo esa clave exacta.

Para campos personalizados de formularios visuales, la clave utiliza el formato field_X, donde X es el ID numérico que el constructor de campañas asignó al campo. Los campos ocultos son la excepción: esos usan el nombre que escribiste en la configuración de Nombre del campo.

Encontrar la clave de metadatos de tu campo

La forma más fácil de confirmar qué clave de metadatos utiliza un campo es mirar una donación real que incluyó el campo.

Para un formulario heredado, la clave de metadatos es la clave de matriz que usaste al registrar el campo con el filtro charitable_default_donation_fields. Si no escribiste el fragmento tú mismo, puedes buscar en tu sitio (o preguntar a tu desarrollador) ese filtro para confirmar la clave.

Para un formulario visual, ve a Charitable » Donaciones, abre una donación de prueba que haya enviado el campo personalizado y busca en los datos guardados de la donación entradas como field_3 o field_5. El número es el ID del campo en el constructor. Si prefieres ver todas las claves de metadatos de un vistazo, puedes añadir temporalmente este fragmento a cualquier página de administración:

echo '<pre>';
print_r( get_post_meta( 123 ) ); // Replace 123 with your test donation ID.
echo '</pre>';

Nota: Una vez que hayas anotado las claves que necesitas, elimina el fragmento; dejar llamadas print_r() en la salida de producción es un desastre y puede filtrar datos de donantes.

Agregar un campo usando un hook (recomendado)

Charitable dispara una acción llamada charitable_pdf_receipt_after_donor_details justo después del bloque de detalles del donante en cada recibo PDF. Engancharse a esta acción es la forma más sencilla de añadir un campo personalizado, ya que no tiene que sobrescribir ningún archivo de plantilla – sus cambios sobreviven a las actualizaciones del plugin sin trabajo adicional.

Para activar el fragmento, péguelo en el archivo functions.php de su tema hijo o en un plugin de fragmentos de código:

add_action( 'charitable_pdf_receipt_after_donor_details', function( $donor, $donation ) {

    // Replace 't_shirt_size' with your field's meta key.
    // For a visual form custom field, this will look like 'field_3'.
    $value = get_post_meta( $donation->ID, 't_shirt_size', true );

    if ( empty( $value ) ) {
        return;
    }

    printf(
        '<p style="margin-top: 10px; margin-bottom: 0;"><strong>%s:</strong> %s</p>',
        esc_html__( 'T-Shirt Size', 'charitable-pro' ),
        esc_html( $value )
    );

}, 10, 2 );

El ejemplo imprime el campo debajo del nombre, dirección y correo electrónico del donante. Al adaptarlo, reemplace la clave meta, la etiqueta visible y el marcado para que coincidan con el campo que está añadiendo.

Nota: Si su valor contiene HTML – por ejemplo, la salida de un campo de texto largo – use wp_kses_post() en lugar de esc_html() para que las etiquetas de formato básicas sobrevivan.

Añadir un campo sobrescribiendo la plantilla

Si necesita colocar el campo en otro lugar que no sea después de los detalles del donante – por ejemplo, dentro de la tabla de donaciones o en el pie de página – puede sobrescribir la plantilla del recibo PDF.

Las plantillas PDF de Charitable se pueden sobrescribir desde el tema. Para personalizar el diseño principal del PDF, copie este archivo:

wp-content/plugins/charitable-pro/templates/pro/pdf-receipts/pdf.php

En su tema activo en esta ruta:

wp-content/themes/your-theme/charitable-pro/pro/pdf-receipts/pdf.php

Una vez que su copia esté en su lugar, Charitable la cargará en lugar de la versión del plugin. El mismo patrón de ruta funciona para las dos plantillas parciales que llama pdf.php:

  • Detalles del donante: templates/pro/pdf-receipts/donation-receipt/donor-details.php
  • Detalles de la donación: templates/pro/pdf-receipts/donation-receipt/details.php

Dentro de cualquier plantilla copiada, la variable $donation es el objeto completo Charitable_Donation. Para obtener el valor de un campo personalizado, use la misma llamada a get_post_meta() del método anterior, luego agregue el marcado donde quiera que aparezca el valor:

<?php
$value = get_post_meta( $donation->ID, 'field_3', true );
if ( ! empty( $value ) ) :
    ?>
    <p><strong><?php esc_html_e( 'Gift Aid Eligible', 'charitable-pro' ); ?>:</strong> <?php echo esc_html( $value ); ?></p>
    <?php
endif;
?>

Nota: Las sobrescrituras de plantillas deben revisarse cada vez que actualice Charitable Pro. Si la versión del plugin de la plantilla incorpora nuevas características o correcciones de errores, su sobrescritura no las verá automáticamente. El método de gancho anterior evita esto por completo, así que use una sobrescritura de plantilla solo cuando necesite control sobre la ubicación.

Previsualizando sus cambios

Una vez que su fragmento o sobrescritura de plantilla se guarde, genere un PDF real para confirmar que el campo aparece como se espera. Desde la pantalla Charitable » Donaciones, elija una donación que incluyera el campo personalizado, luego haga clic en el icono PDF junto a ella para descargar el recibo. Si el campo no aparece, revise estas comprobaciones una por una:

  • Confirme que la clave meta coincide exactamente – field_3 y field_03 no son lo mismo.
  • Verifique que la donación que está probando realmente envió un valor para el campo. Los valores vacíos no se imprimirán.
  • Intente con una donación de prueba diferente para descartar que una entrada esté vacía.

Nota: Los valores de los campos que parezcan vacíos en la pantalla de administración de donaciones también estarán vacíos en el PDF. El recibo no puede mostrar datos que la donación nunca recopiló.

¿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í.