Blog benéfico

Todo lo que necesitas saber sobre Charitable y nuestro equipo.

Nuevos Widgets para Elementor, WPBakery y Divi

Nuevos Widgets para Elementor, WPBakery y Divi

Última actualización el

  • Por

No elegiste tu page builder por accidente.

Elegiste Elementor, WPBakery o Divi porque funciona como piensas, y porque puedes crear una página pulida sin tocar código. Luego, cuando llegó el momento de añadir recaudación de fondos, te encontraste con un muro: inserta un shortcode, adivina el resultado, publica, actualiza, repite.

Estamos derribando este muro: ¡Presentamos Charitable Pro 1.8.17!

Esta versión trae una oleada de bloques de construcción nativos para la recaudación de fondos a los tres constructores, por lo que los widgets de donación, las cuentas atrás, los feeds, las tablas de clasificación y los escaparates se arrastran, se sueltan, se estilizan y se previsualizan junto con el resto de tu página. 🧱

Por qué el Soporte Nativo de Page Builder Cambia Tu Forma de Construir

Cambiar entre tu constructor y una pantalla de plugin separada rompe tu flujo, y cada cambio de contexto es una oportunidad para perder el hilo de lo que estabas diseñando. Peor aún, los elementos basados en shortcodes te hacen diseñar a ciegas: no puedes ver el resultado hasta que sales del editor.

Los elementos nativos solucionan ambos problemas. Cuando un widget de donación vive en la propia biblioteca de elementos de tu constructor, lo configuras en el mismo panel, lo estilizes con los mismos controles y lo ves en el mismo lienzo en vivo que todo lo demás en la página. Eso significa lanzamientos más rápidos, diseño consistente y sin código para tender el puente. Y como los tres constructores se renderizan a través del mismo motor exacto bajo el capó, lo que construyes se ve idéntico sin importar cuál uses.

Cuándo sentirá la diferencia

Algunas formas en que los equipos los ponen a trabajar:

⏳ Una apelación basada en plazos: Inserta un Contador de Campaña en tu diseño existente de Elementor o WPBakery para crear urgencia, completo con un efecto de celebración cuando se alcanza el objetivo.
📣 Una página de inicio que demuestra impulso: Añade un Feed de Donaciones en vivo para que los visitantes vean la prueba social de personas reales donando ahora mismo.
🏆 Una página de reconocimiento de donantes: Coloca una Tabla de Clasificación de Donantes para celebrar a los principales patrocinadores y fomentar donaciones amistosas.
🖼️ Una página de destino "nuestras campañas": Usa el Escaparate de Campañas para mostrar múltiples campañas en una cuadrícula o carrusel, con búsqueda, filtros e insignias.
📊 Un micrositio Divi 5: Ancla una sección con el módulo nativo Barra de Progreso de Campaña y obsérvalo previsualizar en vivo en el lienzo de Divi.

Cinco Nuevos Widgets de Elementor

Widgets de Charitable agrupados bajo la categoría Charitable en el panel de widgets de Elementor

Los usuarios de Elementor obtienen un conjunto completo de widgets de arrastrar y soltar, todos agrupados bajo una categoría Charitable en el panel de widgets, cada uno con vista previa en vivo en el editor.

⚡ Donación Mini: Un widget de donación compacto y de alta conversión con importes preestablecidos, texto de impacto y control total del color.
⏳ Cuenta Atrás de Campaña: Una cuenta atrás en vivo hasta tu fecha límite, con etiquetas personalizadas, comportamiento de estado caducado y confeti o fuegos artificiales opcionales cuando se agota el tiempo.
📣 Feed de Donaciones: Donaciones recientes para prueba social, con diseños de lista o tarjeta, filtrado y actualizaciones en vivo.
🏆 Clasificación de Donantes: Una lista clasificada de patrocinadores con estilo oro, plata y bronce y ricas opciones de visualización.
🖼️ Exhibición de Campañas: Una o varias campañas en una cuadrícula o carrusel, con ordenación, categorías, insignias y búsqueda y filtros.

Cinco Nuevos Elementos WPBakery

Elementos de Charitable listados en la biblioteca Add Element de WPBakery

WPBakery recibe los mismos cinco bloques de construcción de recaudación de fondos que los elementos nativos, listados bajo Charitable en la biblioteca de elementos con el icono de Charitable.

🛠️ Paridad total: Donación Mini, Cuenta Atrás de Campaña, Feed de Donaciones, Clasificación de Donantes y Exhibición de Campañas están disponibles.
🎨 Estilo en su lugar: Configura cada elemento en el editor de WPBakery y ve cómo se renderiza en la página.
✅ No se necesitan shortcodes: Añade funciones de recaudación de fondos desde la biblioteca de elementos como cualquier otra cosa.

Un Módulo Nativo de Divi 5

Módulo Barra de Progreso de Campaña configurado en el Divi 5 Visual Builder

Divi users building in the Divi 5 Visual Builder get a brand-new, fully native module.

📊 Barra de Progreso de Campaña: Inserta una barra de progreso en vivo en cualquier diseño de Divi 5 y muestra el progreso de la meta en tiempo real, con controles para el color de la barra y la pista, altura, radio, y las etiquetas de donaciones y meta.
👁️ Listo para el Constructor Visual: Configúralo y previsualízalo directamente en el lienzo de Divi, como un módulo de Divi 5 de primera clase en lugar de un parche heredado.

El Detalle Que Hace Esto Especial

Aquí está lo que hace que estas integraciones sean más que una casilla de verificación: los tres constructores mapean sus controles en el mismo motor de bloques subyacente y se renderizan a través del mismo código del lado del servidor. Un widget de Donación Mini en Elementor, un elemento de Donación Mini en WPBakery y la versión del editor de bloques producen la misma salida, píxel por píxel. Eso significa que obtienes una verdadera paridad de características entre los constructores, resultados consistentes para cada cliente y sin sorpresas cuando cambias de herramienta o entregas un sitio.

Empezar

Actualiza a Charitable Pro 1.8.17, luego abre el constructor de tu elección:

Elementor 1. Edita una página con Elementor y abre el panel de widgets. 2. Busca “Charitable” o desplázate hasta la categoría Charitable. 3. Arrastra un widget (por ejemplo,Donación Mini) a la página y configúralo en el panel, observando la vista previa en vivo.

WPBakery 1. Edita una página y haz clic en Añadir Elemento. 2. Busca la categoría Charitable o busca el elemento que desees. 3. Añádelo, configura sus parámetros y publícalo.

Divi 5 1. Abre una página en el Constructor Visual de Divi 5 y añade un módulo (+). 2. Busca Barra de Progreso de Campaña y añádela. 3. Selecciona tu campaña, ajusta los controles de diseño y previsualiza en directo en el lienzo.

Por qué le encantará esto

🧱 Nativo, no añadido: Los elementos de recaudación de fondos viven en la propia biblioteca de tu constructor.
👁️ Diseña con vista previa en vivo: Observa cómo se actualizan los widgets en el lienzo mientras los configuras.
🔁 Idéntico en todas partes: El mismo motor de renderizado impulsa los tres constructores y el editor de bloques.
🎨 Estilismo profundo: Colores, diseños, insignias y animaciones están integrados.
🧩 Cinco herramientas, dos constructores, más Divi 5: Donación Mínima, Cuenta Atrás, Feed, Tabla de Clasificación y Showcase en Elementor y WPBakery, y una Barra de Progreso nativa en Divi 5.

Para agencias y desarrolladores

Arquitectura consistente, fácil de entender

Dado que los widgets de Elementor, los elementos de WPBakery y los módulos de Divi 5 delegan en los renderizadores de bloques compartidos de Charitable, existe una única fuente de verdad para la salida, por lo que una corrección o mejora se aplica en todas partes a la vez. Las integraciones se pueden desactivar con las constantes CHARITABLE_DISABLE_ELEMENTOR_INTEGRATION y CHARITABLE_DISABLE_WPBAKERY_INTEGRATION, y las cachés de campañas se limpian automáticamente al guardar a través de los ganchos de caché de Charitable.

Preguntas frecuentes sobre las integraciones de Page Builder

¿Requiere esto Charitable Pro? Sí. Estas integraciones de constructor se incluyen en Charitable Pro 1.8.17.

¿Necesito tener instalado el page builder? Sí. Cada integración se activa solo cuando su constructor está activo. WPBakery requiere la versión 6.0 o posterior, y el módulo Barra de Progreso de Campaña requiere Divi 5. En Divi 4, obtienes los módulos heredados existentes de Charitable en su lugar.

¿Son los widgets iguales en todos los constructores? Efectivamente, sí. Elementor y WPBakery comparten los mismos cinco elementos, y se renderizan a través del mismo motor que el editor de bloques, por lo que la salida es consistente.

¿Funcionarán con mi tema? Los elementos se renderizan a través del código estándar de front-end de Charitable, por lo que se muestran de manera consistente en todos los temas.

¿Todavía puedo usar shortcodes? Sí. Los shortcodes de Charitable siguen funcionando. Los nuevos widgets y módulos simplemente te brindan una forma visual y nativa de agregar las mismas funcionalidades.

Empieza con tu Page Builder

Los nuevos widgets y módulos ya están disponibles en Charitable Pro 1.8.17.

Asegúrate de tener instalada la última versión de Charitable.

Abre Elementor, WPBakery o Divi y busca los nuevos elementos de Charitable en tu biblioteca.

Eso es todo.

Más en Charitable Pro 1.8.17

Estas integraciones forman parte de un gran lanzamiento. También son nuevas: la pestaña Estilos para el rediseño visual, las plantillas de Beacon y el campo Campaign Hero, el bloque de Gutenberg Formulario de Donación, y los importes visuales de donación con imágenes por importe.

Novedades en Charitable

También hemos lanzado varias funciones y mejoras potentes recientemente:

📱

Pago con Mollie Wallet

Los donantes en dispositivos móviles pueden pagar al instante con Apple Pay o Google Pay a través de Mollie.

Más información →

🤝

Embajadores 3.0

Las nuevas pantallas de moderación y directorio te permiten administrar cada creador de campañas y embajador en un solo lugar.

Más información →

Integración con Razorpay

Acepta donaciones en India a través de UPI, códigos QR y las principales divisas internacionales.

Más información →

🔔

Integración con PushEngage

Notificaciones push integradas para agradecimientos de donaciones, lanzamientos de campañas y logros de objetivos.

Más información →

🛡️

DonationGuard

Detección de bots en tiempo real que marca ataques y bloquea a los malos actores antes de que lleguen a tus formularios de donación.

Más información →

🧤

Migración "White Glove" para GiveWP

El equipo de Charitable se encarga de tu migración completa desde GiveWP, datos y todo.

Más información →

Hemos estado añadiendo constantemente a Charitable, funciones y mejoras diseñadas para ayudarte a recaudar más y servir mejor a tus donantes. Ve todo lo que hemos lanzado en el Registro de cambios de Charitable.

Si tienes alguna pregunta o quieres ayuda para añadirlas a tu sitio, nuestro equipo de soporte está listo para echarte una mano.

Mantente conectado para más recursos para organizaciones sin fines de lucro

Para más tutoriales y vídeos adaptados a organizaciones sin fines de lucro, suscríbete a nuestro canal de YouTube. Publicamos regularmente consejos de expertos, guías paso a paso sobre donaciones en línea, estrategias de recaudación de fondos y recursos prácticos para ayudar a tu organización a tener éxito.

🗞️ Recibe consejos semanales y guías exclusivas en tu bandeja de entrada
Únete a nuestro boletín →  

🎥 Mira tutoriales paso a paso e historias de éxito
Suscríbete a nuestro canal de YouTube →  

👩🏽‍💻 Conecta con nuestra comunidad y obtén información diaria sobre organizaciones sin fines de lucro
Síguenos en LinkedIn →

🥳 Reels divertidos e información sobre organizaciones sin fines de lucro
Síguenos en Instagram → 

👀 Vídeos interesantes y divertidos para ayudarte a hacer crecer tu causa
Síguenos en TikTok→  

🌎 Suscríbete y sigue para recibir consejos generales de recaudación de fondos
Obtén consejos de recaudación de fondos en TikTok → 

Potentes recursos de recaudación de fondos

⬇️ Descarga estrategias probadas, ideas de campañas y herramientas de expertos
Obtén el Kit de Recaudación de Fondos →  

💸 Obtén recursos gratuitos de recaudación de fondos
Ve al Centro de Recaudación de Fondos de Charitable

¿Tienes preguntas sobre Charitable?
Preguntas frecuentes de Charitable

🏎️ Prueba Charitable
Crea tu demostración de Charitable

Comprende la terminología y la jerga de las organizaciones sin fines de lucro
Glosario de organizaciones sin fines de lucro

% ¿Buscas ofertas y descuentos para organizaciones sin fines de lucro?
Las mejores ofertas y descuentos para organizaciones sin fines de lucro →

avatar del autor
David Bisset Director de proyecto
David es el director de proyecto de Charitable desde 2022. David trabaja con varias organizaciones sin fines de lucro (una gestionada por su esposa) además de gestionar y desarrollar funciones, soporte y marketing para Charitable. Ha estado con WordPress desde 2006 y ha sido organizador principal de múltiples conferencias, eventos y reuniones.

Divulgación: Nuestro contenido es compatible con los lectores. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Solo recomendamos productos que creemos que aportarán valor a nuestros lectores.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Recibe consejos y recursos gratuitos directamente en tu bandeja de entrada, junto con más de 60.000 personas.

Ú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!

Vídeo destacado:

Mira más vídeos en nuestro canal de YouTube.

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!

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

avatar del autor
David Bisset Director de proyecto
David es el director de proyecto de Charitable desde 2022. David trabaja con varias organizaciones sin fines de lucro (una gestionada por su esposa) además de gestionar y desarrollar funciones, soporte y marketing para Charitable. Ha estado con WordPress desde 2006 y ha sido organizador principal de múltiples conferencias, eventos y reuniones.
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í.

avatar del autor
David Bisset Director de proyecto
David es el director de proyecto de Charitable desde 2022. David trabaja con varias organizaciones sin fines de lucro (una gestionada por su esposa) además de gestionar y desarrollar funciones, soporte y marketing para Charitable. Ha estado con WordPress desde 2006 y ha sido organizador principal de múltiples conferencias, eventos y reuniones.
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í.

avatar del autor
David Bisset Director de proyecto
David es el director de proyecto de Charitable desde 2022. David trabaja con varias organizaciones sin fines de lucro (una gestionada por su esposa) además de gestionar y desarrollar funciones, soporte y marketing para Charitable. Ha estado con WordPress desde 2006 y ha sido organizador principal de múltiples conferencias, eventos y reuniones.
embajadores Nuevo

👤 Perfiles de creador: Ponga una cara a cada campaña P2P

Embajadores 3.3.0 ahora ofrece Perfiles de creador, dando a tus seguidores un hogar público permanente y compartible que convierte a los recaudadores de fondos puntuales en relaciones continuas.

👤 Páginas públicas de creador: Dale a cada recaudador de fondos una página de destino instantánea y limpia en /creator/their-name/ para mostrar su avatar personalizado, biografía y una cuadrícula navegable de sus campañas.

📊 Prueba de impacto: Aumenta la confianza de los donantes mostrando hitos en todo el sitio en el perfil, como la cantidad total de fondos recaudados y el número total de donantes.

💳 Tarjetas interactivas al pasar el ratón: Cuando los donantes pasen el ratón sobre el nombre de un creador en una página de campaña, una tarjeta compacta se expandirá con su biografía y perfiles sociales en el momento de la decisión.

📍 Compartir ubicación de forma responsable: Permite a los creadores mostrar de forma segura a los donantes locales dónde se encuentran utilizando solo detalles de ciudad, estado y país.

🛠️ Personalización autoservicio: Los recaudadores de fondos pueden actualizar sus propios perfiles y vincular hasta seis redes sociales directamente desde el centro Mis campañas, ahorrándote tiempo de administración.

¿Listo para empoderar a tus defensores? ¡Actualiza a Embajadores 3.3.0 y activa "Habilitar página pública de creador" hoy mismo!

avatar del autor
David Bisset Director de proyecto
David es el director de proyecto de Charitable desde 2022. David trabaja con varias organizaciones sin fines de lucro (una gestionada por su esposa) además de gestionar y desarrollar funciones, soporte y marketing para Charitable. Ha estado con WordPress desde 2006 y ha sido organizador principal de múltiples conferencias, eventos y reuniones.
Mejora Pagos

📱 Convierte a los que se desplazan en el móvil en donantes: Conoce la actualización Mollie de Charitable

¿Estás perdiendo seguidores móviles porque odian escribir números de tarjetas largos en sus teléfonos? La integración actualizada de Mollie de Charitable incluye:

⚡ Pago con billetera con un solo toque: Permite a los donantes completar sus donaciones al instante usando Apple Pay o Google Pay con un simple escaneo facial, huella digital o toque.

💰 Sin carga PCI adicional: Omite la compleja verificación de dominio y el cumplimiento de seguridad, ya que todas las transacciones de billetera se ejecutan de forma segura a través del pago alojado de Mollie.

🛠️ Enrutamiento de cancelación personalizado: Mantén la experiencia predecible enviando automáticamente a los donantes que se retiran a tu página de cancelación, o usa filtros de desarrollador para dirigirlos a una página personalizada.

Visita esta página para obtener más información.

avatar del autor
David Bisset Director de proyecto
David es el director de proyecto de Charitable desde 2022. David trabaja con varias organizaciones sin fines de lucro (una gestionada por su esposa) además de gestionar y desarrollar funciones, soporte y marketing para Charitable. Ha estado con WordPress desde 2006 y ha sido organizador principal de múltiples conferencias, eventos y reuniones.