Utilizar un botón de donación en tu sitio web atrae la atención de los visitantes y posibles donantes, animándolos a donar rápidamente a tu organización. Conoce los 5 pasos simples para lograr esto con Donorbox y obtén consejos adicionales así como algunos de los mejores ejemplos en este artículo.
![Cómo Incluir un Botón “Donar ahora” en tu Página Web [Guía Paso a Paso]](https://donorbox.org/nonprofit-blog/wp-content/uploads/2022/08/Boton-Donar.png)
Las organizaciones sin ánimo de lucro frecuentemente dependen de sus donantes para mantener sus organizaciones a flote. Las donaciones a menudo contribuyen en gran parte a los recursos que se requieren para mantenerlas en funcionamiento.
Pensando en esto, tiene sentido invertir tiempo en la página web de tu organización sin ánimo de lucro configurando una página de donación, y el botón «donar». Tu botón de donación es la principal llamada a la acción en tu página web. Puedes realizar campañas de recaudación de fondos en línea, correos electrónicos o redes sociales, y tu botón de donación seguirá siendo el llamado a la acción para los donantes que visitan todas las plataformas.
Un gran botón Donar debe llamar la atención de alguien a primera vista y ser fácil de ubicar.
Optimizar tu botón de donación, tu página web, tus páginas de destino y tu página de donación conducirá a incrementar las donaciones en línea. En esencia, el botón «donar» actuará como una invitación para que los visitantes de tu sitio web apoyen a tu organización sin ánimo de lucro.
Los formularios de donación de Donorbox se pueden configurar fácilmente en varios creadores de sitios web como Wix, WordPress, Squarespace, Weebly, etc. Y lo mejor de todo es que puedes personalizar tu botón Donar para que sea más efectivo y vaya bien con el diseño de tu página web.
Hay algunas maneras de hacer que el botón de donar sea muy efectivo. En este artículo, veremos las mejores prácticas para un botón de donación, tips para mejorar el botón de donación y pasos para incluir un botón de donar en tu página web.
Tabla de contenido:
Un botón de donar o botón de donación es básicamente un botón en el sitio web de una organización sin fines de lucro o en cualquier otra plataforma de recaudación de fondos en línea que lleva a los donantes a una página de donación, lo que les permite donar fácilmente a la organización.
Los botones de donación se pueden usar tanto para el sitio web de la organización sin fines de lucro, como en plataformas como YouTube, Google e incluso Facebook. Incluir botones de donación en estas plataformas es una gran manera de incentivar las donaciones de personas que ya están comprometidas con tu contenido y que, como resultado, pueden sentirse más inspiradas a donar.
Además de un formulario de donación, para integrar, Donorbox ofrece dos botones de donación integrables para páginas web.
Con la página de donación segura, no necesitas instalar ningún SSL adicional en tu sitio web. Sin embargo, si deseas usar un formulario emergente, asegúrate de que tu sitio web esté protegido por SSL.
Agrega un Botón de Donación Hoy
Antes de empezar con los pasos para instalar un botón de donación en tu página web, debes asegurarte de que el formulario de donación esté configurado. Tu botón de donación funcionará solo si tu formulario de donación está vinculado al botón de donación. Toma en cuenta que tu formulario de donación debe ser tan simple y bien diseñado como tu botón de donación, es la experiencia completa del donante la que cuenta para asegurarte de que tus seguidores puedan donar fácilmente y continúen regresando.
El formulario de donación de Donorbox es muy fácil de configurar, en 15 minutos aproximadamente se integra en tu sitio web. Consulta nuestros blogs de integración para encontrar tutoriales rápidos para instalar formularios de donación en varios creadores de sitios web. Empezar es muy simple:
Mira nuestro video tutorial para registrarte fácilmente en Donorbox y empezar a recaudar fondos en 4 simples pasos:-
Ve a la página Campañas de Donorbox y busca la campaña que quieras insertar. Haz clic en el icono opciones de integración </>, como se muestra. Selecciona la opción Botón Donar en la lista que aparece.
Aquí es donde puedes personalizar y configurar el botón de Donar. Realiza los cambios que amerites en la configuración de personalización. Notarás que el código en la ventana se actualiza a medida que realizas cambios.
Luego, copia el código generado automáticamente, como se muestra:
Dirígete al editor de tu página web (usaremos un sitio web de WordPress como ejemplo). Busca o crea la página en la que prefieras agregar tu “Botón Donar”.
Una vez estés en la página en la que quieres incluir el botón Donar, selecciona el editor de texto (en lugar del editor visual). Pega el código de integración del «Botón Donar» (que copiaste en el paso 2) en el cuadro de texto.
Publica la página y ¡listo!
Al hacer clic en el botón Donar ahora, accederás a una página de donación segura como la siguiente.
Adicional a la página de donación segura, Donorbox ofrece el formulario emergente como otra opción para integrar el botón de Donar.
Esto significa que, en lugar de redirigir a tus donantes a una página de donación separada, puedes hacer que aparezca un formulario de donación en la misma pantalla que alguien presiona el botón de Donar.
Pruébalo aquí:
Para más información sobre cómo instalarlo, consulta nuestra guía de instalación modal.
Requerirás instalar SSL en tu sitio web para usar nuestro formulario modal emergente, con el fin de garantizar la seguridad de tus donantes.
Es recomendable utilizar colores familiares para tus donantes, así como los de tu logotipo u otros elementos de mercadeo. La marca familiar y las imágenes ayudan a mantener la coherencia y la responsabilidad. Además, asegúrate de que el color de tu botón de donación contraste con el resto de la página para que se destaque. Un botón de donación perderá su poder si no se resalta en tu sitio web o si es fácil pasarlo desapercibido.
Cuando los donantes deciden donar, la gran pregunta no es «¿debo dar?», sino «¿cuánto debo dar?».
Los valores de donación pre-seleccionados ayudan a tus donantes a decidir y también aceleran el proceso. Escoge el valor de donación correcto de acuerdo a tu público.
Una excelente forma de establecer donaciones sugeridas es recomendar valores que sean un poco más altos que tu donación promedio anterior. Por ejemplo, si la donación promedio del año pasado fue de $25, sugiere donaciones de $10, $30 y $50. Es más probable que las personas que prefieran donar $25 aumenten su donación a $30 en lugar de disminuirla a $10.
También puedes resaltar el valor de donación predeterminado para que se destaque de los otros. Además, considera darles la opción de donar un valor personalizado.
Toda campaña exitosa de recaudación de fondos sin fines de lucro tiene una llamada a la acción. Una llamada a la acción es exactamente como su nombre lo indica: palabras o frases que impulsan a los visitantes a realizar una acción específica en tu sitio. Tu llamada a la acción es cuando realmente le pides a alguien que haga algo, en este caso, donar.
Una llamada a la acción efectiva debe ser breve y concisa y debe comunicar la urgencia de la causa para comprometer a los donantes a aportar. De acuerdo a tu causa específica, aquí hay algunos ejemplos de llamadas a la acción efectivas:
El botón Donar de The HALO Trust es uno de los mejores ejemplos para organizaciones sin fines de lucro.
En primer lugar, el botón es grande y está ubicado en la esquina superior derecha con un color que contrasta con el resto de la web, lo que hace que resalte entre otros elementos de la página de inicio.
En segundo lugar, el botón es llamativo y permanece allí mientras el usuario se desplaza hacia abajo en la página.
Al hacer clic, el botón lleva a los usuarios a una página de donación segura con un formulario integrado en la parte superior de la pantalla. Los valores de donación preestablecidos y la opción de elegir una donación recurrente hacen que toda la experiencia sea más fácil para los donantes.
Hay otro botón «Donar ahora» en la página de inicio dedicado a campañas recientes o urgentes. Tiene una llamada a la acción clara y contundente encima, que solicita a los usuarios ayudar de inmediato. Este botón lleva a los usuarios directamente a la página de donación de la campaña específica.
El botón lateral en el sitio web parece redundante ya que el botón superior es muy llamativo. Además, ambos botones llevan a los usuarios a la misma página de donación. Por ello, quitar ese botón en el sitio web no haría daño.
La organización sin fines de lucro tiene una disposición en su sitio web para ayudar a recaudar dinero para causas relevantes. Sin embargo, la función no está resaltada en la página de inicio. Esto se puede hacer fácilmente con el botón «Recaudar fondos» justo al lado del botón de donar en la esquina superior derecha.
Nos encanta la simplicidad del botón Donar que Atlanta Cancer Care Foundation, Inc. ha implementado en su sitio web. Hablando de simplicidad, todo el diseño del sitio web está organizado y es coherente en todo momento. Complementa el botón y su color.
Mira cómo usaron el color de su logo en el botón de donar. Y luego, se combinó con una llamada a la acción impactante justo arriba. Para una página de inicio enfocada en la imagen, el botón y el mensaje se destacan bastante bien.
A medida que se desplaza por el sitio web, el botón de donar en la parte superior permanece en su lugar.
Al hacer clic en el botón de Donar, los usuarios van a una página de donación segura con un formulario integrado. Este formulario ofrece múltiples opciones de donación, tales como valores predeterminados y donaciones recurrentes.
Para ser honestos, no mucho.
Pero hemos notado los otros textos de ‘Donar’ que aparecen en toda la página de inicio, hasta el final. Estas llamadas a la acción deben tener una apariencia similar a un botón para una mejor visibilidad en contraste con las imágenes de fondo. El texto en color blanco hace que llame menos la atención.
Nos gusta la forma en que ‘Donar’ en la esquina superior derecha se destaca entre todos los demás elementos importantes en la pantalla. Aunque el botón no es tan grande, el color rojo contrasta con el sitio web CODE for America seguramente llamará la atención.
La llamada a la acción o mensaje que se encuentra justo arriba del formulario de donación es simple y fácil para que las personas entiendan tu misión. El de la derecha en letra más grande también es efectivo, de hecho hace más transparente la causa.
El formulario de donación es fácil de usar, ofrece amplias opciones para hacer donaciones con valores predeterminados y además permite donaciones recurrentes mensuales y trimestrales.
Pero la cereza del pastel es la forma en que se justifican los valores a donar con detalles sobre su impacto en la vida de las personas.
Confía en nosotros, este práctico botón y formulario de donación es la mejor forma para inspirar donaciones de posibles donantes en Internet.
Aunque el botón, su visibilidad y la página de donaciones son muy efectivos, hay algo que no pudimos evitar notar.
El botón de donar tiende a quedarse atrás mientras se desplaza hacia abajo en la página. Sugerimos tener un botón que se mueva junto con el desplazamiento hacia arriba o hacia abajo en la página. Las organizaciones sin fines de lucro de nuestros ejemplos previos tienen botones adhesivos de donación en sus sitios web. Es posible que quieras echar un vistazo.
Si nos preguntas cómo sería un botón de donación ideal, sería este.
Es vistoso y está ubicado en la barra de navegación superior junto con el logotipo y el nombre del hospital. Así, es fácil para los usuarios encontrar el botón por su alto contraste, color brillante y amplio espacio en blanco.
El color rojo contrasta bien con el tema de la página web; eso se debe a que el hospital colocó las llamadas a la acción en el mismo color en la página de inicio.
La barra de navegación superior se contrae a medida que el usuario se desplaza hacia abajo, manteniendo la visión en las opciones del menú y en el botón de donar.
Nos encanta la llamada a la acción. Es corta, puntual y genera impacto en el corazón de los usuarios.
Al hacer clic en el botón de Donar, los usuarios van a una página de donación segura con opciones claras y fáciles de entender para realizar donaciones únicas o recurrentes.
Debajo de cada valor, aparece la información sobre cómo puede marcar la diferencia. A los donantes les encanta saber cómo su donación puede ayudar a cambiar el mundo.
Si hay algo que podríamos mejorar, es la forma en que se ubica el mensaje sobre la imagen de la página de donación. Si bien las palabras son bastante efectivas, la imagen de fondo hace que sea un poco difícil que resalten.
Cuando trabajas por una causa, cada llamada a la acción y/o mensaje en tu sitio web es crucial para obtener donaciones. Asegúrate de que se destaquen entre todo lo demás.
Los estudios demuestran que el ojo humano tiende a leer los sitios web en un patrón de «F» o «Z». La esquina superior izquierda es la mejor para logotipos y la esquina superior derecha es el mejor lugar para ubicar tu llamada a la acción. La esquina inferior derecha es otro buen lugar para colocar el botón de donar. Asegúrate de que el botón de donación esté no solo en tu página web, sino también en todas las demás plataformas.
Tu botón de donación puede decir simplemente «donar» o «donar ahora», o puedes usar otros mensajes como «ayuda a cambiar vidas», «ayúdanos», «apoya nuestro trabajo», «haz clic aquí para donar”, y otras llamadas a la acción similares. Recuerda mantener el mensaje breve y conciso. Echa un vistazo a la sección sobre las mejores prácticas para obtener más ejemplos de mensajes de llamada a la acción.
A veces, los donantes pueden estar indecisos sobre cuánto donar. Así que puedes preseleccionar el valor de la donación de tu preferencia cerca del botón de donar para facilitar la decisión, acelerar el proceso de pago y motivar a tus donantes a dar más del mínimo.
Cuantas más personas vean tu botón de donar, más personas harán clic en él. Por lo tanto, suelen usarse botones grandes. Haz que tus botones de donación sean lo suficientemente amplios para que sea imposible no verlos.
Usa imágenes de botones de donación PNG para agregar un botón de donación a las campañas de correo electrónico, así como en las páginas de GitHub.
Subscribe to our e-newsletter to receive the latest blogs, news, and more in your inbox.
Rocío Piñeros