Un visitante está a tres párrafos de tu mejor historia, esa sobre la familia a la que tu programa ayudó el invierno pasado. Están conmovidos. Están listos. Y entonces la página termina con una frase como: “Para donar, haz clic aquí para visitar nuestra página de campaña”.
Así que hacen clic. La página se recarga. El momento se enfría. Algunos de ellos donan de todos modos. Muchos de ellos no lo hacen.
Eso tampoco nos pareció correcto.
La decisión de un donante de dar no debería tener que sobrevivir a la carga de una página.
Así que construimos el nuevo bloque de Formulario de Donación para Charitable Pro 1.8.17: un formulario de donación real y funcional que puedes colocar en cualquier página del editor de bloques de WordPress, justo en el momento en que un donante decide actuar. Sin recarga, sin desvío, sin una segunda página que los haga perderse. ⚡
Así es como se ve
Antes de entrar en cómo funciona, así es como se ve realmente una página con el bloque de Formulario de Donación una vez que está estilizada. Esta es una página real, creada en el editor de bloques con unos pocos clics de selectores de color. Sin CSS personalizado, sin archivo de tema, sin plugin separado.
Ese es el objetivo. Una página, un desplazamiento, una decisión. El encabezado, la historia y el formulario viven en el mismo lugar, por lo que nunca hay un momento en el que un donante tenga que buscar la cosa que acaba de decidir hacer.
Por qué colocar el formulario en cualquier lugar decide si se realiza el regalo
Cada clic adicional entre un donante y el botón de donar es un lugar donde un regalo puede desaparecer silenciosamente, exactamente el tipo de abandono que la recuperación de donaciones existe para capturar. Las redirecciones, en particular, son donde el impulso muere: el visitante tomó una decisión y le pediste que la tomara de nuevo en una nueva página.
El bloque de Formulario de Donación elimina esa fricción. Coloca un formulario real y funcional en la página exacta en la que ya se encuentra un visitante, tu página de inicio, una página de destino o en medio de una publicación de blog, y la distancia entre *“Quiero ayudar”* y *“hecho”* se reduce a cero.
No estás reconstruyendo tu campaña. Estás encontrando a los donantes donde su atención ya está.
Míralo en acción
Si prefieres ver a leer, aquí tienes la versión de dos minutos de todo lo que sigue.
Cuándo sentirá la diferencia
Algunos lugares donde el bloque convierte una página en un lugar para donar:
🏠 Tu página de inicio: Coloca un formulario compacto encima del pliegue para que los visitantes primerizos puedan donar sin buscar una campaña.
📝 Una publicación de blog basada en historias: Termina una historia de impacto con el formulario real, justo donde el lector está más conmovido.
🎯 Una página de destino dedicada: Crea una página enfocada y sin navegación con un constructor de páginas de destino como SeedProd para una campaña publicitaria o de correo electrónico, con el formulario incorporado.
📣 Un anuncio de lanzamiento de campaña: Incrusta el formulario en la publicación que anuncia la campaña, para que las noticias y la solicitud compartan una página.
🧩 Una plantilla de “campaña actual”: Coloca el bloque una vez en una plantilla de campaña y deja que se vincule automáticamente a la campaña que se esté viendo.
Un formulario real, directamente en el editor
El bloque está diseñado para la experiencia de edición moderna de WordPress, por lo que lo que creas es lo que verán tus donantes. Añádelo de la misma manera que añadirías cualquier otro bloque: abre el insertador, busca y arrastra.
🧩 Cualquier campaña, cualquier página: Selecciona una campaña publicada en un menú desplegable, o elige “Usar campaña actual” para vincular el formulario dinámicamente en las plantillas de campaña.
👁️ Vista previa de alta fidelidad: El editor muestra un formulario realista utilizando los importes de donación reales de la campaña, la selección predeterminada, la opción de importe personalizado y el orden de los campos, no un marcador de posición gris.
🎚️ Completo o Mínimo: Elige el formulario Completo (todos los campos) o un diseño Mínimo y compacto (importes y pago) que encaje perfectamente en una barra lateral o pie de página.
⚡ Sin códigos cortos que memorizar: Añádelo desde el insertador de bloques como cualquier otro bloque. Los códigos cortos existentes [charitable_donation_form] incluso se convierten automáticamente al bloque cuando los editas.
La selección de la campaña y el tipo de formulario se realizan directamente en la barra lateral, con la vista previa en vivo actualizándose a medida que eliges:
Estilo para que coincida con la página
Dado que es un bloque nativo, el formulario se adapta a su entorno, con diecinueve controles de estilo agrupados para mayor claridad. Cada control se encuentra en la misma barra lateral de configuración del bloque, por lo que nunca tendrás que buscar el correcto.
🎨 Contenedor del formulario: Establece el color de fondo y un borde (estilo, ancho y color) para que el formulario se enmarque como necesita tu página.
🔤 Tipografía y acentos: Controla el color del texto y los encabezados, el color del enlace e incluso el color del asterisco de campo obligatorio.
🔘 Botones de importe: Estiliza el fondo, el estado seleccionado, el texto, el borde y el radio de las esquinas de tus botones de importe de donación.
✅ Botón de donación: Establece el fondo del botón, el color al pasar el ratón, el color del texto y el radio para que coincidan con tu llamada a la acción.
Desplázate hacia abajo y encontrarás los grupos Botón de donación y Acentos, incluido ese color de asterisco de campo obligatorio que es fácil de pasar por alto:
Cada instancia de bloque obtiene sus propios estilos con ámbito, por lo que puedes colocar más de un formulario en tu sitio, cada uno personalizado sin escribir código, y ninguno de ellos interferirá con los estilos de los demás.
Primeros pasos: Incrustar tu primer formulario
Puedes tener un formulario en funcionamiento en cualquier página en menos de un minuto. Así es exactamente como se ve, paso a paso.
Paso 1: Añadir el bloque
Abre cualquier página o entrada, haz clic en el insertador de bloques (+) y busca Formulario de donación.
Paso 2: Elegir una campaña
Con el bloque seleccionado, abre la barra lateral de configuración del bloque y elige una campaña del menú desplegable Campaña, o selecciona Usar campaña actual.
Paso 3: Elegir Completo o Mínimo
Opcionalmente, establece el Tipo de formulario en Completo o Mínimo, dependiendo del espacio que te ofrezca la página.
Paso 4: Estilízalo
Estiliza el formulario usando los controles de Contenedor del formulario, Tipografía, Botones de cantidad, Botón de donación y Acentos, observando cómo se actualiza la vista previa en tiempo real.
Paso 5: Publicar
Publica o actualiza la página. Tu formulario de donación en funcionamiento ya está activo.
Una nota: coloca un único formulario de donación por página para una experiencia más limpia y rápida.
Por qué le encantará esto
⚡ Cero fricción: Los donantes donan en la página que ya están leyendo, sin redirección.
👁️ Lo que ves es lo que obtienen: La vista previa del editor refleja las cantidades y campos reales de la campaña.
🎨 Estilizado para encajar: Diecinueve controles permiten que el formulario coincida con cualquier página, con ámbito por instancia.
🔄 Actualización sin esfuerzo: Los códigos cortos antiguos de formularios de donación se convierten automáticamente al bloque.
🧱 Compatible con temas de bloques: Utiliza el registro y la alineación de bloques estándar, por lo que funciona con temas de bloques y edición de sitio completo.
Para agencias y desarrolladores
Creado a la manera nativa de WordPress
El bloque se registra como charitable/donation-form con una render_callback del lado del servidor, por lo que la salida del front-end es siempre el formulario canónico y seguro, no una aproximación del lado del cliente.
El CSS por instancia se genera a través de charitable_donation_form_scoped_css(), con sanitizadores de color y longitud dedicados, y una protección contra recursión evita problemas si alguna vez se anida un formulario. El bloque también se declara a la capa de caché de Charitable, por lo que las páginas que contienen un formulario activo se excluyen automáticamente del almacenamiento en caché de página completa, sin necesidad de exclusiones manuales.
Compatible con códigos cortos
Una transformación registrada convierte el código corto heredado [charitable_donation_form] en el bloque al editar, por lo que migrar páginas existentes es indoloro.
Preguntas frecuentes
¿Requiere esto Charitable Pro?
Sí. El bloque Formulario de donación se incluye en Charitable Pro 1.8.17 y no forma parte del plugin Lite gratuito.
¿Cuál es la diferencia entre Completo y Mínimo?
Completo muestra el formulario de donación completo con todos los campos. Mínimo es un diseño compacto (cantidades de donación y pago) que encaja bien en espacios más reducidos como barras laterales y pies de página.
¿Puedo poner más de un formulario en una página?
Para obtener la mejor y más rápida experiencia, recomendamos un formulario por página. Cada instancia de bloque tiene un ámbito de estilo independiente.
¿Funcionará con mi tema de bloques o la edición de sitio completo?
Sí. El bloque utiliza el registro de bloques estándar de WordPress y el soporte de alineación, por lo que funciona con temas de bloques y FSE.
¿Mis códigos cortos existentes todavía funcionan?
Sí, y cuando editas una página que usa [charitable_donation_form], se convierte automáticamente al bloque.
Empieza con el bloque Formulario de donación
El bloque Formulario de donación está disponible ahora en Charitable Pro 1.8.17. Abre cualquier página o publicación, añade el bloque, elige una campaña y empieza a recaudar donaciones justo donde tus donantes ya están.
Lee la documentación del bloque Formulario de donación →
Más en Charitable Pro 1.8.17
El bloque Formulario de donación es una de las varias formas en que 1.8.17 hace que Charitable sea más flexible.
También hay de nuevo:
- Pestaña Estilos para rediseño visual
- Plantillas deBeacon y campoCampaign Hero
- Cantidades de donación visuales con imágenes por cantidad
- Nuevos widgets de recaudación de fondos para Elementor, WPBakery y Divi
¿Aún no eres usuario de Charitable Pro?
Charitable impulsa la recaudación de fondos para organizaciones de todo el mundo, con más de un millón de descargas y en aumento. Charitable Pro te brinda la flexibilidad de recaudar donaciones en cualquier lugar de tu sitio, exactamente como deseas.
Novedades en Charitable
También hemos lanzado varias funciones y mejoras potentes recientemente:
📱
Pago con billetera de un toque de Mollie
Los donantes en dispositivos móviles pueden pagar al instante con Apple Pay o Google Pay a través de Mollie.
🤝
Las nuevas pantallas de moderación y directorio te permiten administrar cada creador de campañas y embajador en un solo lugar.
⚡
Acepta donaciones en India a través de UPI, códigos QR y las principales divisas internacionales.
🔔
Notificaciones push integradas para agradecimientos de donaciones, lanzamientos de campañas y logros de objetivos.
🛡️
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.
🧤
Migración "White Glove" para GiveWP
El equipo de Charitable se encarga de tu migración completa desde GiveWP, datos y todo.
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.
¿Aún no eres usuario de Charitable Pro? Regístrate hoy y obtén hasta un 50% de descuento en tu plan. Estamos seguros de que te encantará recaudar fondos con Charitable. Si, por cualquier motivo, Charitable no es adecuado para ti, te reembolsaremos tu compra con nuestra garantía de devolución de 14 días. Consigue Charitable Pro ahora »
Si tienes alguna pregunta o necesitas ayuda para colocar tu primer formulario, nuestro equipo de soporte está listo para ayudarte.
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 →
Deja una respuesta