Cómo hacer un formulario de contacto de WordPress con pagos de PayPal

Publicado: 2022-09-08

¿Está buscando integrar un formulario de contacto de WordPress con PayPal?

PayPal es el servicio de pago en línea favorito para la gran mayoría de las personas, gracias a sus transacciones rápidas y confiables. Agregar una opción de pago de PayPal a sus formularios de WordPress permitirá a los visitantes realizar fácilmente pagos por pedidos, donaciones o cualquier otro propósito en su sitio.

La mejor parte es que es realmente fácil hacer esto usando un potente complemento de creación de formularios como WPForms.

En esta publicación, lo guiaremos paso a paso para crear un formulario de contacto de WordPress que acepte pagos de PayPal.

¡Entremos de inmediato!

Crear formularios con PayPal Checkout Now

WPForms es el mejor complemento de WordPress Form Builder. ¡Consíguelo gratis!

¿PayPal se integra con WordPress?

PayPal se integra con WordPress de varias maneras. La forma tradicional es instalar un complemento de comercio electrónico con integración nativa de PayPal, como WooCommerce, por ejemplo.

Pero esa no es la única forma. También puede agregar pagos de PayPal a su sitio utilizando complementos de formulario de contacto. Algunos complementos populares como Contact Form 7 y WPForms admiten la integración nativa de PayPal.

El uso de formularios con pagos de PayPal es ideal si desea permitir que los usuarios le paguen órdenes de compra, envíen donaciones o realicen transacciones para cualquier otro propósito.

Cómo hacer un formulario de contacto con PayPal en WordPress

En este articulo

  • 1. Instalar y activar WPForms
  • 2. Instale y conecte el complemento WPForms PayPal Commerce
  • 3. Crea un formulario de contacto simple
  • 4. Configurar campos de pago
  • 5. Agregue y personalice el campo de comercio de PayPal
  • 6. Adición de lógica condicional a PayPal Commerce (opcional)
  • 7. Publica tu formulario

1. Instalar y activar WPForms

wpforms homepage

WPForms es nuestro complemento más recomendado para crear formularios de contacto con pagos de PayPal. Es un complemento para principiantes que no requiere código para trabajar e incluye toneladas de funciones adicionales útiles.

Aunque algunas otras opciones como el Formulario de contacto 7 también admiten pagos de PayPal, WPForms es una solución más poderosa y es considerablemente más fácil de usar. Puede echar un vistazo a nuestra comparación WPForms vs. Contact Form 7 para obtener más detalles.

Necesitará un plan WPForms Pro o superior para desbloquear los pagos de PayPal para sus formularios.

precios de wpforms

Después de comprar WPForms Pro, inicie sesión en su panel de WPForms y diríjase a la pestaña Descargas para encontrar su archivo de descarga de WPForms Pro.

WPForms downloads

Una vez que se descarga el archivo, puede continuar e instalar WPForms en su sitio. Si necesita ayuda, consulte nuestra guía de documentos sobre la instalación de WPForms para obtener instrucciones detalladas.

2. Instale y conecte el complemento WPForms PayPal Commerce

Una vez que WPForms Pro esté activo en su sitio, deberá instalar el complemento PayPal Commerce. Este complemento le permite agregar un campo de pago de PayPal a sus formularios para que pueda aceptar fácilmente los pagos de sus clientes.

Para instalar el complemento, vaya a WPForms en el panel de control de WordPress, luego haga clic en Complementos .

WPForms addons

Desplácese hacia abajo para encontrar el Complemento de comercio de PayPal o búsquelo usando la barra de búsqueda. Luego, haga clic en Instalar complemento en Complemento de comercio de PayPal.

Nota: PayPal Commerce no debe confundirse con PayPal Standard . Si bien ambos complementos le permiten agregar el pago de PayPal a sus formularios, PayPal Commerce ofrece algunas funciones más potentes. Usaremos PayPal Commerce en este tutorial.

PayPal commerce addon

Una vez que se instala el complemento, lo siguiente que debe hacer es conectar su sitio web con PayPal. Desde el panel de control de WordPress, vaya a WPForms » Configuración .

wpforms settings

Una vez dentro, haz clic en Pagos .

Configuración de pago de WPForms

Desplácese hacia abajo hasta la sección denominada PayPal Commerce y haga clic en Conectar con PayPal Commerce.

Configuración de integración de comercio de PayPal

Esto lo redirigirá al sitio web de PayPal, donde se le pedirá que ingrese su dirección de correo electrónico asociada con PayPal Business y seleccione su país en el menú desplegable. Luego presione Siguiente .

Nota: necesitará una cuenta comercial de PayPal para conectarse con PayPal Commerce.

Click next

Si la integración fue exitosa, el estado de la conexión mostrará que está conectado a PayPal en modo de producción .

Estado de conexión

Si primero desea probar PayPal Commerce, consulte nuestro documento sobre el uso de PayPal Commerce en el modo Sandbox.

Desplácese hacia abajo y haga clic en Guardar configuración y eso será todo para esta etapa.

Save settings

El siguiente paso será crear un nuevo formulario en el generador de formularios de WPForms, donde integrará un campo de comercio de PayPal.

3. Crea un formulario de contacto simple

Es realmente fácil crear un formulario de contacto simple usando WPForms. Puede crear sus formularios desde cero usando el generador de formularios de arrastrar y soltar, o simplemente usar una de las más de 400 plantillas de formulario preconstruidas para comenzar.

Para acceder al generador de formularios de WPForms, abra su panel de control de WordPress y vaya a WPForms » Agregar nuevo .

añadir nuevo formulario

Esto abrirá la biblioteca de plantillas. Pase el cursor sobre Formulario de contacto simple y haga clic en Usar plantilla para abrirlo en el generador de formularios.

plantilla de formulario de contacto simple

Como puede ver a continuación, tendrá un formulario de contacto básico con campos como nombre, correo electrónico y comentario/mensaje.

A simple contact form on a page

Puede personalizar esta plantilla agregando o eliminando los campos que desee. De forma predeterminada, la plantilla de formulario de contacto simple no incluye ningún campo de pago.

Agregaremos campos de pago en el siguiente paso.

4. Configurar campos de pago

Necesitará al menos un campo de pago para los productos o servicios que venderá. Hay 4 opciones a elegir, que son:

  • Artículo único : cuando vende solo un artículo.
  • Elementos múltiples : cuando solo tiene varios elementos, pero solo se puede seleccionar uno (como diferentes planes de suscripción).
  • Artículos de casilla de verificación: cuando tiene varios artículos con la opción de seleccionar uno o más de estos (como diferentes productos).
  • Elementos desplegables : cuando desee que los usuarios puedan seleccionar solo uno de los elementos disponibles en un menú desplegable.

Por ejemplo, si vende prendas de vestir, puede agregar un campo Artículos de casilla de verificación que permita a los usuarios pedir varias prendas desde el mismo formulario.

Así es como se hace esto:

Primero, agregue un campo Elementos de casilla de verificación a su formulario haciendo clic en él o arrastrándolo a su posición en su plantilla de formulario.

casilla de verificación de campos de pago

Haga clic en el campo Elementos de la casilla de verificación en su formulario para abrir Opciones de campo en el panel izquierdo.

payment fields settings

Las opciones de campo le permiten editar la etiqueta de sus campos y agregar el nombre y el valor de los artículos que está vendiendo.

Es posible que desee cambiar la etiqueta "Elementos de la casilla de verificación" por algo que refleje mejor los artículos que está vendiendo. Etiquetaremos nuestra casilla de verificación como "Sullie Merch" para este ejemplo.

Checkbox label

También puede editar las etiquetas predeterminadas para cada elemento de la lista de verificación. Reemplazaremos "Primer artículo" con "Camisa Sullie", "Segundo artículo" con "Calcetines Sullie" y "Tercer artículo" con "Sombrero Sullie".

Product labels for checkbox items field

No olvides establecer un precio para tus artículos en el campo de precio justo al lado de la etiqueta del artículo.

item price

Si desea que el precio aparezca después de la etiqueta de cada artículo en la interfaz, asegúrese de habilitar la opción Mostrar precio después de las etiquetas de los artículos .

price after item labels

Finalmente, puede agregar una descripción para sus artículos si lo desea.

Descripción del Artículo

Así es como se ve nuestro formulario ahora:

Formulario de vista previa

Los usuarios pueden pedir cualquier producto de este formulario simplemente marcando las casillas junto a cada artículo.

Sin embargo, hay un paso más importante que aún tenemos que realizar: agregar un campo de pago de PayPal a este formulario para habilitar las transacciones.

5. Agregue y personalice el campo de comercio de PayPal

Encontrará el campo de pago de PayPal Commerce en la sección Campos de pago en el panel izquierdo del creador de formularios. Simplemente arrástrelo y suéltelo en su formulario para agregar el campo.

Campos de pago de WPForms

Cuando incluya el campo Comercio de PayPal en su formulario, verá un modal que le pedirá que habilite los pagos de Comercio de PayPal. Pulse Aceptar .

habilitar paypal

Antes de habilitar los pagos, primero personalicemos el campo Comercio de PayPal.

Como verá, PayPal Commerce admite pagos con PayPal y con tarjeta de crédito.

PayPal Commerce cards

Hay muchas cosas interesantes que puede hacer con el campo Comercio de PayPal. Para acceder a Opciones de campo, haga clic en cualquier parte del campo Comercio de PayPal.

field options PayPal Commerce

Luego puede seleccionar qué opciones de pago entre el pago de PayPal y la tarjeta de crédito deben estar disponibles para los visitantes (puede incluir una o ambas opciones). Además, también puede seleccionar de qué tarjetas de crédito está aceptando pagos simplemente usando los botones de alternar en la sección Tarjetas de crédito admitidas.

Iconos de la tarjeta de comercio de PayPal

Si desea cambiar la apariencia del campo Comercio de PayPal, puede encontrar más opciones en la pestaña Avanzado en Opciones de campo.

Aquí puede cambiar el tamaño del campo y ajustar el tamaño, la forma y el color del botón de pago de PayPal.

advanced paypal settings

Cuando haya terminado de personalizar el campo, es hora de habilitar PayPal Commerce y configurar los ajustes de procesamiento de pagos.

En la barra lateral, haga clic en Pagos » PayPal Commerce.

Integración de comercio de PayPal

Aquí tendrá dos opciones: habilitar pagos únicos o pagos recurrentes.

Pagos únicos

Al seleccionar pagos únicos, se expandirá un menú donde puede asignar algunos campos (nombre, correo electrónico y dirección) de su formulario a su facturación de PayPal.

one time payments

Si prefiere incluir pagos recurrentes, PayPal Commerce lo hace muy fácil de configurar.

Pagos recurrentes

Los pagos recurrentes son excelentes para las empresas que ofrecen planes de suscripción o pagos a plazos. No hay límites en la cantidad de planes que puede crear, pero solo se puede procesar un plan a la vez.

Configuración de pagos recurrentes

El complemento PayPal Commerce le permite seleccionar libremente tiempos recurrentes y ciclos totales para su plan de suscripción. Utilice esta configuración para configurar la frecuencia de pagos que funcione para usted y sus usuarios.

Nota: No se admiten tarjetas de crédito para pagos recurrentes.

Es posible agregar múltiples tipos de opciones de precios en el mismo formulario usando lógica condicional. Echemos un vistazo a cómo puede lograr eso a continuación.

6. Adición de lógica condicional a PayPal Commerce (opcional)

La lógica condicional le da mucha libertad para cambiar el comportamiento del campo Comercio de PayPal según las respuestas de los usuarios.

Un escenario posible es cuando desea definir la lógica para que el campo de pago solo aparezca si un usuario cumple con ciertos criterios. O es posible que desee agregar varios planes de precios con diferentes períodos recurrentes y otros detalles de pago.

En estos escenarios, la lógica condicional de WPForms puede ser increíblemente útil.

Supongamos que desea que los clientes puedan elegir un período recurrente entre pagos mensuales y anuales.

Primero agregaremos un campo de pago de artículos múltiples y lo etiquetaremos como " Elija su plan ", con dos opciones.

multiple items payapl

Ahora queremos que PayPal procese un cargo según la selección del cliente entre estas dos opciones.

Para ello, vuelva a Pagos » PayPal Commerce y haga clic en Habilitar lógica condicional en pagos únicos o pagos recurrentes (según el escenario que se aplique en su caso).

enable conditional logic paypal commerce

En nuestro escenario, usaremos lógica condicional para pagos recurrentes. Después de habilitar la lógica condicional, debería ver un nuevo conjunto de opciones para configurar sus reglas.

Configuraremos dos reglas separadas: una para cobrar pagos mensuales y la otra para cobrar pagos anuales.

Para mensualmente, seleccionamos la configuración de Tiempos recurrentes en Mensualmente . Luego, definimos la lógica que dice: Procesa este cargo si el campo Elige tu plan es Mensual .

rule 1 paypal commerce

Después de eso, crearemos otro plan para los usuarios que prefieran una suscripción anual. Haga clic en el botón Agregar nuevo plan para comenzar.

add new plan paypal

Introduzca un nombre de plan y pulse Aceptar .

new plan name

Esta vez, seleccionaremos Anualmente en el menú desplegable Tiempos recurrentes. La lógica condicional aquí se define como: Procesar este cargo si el campo Elija su plan es Anual .

annual plan logic

Asegúrese de presionar Guardar después de configurar estos ajustes.

Para resumir, acabamos de agregar una opción para que los clientes elijan entre períodos de suscripción mensuales y anuales utilizando la lógica condicional.

Ahora, cuando un usuario seleccione su período de suscripción preferido, se le cobrará el precio que establezca y solo en el tiempo recurrente definido.

7. Publica tu formulario

Puede agregar su formulario a una página directamente desde el generador de formularios. En la esquina superior derecha de su pantalla, verá las opciones para incrustar o guardar su formulario.

Ya que estamos tratando de agregar nuestro formulario a una página de inmediato, continúe y haga clic en Incrustar .

botón de inserción del generador de formularios

Esto redirigirá a un modal con las opciones para incrustar el formulario en una página existente o crear una nueva página y luego incrustarla.

Asumiremos que desea crear una nueva página, pero el proceso es similar para ambos pasos. Para esta guía, haremos clic en Crear nueva página .

Crear un nuevo botón de página con una gran flecha roja

Asigne un nombre a su nueva página y haga clic en ¡Vamos !

Nombrar una nueva página para incrustar su formulario en

Su nuevo formulario habilitado para PayPal Commerce ahora estará visible en la nueva página. Publique la página y compruébelo en la interfaz.

Formulario en vivo con el comercio de paypal

Y eso sería todo por integrar un formulario de contacto con PayPal en WordPress. ¡Ahora puede comenzar a cobrar pagos utilizando formularios en su sitio web!

A continuación, cree un formulario de pedido en línea en WordPress

Acabamos de mostrarle cómo agregar pagos de PayPal a sus formularios de contacto en WordPress. Si bien esto puede funcionar con prácticamente cualquiera de sus formularios, puede ser mejor usar un formulario de pedido en línea para simplificar aún más el proceso.

Consulte nuestra guía para hacer un formulario de pedido en línea en WordPress.

No espere para comenzar a crear su formulario de pedido en línea. Comience con el complemento de formulario de WordPress más poderoso hoy. ¿Está buscando un formulario de pedido gratuito? WPForms Pro viene con una plantilla de formulario de pedido en línea gratuita y una garantía de devolución de dinero de 14 días.

Crear formularios con PayPal Checkout Now

Y no se olvide, si le gusta este artículo, síganos en las redes sociales en Facebook y Twitter.