Cómo agregar un botón Donar de PayPal a su sitio web Divi

Necesitas dinero. Tal vez sea para una organización sin fines de lucro con la que se ofrece como voluntario, la tarifa de adopción de un nuevo cachorro. O quizás el par de zapatillas para correr más cómodas que jamás te hayas probado. La razón (en su mayoría) no importa. Lo que importa es que tienes un sitio web con una audiencia cautiva que te ama. Y quieren que consigas ese cachorro.

Ingrese al botón de donación de Paypal, lo que podría ser una de las soluciones más fáciles y de bajo mantenimiento para la recaudación de fondos disponibles para usted. Y dado que creó su sitio web con WordPress, implementar el botón es bastante sencillo.

Empezando

Suscríbete a nuestro canal de Youtube

Lo primero que debe hacer es dirigirse a la página de recaudación de fondos de Paypal y elegir qué categoría de botón de donación funcionaría mejor para sus necesidades:

• Sin ánimo de lucro
• Colegio
• Político
• Personal

Prácticamente todo lo que pueda necesitar un botón de donación debe pertenecer a una de esas categorías. Para este tutorial, vamos a decir que estás recaudando fondos por razones personales (ese maravilloso cachorro que mencioné antes). El proceso es similar para todas las opciones.

Después de elegir personal

En la página siguiente, desplácese hacia abajo hasta que vea el texto "Más información sobre cómo crear un botón de donación" y haga clic en él.

Aparecerá un modal en el que hará clic en uno de estos dos enlaces. Te llevan a la misma página, por lo que en realidad es solo una cuestión de preferencia.

Creando el Botón

Cuando haces clic en el enlace para crear un botón de donación, te llevará a la página donde ocurre la magia. Sin embargo, debe tener en cuenta que Paypal no le pedirá que inicie sesión. Repita: Paypal no le pedirá que inicie sesión. Podrá hacerlo hacia el final del proceso, pero no se preocupe por ello en este momento. –Nada ha salido mal.

Paso 1

Lo primero que harás para crear el botón de donación de Paypal es convertirlo en un botón de "donación". La configuración predeterminada es "Carrito de la compra", pero si hace clic en el menú desplegable en la parte superior izquierda del Paso 1, puede cambiarlo a "Donaciones". Como dije, bastante sencillo, ¿eh?

Con ese conjunto, ingresará su sitio web o información organizacional para el botón de donación. Dado que su recaudación de fondos ficticia es a través de su sitio web para adoptar un cachorro adorable, lo completará con el nombre de su sitio web y la identificación opcional que usará para rastrear cada donación.

Después de ingresar su información, puede comenzar a personalizar su botón. En su mayor parte, no hay mucho que desee cambiar. Todo son cosas bastante básicas, como seleccionar qué país e idioma usará el botón, el tamaño y si mostrará o no los logotipos de las tarjetas de crédito. Todas estas opciones se basan en cómo pretende integrar el botón en su sitio.

También puede usar una imagen alojada en su propio sitio web como un botón si, digamos, tiene un diseñador gráfico que crea un gif animado increíble de un cachorro adorable para que la gente haga clic en él. Hoy, sin embargo, no lo hacemos.

Solo tiene que elegir su tipo de moneda, ya sea que desee especificar una cantidad de donación específica o no, y a qué correo electrónico desea que se envíen las donaciones.

Aquí es donde debe iniciar sesión si tiene una cuenta de Paypal. Si no es así, cree uno para que esté cubierto por las diversas protecciones de PayPal. (Si elige no usar una cuenta de Paypal, simplemente ingrese su correo electrónico y aún podrá recibir donaciones a través de Paypal sin ninguna seguridad adicional).

Una vez que inicie sesión, debería ver esto:

La opción que use depende de usted, pero usar el código de comerciante ofrece un poco más de protección, ya que su dirección de correo electrónico no se incluirá en el código del botón. Cuantos menos lugares los spammers y phishers puedan obtener su correo electrónico, mejor, ¿verdad?

¡Ya casi está listo para poner su botón de donación de Paypal en WordPress!

Pasos opcionales 2 y 3

Si tiene una cuenta Paypal Business, puede hacer un poco más en términos de seguimiento, administración de inventario y personalización del pago, pero dado que estamos tratando con donaciones, la mayoría de las opciones no son relevantes para nosotros.

El código del botón Donar de Paypal

En la página siguiente, finalmente se le dará el código del botón de donación que vivirá en su sitio de WordPress, así como un ejemplo de cómo se verá el botón para sus usuarios.

Haga clic en Seleccionar código para resaltar su código y presione CTRL-C si está en Windows, CMD-C en Mac, o haga clic con el botón derecho en el texto resaltado y seleccione Copiar en el menú contextual. Elige tu veneno.

Una vez que haya copiado el código, navegue hasta su panel de WordPress. Aquí es donde las cosas pueden variar un poco porque todos querrán su botón de donación de Paypal en un lugar diferente, pero la idea general es la misma.

Para los usuarios de Divi, tenemos muchas opciones para ti.

Publicaciones por encima o por debajo

Para poner su botón de donación de Paypal al principio o al final de las publicaciones de su blog, navegue hasta las Opciones de tema de Divi y diríjase a la pestaña Integraciones.

Cuando te desplazas un poco hacia abajo, verás áreas de texto etiquetadas como "Agregar código en la parte superior de tus publicaciones" y "agregar código en la parte inferior de tus publicaciones, antes de los comentarios".

Lo que hacen es bastante evidente.

Antes de la publicación:

Después de la publicación:

Tenga en cuenta que estos son botones completamente sin estilo, por lo que si desea que haga más que simplemente sentarse allí, sugeriría envolver el código que Paypal proporciona en algo como esto:

<div class=”paypal-donate”> PAYPAL DONATE BUTTON CODE GOES HERE </div>

Una vez hecho esto, puede usar CSS para manipular y colocar el botón como desee.

Publicación por publicación o página por página

Si no desea que el botón aparezca antes o después de todas y cada una de las publicaciones de su sitio, puede ser mucho más selectivo utilizando el módulo Divi Code. Además, puede usar el módulo Código para agregar su botón a Páginas, que no se verá afectado por el método anterior.

Abra la ventana "Insertar módulo" y seleccione el módulo de código para comenzar.

Como antes, simplemente pegue el código generado por Paypal en la configuración del módulo. Sin embargo, no es necesario envolverlo en un div aquí. Puede usar la sección Elemento principal en CSS personalizado en la pestaña Avanzado para manipular cómo desea que aparezca el botón en la publicación o página.

En la barra lateral

El lugar más común para los botones de donación de Paypal es probablemente la barra lateral. Se muestra en todas las páginas y publicaciones que desee, pero no interrumpe el flujo de su contenido. Además, ¡es increíblemente fácil de personalizar! Simplemente regrese a su tablero y haga clic en Apariencia> Widgets.

A continuación, haga clic en el widget Texto y agréguelo a su barra lateral en la posición que desee. Tenga en cuenta que WordPress 4.8 cambió el widget de texto de lo que había sido durante años. Ahora tenemos un editor de texto enriquecido, que no queremos usar.

Asegúrese de que quiere decir que debemos hacer clic en la pestaña "texto" antes de pegar el código del botón de donación aquí. (Tampoco es necesario utilizar el botón de código).

La pestaña de texto funciona casi igual que el antiguo widget de texto anterior a la 4.8 (excepto por la inclusión de botones de código. Simplemente ingrese su HTML y presione guardar. ¡Voila, tiene un botón de dinero en la parte superior de la barra lateral!

No es necesario que incluya este widget solo en la barra lateral. Puede seguir los mismos pasos para agregar el botón a temas que admitan widgets de encabezado o pie de página.

¡Estás listo para recibir ese dinero!

¡Ahora está totalmente listo para agregar un botón de donación de Paypal a su sitio de WordPress! No importa qué tema esté ejecutando su sitio o para qué esté recibiendo donaciones, está listo para comenzar. (Pero seamos honestos el uno con el otro, todavía es para un cachorro, ¿verdad?).

Miniatura de la imagen del artículo por mohamed1982eg / pixabay.com