Tutoriales de WordPress de Confianza, cuando más los necesitas.
Guía para Principiantes de WordPress
Copa WPB
25 Millones+
Sitios web que usan nuestros plugins
16+
Años de experiencia en WordPress
3000+
Tutoriales de WordPress de expertos

Cómo crear un formulario de WordPress con opciones de pago (forma fácil)

Vender un producto o servicio directamente desde tu sitio web es una forma fantástica de crecer. Puedes hacerlo realidad con un simple formulario de pago, sin necesidad de una compleja tienda en línea.

Este enfoque directo es perfecto para muchos objetivos. Podrías ofrecer sesiones de consultoría, vender boletos para un evento o proporcionar una única descarga digital.

Todo funciona conectando tu formulario a un servicio de pago de confianza como Stripe o PayPal. Esto le da a tus visitantes una forma familiar y segura de completar su compra.

Para una configuración confiable, las herramientas adecuadas marcan la diferencia. Encontramos que plugins como WPForms y WP Simple Pay funcionan de maravilla, ya que se encargan del lado técnico por ti.

Esta guía te mostrará exactamente cómo juntar todo. Preparemos tu nuevo formulario de pago para los negocios.

Cómo crear formularios de WordPress con opción de pago

¿Por qué crear formularios de WordPress con opciones de pago?

Si deseas crear un formulario simple con opciones de pago personalizadas, entonces no necesitas crear una tienda en línea completa. Por lo tanto, los plugins de comercio electrónico como Easy Digital Downloads y WooCommerce pueden ser demasiado completos si solo vendes algunos artículos o necesitas aceptar montos personalizados de cada cliente.

En algunos casos, crear un formulario de pago simple es una solución mucho mejor que usar un plugin de comercio electrónico dedicado.

Por ejemplo, en el sitio web de una organización sin fines de lucro, es posible que desees dar a los visitantes la opción de hacer una donación mientras completan un formulario de solicitud de voluntariado.

A algunos propietarios de sitios web les gusta aceptar propinas opcionales de los visitantes que buscan ayuda.

O, es posible que desees ofrecer una descarga digital con un sistema de 'paga lo que quieras', donde los visitantes eligen cuánto quieren pagar por un producto o servicio.

También hemos visto que los sitios web de WordPress ofrecen productos como descarga gratuita, al tiempo que brindan a los visitantes la opción de pagar por una mejora premium o contenido adicional.

Nota: Deberás habilitar HTTPS/SSL en tu sitio web para poder aceptar pagos de forma segura. Para más detalles, puedes seguir nuestra guía sobre cómo obtener un certificado SSL gratuito para tu sitio de WordPress.

Teniendo esto en cuenta, te mostraremos cómo puedes crear formularios de pago opcionales. Simplemente usa los enlaces rápidos a continuación para saltar directamente al método que deseas usar:

Empecemos.

Método 1. Usando WP Simple Pay (La mejor opción gratuita)

La forma más fácil de crear un formulario de pago simple en WordPress es usando WP Simple Pay.

WP Simple Pay es el mejor plugin de pago de Stripe para WordPress, y te permite aceptar pagos con tarjeta de crédito, Apple Pay, Google Pay y más, sin tener que instalar ningún plugin especial de comercio electrónico.

Hemos probado exhaustivamente la herramienta en nuestro sitio web de demostración y hemos descubierto que es muy fácil de navegar. Para más detalles sobre el plugin, puedes consultar nuestra reseña de WP Simple Pay.

Un formulario de pago simple, creado con WP Simple Pay

Este plugin es perfecto para organizaciones sin fines de lucro, pequeñas empresas, voluntarios y cualquiera que quiera cobrar pagos sin tener que invertir en plugins avanzados de comercio electrónico.

Para empezar, necesitarás instalar y activar el plugin WP Simple Pay. Si necesitas ayuda, consulta nuestra guía sobre cómo instalar un plugin de WordPress.

Para esta guía, usaremos la versión gratuita de WP Simple Pay, ya que tiene todo lo que necesitas para empezar a aceptar pagos en línea. También hay una versión Pro que te permite aceptar pagos mediante débito directo ACH, configurar un plan de pago recurrente, agregar un plan de pago a plazos a WordPress y mucho más.

Al activarse, el plugin iniciará automáticamente el asistente de configuración. Haz clic en el botón ‘Empecemos’.

Instalación del plugin de WordPress WP Simple Pay

En el siguiente paso, deberás conectar una cuenta de Stripe a WP Simple Pay. Stripe es un procesador de pagos fácil de usar para propietarios de sitios web.

Para activar el procesador de pagos, puedes hacer clic en el botón ‘Conectar con Stripe’.

Cómo conectar tu sitio web de WordPress a Stripe

Después de eso, puedes iniciar sesión en una cuenta de Stripe existente o crear una nueva.

Si ya te registraste en Stripe, simplemente escribe la dirección de correo electrónico y la contraseña de esa cuenta.

Creación de un formulario de pago opcional con WP Simple Pay

WP Simple Pay te mostrará ahora cómo conectar tu cuenta de Stripe a WordPress.

Si aún no te has registrado en Stripe, escribe tu dirección de correo electrónico y sigue las instrucciones en pantalla para crear tu cuenta gratuita de Stripe.

Una vez que hayas iniciado sesión en una cuenta de Stripe, haz clic en ‘Crear un formulario de pago’.

Si te saliste de esta pantalla por accidente, no te preocupes. Puedes acceder a la misma pantalla yendo a WP Simple Pay » Agregar Nuevo en el panel de WordPress.

Cómo crear un formulario con un botón de pago opcional

El plugin gratuito WP Simple Pay tiene algunas plantillas de pago diferentes que pueden ayudarte a crear distintos tipos de formularios de pago en cuestión de minutos.

Puedes desbloquear plantillas adicionales al actualizar a WP Simple Pay Pro, incluyendo una plantilla que agrega un botón de donación de Stripe en WordPress.

Como queremos crear un formulario de pago simple en WordPress, pasa el cursor sobre la plantilla 'Payment Button' y luego haz clic en 'Create Payment Button' cuando aparezca.

Creando un formulario de pago opcional simple

En el campo 'Title', escribe un nombre para tu formulario de pago.

Este título es solo para tu referencia, así que puedes usar lo que quieras.

Añadir un título a tu formulario de pago de WordPress

También puedes usar el campo 'Description' para agregar información sobre tu formulario de pago.

De nuevo, WordPress no mostrará esto a los visitantes de tu sitio, pero puede ser útil para tu propia referencia o para cualquier otra persona que comparta tu panel de WordPress.

Después de eso, haz clic en la pestaña 'Payment'.

Por defecto, WP Simple Pay creará tu formulario de pago en modo de prueba, lo que significa que no puedes aceptar pagos de los visitantes.

Recomendamos dejar seleccionado el botón de radio 'Global Settings (Test Mode)' para que puedas probar cómo funciona el formulario antes de empezar a aceptar pagos de los visitantes.

Establecer el Modo de Pago a En Vivo o Prueba

Sin embargo, si quieres empezar a aceptar pagos reales de inmediato, puedes seleccionar el botón 'Live Mode' en su lugar.

A continuación, puedes decidir cuánto cobrarás a los visitantes escribiendo un número en el campo 'One-Time Amount'.

Establecer un monto de pago en WP Simple Pay

Nota: Por defecto, WP Simple Pay utiliza la moneda dólar. Si quieres aceptar pagos en cualquier otra moneda, simplemente dirígete a WP Simple Pay » Settings. Luego puedes seleccionar la pestaña 'Currency' y elegir una nueva moneda.

Después de haber hecho eso, querrás ir a la pestaña 'Form Fields'.

Configuración de campos del formulario de WP Simple Pay

Tu botón se etiquetará como 'Pay Now' por defecto, pero puedes cambiarlo a lo que quieras escribiendo en el campo 'Button Text'.

Dado que estamos creando un formulario de pago opcional, es posible que desees usar algo como 'Envíanos una propina' o 'Cómprame un café'.

Añadir una etiqueta de botón a tu formulario de pago opcional en WordPress

También puedes cambiar el 'Texto de procesamiento del botón', que es el mensaje que WP Simple Pay mostrará a los compradores mientras procesa su pago.

De nuevo, dado que este es un formulario de pago opcional, podrías usar algo que lo refleje, como 'Estamos procesando tu donación'.

Por defecto, WP Simple Pay usará el mismo estilo de botón que tu tema de WordPress. También tiene un estilo 'azul Stripe' que puedes usar, como puedes ver en la siguiente imagen.

Establecer un monto de pago en WP Simple Pay

Si deseas usar este estilo de botón, simplemente selecciona el botón de radio 'azul Stripe' en la sección 'Botón de pago'.

Después de eso, selecciona la pestaña ‘Stripe Checkout’ y elige la información que WP Simple Pay recopilará de los visitantes al momento de pagar.

Por ejemplo, si estás vendiendo un producto físico, querrás marcar la casilla ‘Recopilar dirección de envío’.

Configuración del checkout de Stripe

Mientras trabajas en el formulario de pago, puedes previsualizar cómo se ve en cualquier momento simplemente haciendo clic en el botón ‘Vista previa’.

Esto abrirá el formulario de pago en una nueva pestaña de la misma manera exacta en que previsualizas las entradas y páginas en el editor estándar de WordPress.

Cómo previsualizar un formulario de pago en WordPress

Cuando estés satisfecho con la apariencia del formulario de pago, haz clic en el botón ‘Publicar’ para que esté activo.

Ahora puedes agregar el formulario de pago a cualquier página, entrada o área lista para widgets usando el valor en ‘Shortcode del formulario’.

Añadir un formulario de pago opcional a tu sitio de WordPress usando shortcode

Para más detalles sobre cómo colocar el shortcode, puedes ver nuestra guía sobre cómo agregar un shortcode en WordPress.

Si publicaste el formulario en modo de prueba, el panel de Stripe no mostrará ningún pago que recibas durante este tiempo. Esto dificulta probar tu formulario de pago opcional.

Para ver tus transacciones, necesitarás activar el modo de prueba en Stripe iniciando sesión en tu panel de Stripe y luego seleccionando la pestaña ‘Pagos’.

Habilitar el modo de prueba en el panel de Stripe

A continuación, haz clic en el interruptor ‘Desarrolladores’ en la esquina superior derecha.

Una vez que hayas hecho eso, todos tus pagos de prueba aparecerán en el panel de Stripe para que puedas verificar que el formulario está funcionando correctamente.

Cuando estés satisfecho con la configuración del formulario, puedes comenzar a aceptar pagos reales yendo a WP Simple Pay » Formularios de Pago en el panel de WordPress.

Aquí, simplemente pasa el cursor sobre el formulario de pago opcional y haz clic en el enlace ‘Editar’.

Añadir un formulario de pago a WordPress usando shortcode

Ahora puedes continuar y seleccionar la pestaña ‘Pago’.

Luego, haz clic en el botón de opción junto a ‘Modo en vivo’.

Cómo poner WP Simple Pay en modo en vivo

Finalmente, es hora de hacer clic en ‘Actualizar’.

¡Felicidades! Tu formulario de pago ya está activo y listo para que empieces a aceptar dinero de tu audiencia.

Método 2. Usando WPForms (Ideal para pagos flexibles y opcionales)

A veces, es posible que quieras permitir que los clientes elijan cuánto dinero enviar como parte de un pago o donación.

Por ejemplo, podrías crear un modelo de ‘paga lo que quieras’. Otras veces, podrías querer recopilar detalles adicionales como parte del formulario o incluso permitir que los usuarios envíen contenido de pago a tu blog o sitio web.

Si buscas crear un formulario de pago flexible, necesitarás un plugin constructor de formularios avanzado.

WPForms es el mejor plugin constructor de formularios para WordPress. Puedes usarlo para crear rápidamente muchos formularios diferentes, incluyendo formularios de contacto, formularios de reserva y más.

Más de 6 millones de propietarios de sitios web usan WPForms, incluyendo el nuestro. Lo usamos para mostrar formularios de contacto, encuestas anuales y formularios de migración de sitios. Para saber más sobre el plugin, consulta nuestra extensa reseña de WPForms.

Usando este plugin, puedes crear un formulario que muestre diferentes campos dependiendo de si el cliente quiere enviarte un pago o no.

Para esta guía, usaremos WPForms Pro porque viene con complementos que facilitan la recopilación de pagos usando pasarelas de pago populares como Stripe y PayPal. Además, no hay tarifas de transacción adicionales.

También existe una versión WPForms Lite que es 100% gratuita. Te permite aceptar pagos de Stripe, pero hay una tarifa adicional del 3% por los pagos realizados a través de tus formularios.

Primero, necesitarás instalar y activar WPForms Pro. Si necesitas ayuda, consulta nuestra guía sobre cómo instalar un plugin de WordPress.

Tras la activación, dirígete a WPForms » Ajustes en tu panel de WordPress.

La configuración profesional de WPForms

Desde aquí, lo primero que debes hacer es ingresar tu clave de licencia en el campo ‘Clave de licencia’. Puedes encontrar esta información en tu cuenta de WPForms.

Después de activar el plugin de WPForms, necesitarás instalar al menos un complemento de pago.

Para animar a los visitantes a pagar por tu producto o servicio, es posible que desees configurar varios complementos para que los visitantes puedan pagar utilizando su método favorito.

Para instalar uno o más complementos de pago, simplemente ve a WPForms » Complementos. En la siguiente pantalla, podrás encontrar el complemento de pago que deseas usar.

WPForms te permite aceptar pagos usando Stripe, Square, PayPal y Authorize.net. Para empezar a aceptar pagos, simplemente haz clic en el botón ‘Instalar complemento’ para tu complemento de pago preferido.

Por ejemplo, si deseas aceptar pagos usando PayPal. Entonces, puedes hacer clic en el botón ‘Instalar complemento’ del complemento estándar de PayPal.

El complemento PayPal de WPForms

Después de activar uno o más complementos de pago, el siguiente paso es conectar WPForms a la cuenta de pago relacionada. Por lo tanto, si instalaste el complemento de Square, entonces necesitarás conectar WPForms a tu cuenta de Square.

Para hacer esta conexión, ve a WPForms » Configuración. Luego puedes hacer clic en ‘Pagos’.

La configuración de pagos de WPForms

En esta pantalla, verás un botón ‘Conectar con…’ para cada complemento de pago que hayas instalado.

Aquí, simplemente haz clic en el botón ‘Conectar con…’. Esto iniciará un asistente de configuración, que te guiará a través del proceso de conexión de WPForms a tu cuenta de pago.

Conectar WPForms a Square

Simplemente repite estos pasos para cada complemento de pago que desees usar.

Tan pronto como hayas hecho eso, haz clic en el botón ‘Guardar configuración’ en la parte inferior de la pantalla. Luego, dirígete a WPForms » Agregar nuevo.

Crear un nuevo formulario de WordPress

Aquí, escribe un nombre para tu formulario en el campo ‘Nombre de tu Formulario’.

Los visitantes de tu sitio no verán el nombre, así que es solo para tu referencia.

Crear un formulario de pago usando WPForms

WPForms tiene más de 2,000 plantillas diferentes, por lo que puedes empezar rápidamente y crear todo tipo de formularios.

Para examinar una plantilla más de cerca, pasa el mouse sobre ella. Luego, haz clic en el botón ‘Ver demostración’.

Previsualizar una plantilla de pago con tarjeta de crédito

Para esta guía, usaremos la plantilla 'Formulario de contacto simple', pero puedes agregar un campo de pago a cualquier plantilla de WPForms.

Cuando encuentres una plantilla que quieras usar, simplemente haz clic en su botón 'Usar plantilla'. Esto iniciará el constructor de formularios de arrastrar y soltar de WPForms.

La plantilla de formulario de contacto simple de WPForms

La plantilla 'Formulario de contacto simple' ya tiene campos donde los clientes pueden escribir su nombre, dirección de correo electrónico y mensaje.

Así que, a continuación, necesitamos agregar un campo donde los visitantes puedan decidir si quieren enviarte un pago. La forma más fácil de hacer esto es usando un campo de 'Opción múltiple'.

En el menú de la izquierda, busca el campo 'Opción múltiple' y luego agrégalo a tu formulario usando arrastrar y soltar.

El campo 'múltiple opción' de WPForms

Luego, necesitaremos cambiar la etiqueta que WPForms muestra en la parte superior de la sección 'Opción múltiple'.

Este es el lugar perfecto para preguntar a los visitantes si quieren enviarte un pago. Por ejemplo, podrías usar '¿Te gustaría enviarnos una donación?' o '¿Quieres apoyar este sitio web?'

Para cambiar la etiqueta predeterminada, simplemente haz clic para seleccionar la sección 'Opción múltiple' en tu formulario. El menú de la izquierda ahora mostrará todas las configuraciones que puedes usar para personalizar esta sección.

En el menú de la izquierda, elimina el texto de marcador de posición 'Opción múltiple' en el campo 'Etiqueta'. Luego puedes escribir el nuevo texto que deseas usar.

Un formulario de WordPress con una sección de pago opcional

Por defecto, la sección 'Opción múltiple' tiene tres opciones, pero solo necesitamos dos.

Para eliminar una de estas opciones, haz clic en el botón '-' junto a ella.

Eliminar campos de WPForms

El siguiente paso es personalizar el texto para 'Primera opción' y 'Segunda opción'.

En el menú de la izquierda, simplemente elimina el texto de marcador de posición y escribe el texto que deseas usar en su lugar. Por ejemplo, podrías escribir 'Sí, quiero apoyar el sitio web' y 'No, gracias.'

Añadir un pago opcional a un formulario de WordPress

Al crear formularios de WordPress con una opción de pago, es posible que desees permitir que los visitantes decidan cuánto dinero enviarte.

Para hacer esto, simplemente haz clic en la pestaña 'Agregar campos' en el menú de la izquierda. Luego, arrastra y suelta un campo de 'Artículo único' en tu formulario.

Añadir un campo de 'un solo elemento' a un formulario de WordPress

Para personalizar este campo, simplemente haz clic en él.

Por defecto, el campo muestra la etiqueta 'Un solo artículo'. Puedes reemplazar esta etiqueta con tu propio texto escribiendo en el campo 'Etiqueta' en el menú de la izquierda.

Por ejemplo, es posible que desees escribir texto como 'Quiero enviarte...' o 'Monto de la donación'.

Personalizar un formulario de WordPress

A continuación, abre el menú desplegable 'Tipo de artículo' y haz clic en 'Definido por el usuario'.

Los visitantes ahora podrán escribir cualquier valor en este campo y enviarte esa cantidad de dinero.

Añadir un campo definido por el usuario a un formulario de WordPress

También es posible que desees sugerir la cantidad de dinero que te gustaría recibir. Esto puede facilitar que los visitantes completen tu formulario, ya que pueden hacer clic para elegir una cantidad en lugar de tener que tomar esta decisión por sí mismos.

Para agregar algunas sugerencias a tu formulario, simplemente arrastra y suelta un campo de 'Artículos múltiples' en tu formulario de WordPress.

Formulario de pago de WordPress

Luego, procede a personalizar la etiqueta de la sección y el texto de las opciones siguiendo el mismo proceso descrito anteriormente.

Una vez que hayas hecho eso, deberás establecer un precio para cada opción escribiendo el valor en el campo que se encuentra junto a ella.

Un formulario de WordPress con un pago opcional

Por defecto, la sección 'Artículos múltiples' tiene tres opciones. Para agregar más opciones, simplemente haz clic en el ícono '+'.

Luego puedes personalizar el texto de la nueva opción y escribir un valor siguiendo el mismo proceso descrito anteriormente.

Añadir opciones de pago a un formulario de WordPress

¿Quieres eliminar una opción de la sección de Artículos múltiples en su lugar?

Para hacer esto, simplemente haz clic en su botón '-'.

Eliminar campos de un formulario de WordPress

Después de agregar algunos campos, puedes cambiar el orden en que aparecen en tu formulario arrastrándolos y soltándolos.

Una vez que hayas hecho todo eso, deberás agregar al menos una opción de pago a tu formulario.

En el menú de la izquierda, deberás desplazarte hacia abajo en el panel para encontrar la sección 'Campos de pago'.

Aquí encontrarás campos para todos los diferentes complementos de pago que instalaste. Para agregar una opción de pago a tu formulario, puedes simplemente hacer clic en tu opción preferida. El campo aparecerá entonces en la vista previa en vivo.

Por ejemplo, aquí, agregamos el campo 'Tarjeta de crédito de Stripe' a nuestro formulario.

Añadir campos de pago a un formulario de WordPress

Después de agregar un campo de opción de pago, es hora de personalizarlo. Simplemente haz clic en el campo de pago y WPForms te mostrará todas las configuraciones que puedes usar para configurar este campo.

Por ejemplo, si haces clic en el campo 'Tarjeta de crédito de Stripe', podrás editar la etiqueta, agregar una descripción y activar el botón 'Requerido'.

Configurar el pago de Stripe en WordPress

Ahora, solo queremos mostrar el campo de pago a los visitantes que elijan enviarte un pago. Para hacer esto, necesitarás habilitar lógica condicional para tu campo de pago.

Primero, puedes seleccionar el campo de pago en tu formulario. Luego, simplemente haz clic en la pestaña 'Lógica inteligente' en el menú de la izquierda.

Una vez que hayas hecho eso, haz clic en el control deslizante 'Habilitar lógica condicional' para cambiarlo de gris (inactivo) a azul (activo).

Añadir lógica condicional a un formulario de WordPress

A continuación, necesitamos indicarle a WPForms que solo muestre el campo de pago si el visitante selecciona tu opción 'Sí, quiero apoyar el sitio web'.

Para hacer esto, asegúrate de que el menú desplegable 'este campo si' esté configurado en 'Mostrar'.

Luego, querrás hacer clic en 'Seleccionar campo' y elegir '¿Quieres apoyar el sitio web?'.

Creando un formulario de WordPress con lógica condicional

En el siguiente menú desplegable, puedes hacer clic en 'es'.

Finalmente, abre el menú desplegable que muestra 'Seleccionar opción' y elige el campo 'Sí, quiero apoyar el sitio web'.

Configuración de lógica inteligente de WPForms

En la imagen de arriba, le estamos diciendo a WPForms que solo muestre el campo de pago cuando un visitante confirma que quiere apoyar el sitio web.

Agregar métodos de pago a WPForms

El siguiente paso es habilitar los pagos para el formulario. Para hacerlo, querrás hacer clic en la pestaña 'Pagos' en el menú de la izquierda.

Ahora verá todas las diferentes opciones de pago que puede habilitar para el formulario.

Configurando pagos con PayPal con WPForms

Para empezar, simplemente haga clic en la opción de pago que desea configurar.

Después de eso, solo marque la casilla junto a ‘Habilitar….’

Dependiendo de la opción de pago, es posible que necesite configurar algunos ajustes adicionales. Por ejemplo, si está habilitando PayPal, deberá escribir la dirección de correo electrónico donde desea recibir sus pagos.

Habilitando pagos con PayPal en WPForms

También querrá usar reglas de lógica condicional con sus configuraciones de pago.

Para usar la lógica condicional, haga clic en el control deslizante ‘Habilitar lógica condicional’. Luego, abra el menú desplegable ‘este cargo si’ y seleccione ‘No procesar’.

Creando reglas de lógica condicional para pagos de WordPress

Una vez que haya hecho eso, proceda a abrir el menú desplegable que muestra ‘Seleccionar campo’ por defecto. Ahora puede elegir su campo ‘¿Desea apoyar este sitio web?’ o uno similar.

Luego, asegúrese de que el siguiente menú desplegable esté configurado en ‘es’.

Creando un formulario de pago opcional con lógica condicional

Después de haber hecho eso, está listo para abrir el menú desplegable ‘Seleccionar opción’ y hacer clic en el campo ‘No, gracias’ o uno similar.

Ahora, su sitio se negará a procesar cualquier pago si el visitante elige la opción ‘No, gracias’, sin importar lo que escriban en el resto de su formulario.

Configuración de lógica condicional de WPForms

Si está ofreciendo una opción de pagos, simplemente repita el proceso anterior marcando la casilla ‘Habilitar’ y luego configurando cualquier ajuste adicional. También puede habilitar la lógica condicional.

En la siguiente captura de pantalla, puede ver que Stripe tiene configuraciones diferentes en comparación con PayPal, por lo que siempre vale la pena revisar estos ajustes adicionales cuidadosamente.

Configurando pagos con Stripe con WPForms

Una vez que haya hecho eso, es una buena idea habilitar envíos de formularios AJAX. Esto permite a los usuarios enviar el formulario de pago sin recargar toda la página.

Para habilitar los envíos AJAX, simplemente ve a Configuración » General.

Editando la configuración de WPForms

Luego, simplemente haga clic para expandir la sección ‘Avanzado’.

Después de eso, puede proceder a marcar la casilla ‘Habilitar envío de formularios AJAX’.

Habilitar envíos AJAX

Cuando esté satisfecho con el aspecto de su formulario de WordPress, proceda a guardar sus cambios.

Para hacer esto, solo haz clic en el botón ‘Guardar’ en la parte superior de la pantalla.

Guardando tu formulario de WPForms

Por defecto, WPForms enviará un correo electrónico a tu administrador de WordPress cada vez que alguien envíe este formulario. Sin embargo, es posible que solo desees recibir una notificación cuando alguien elija enviarte un pago.

Para cambiar la configuración de correo electrónico predeterminada de WPForms, haz clic en la pestaña ‘Configuración’. Luego, procede a hacer clic en ‘Notificaciones’ en el menú de la izquierda.

Creando notificaciones para tus formularios de WordPress

Ahora, desplázate hasta la parte inferior de la pantalla y haz clic en el control deslizante ‘Habilitar lógica condicional’.

Tan pronto como actives el control deslizante, WPForms mostrará algunas configuraciones adicionales.

Creando correos electrónicos y notificaciones con lógica condicional

A continuación, asegúrate de que el menú desplegable ‘esta notificación si’ esté configurado en ‘Enviar’.

Después de haber hecho eso, abre el menú desplegable que muestra ‘Seleccionar campo’ por defecto y haz clic en ‘¿Quieres apoyar el sitio web?’ o un campo similar.

A continuación, querrás asegurarte de que el menú desplegable esté configurado en ‘es’.

Creando un formulario de WordPress con un pago opcional

Ahora, puedes abrir el menú desplegable que muestra ‘Seleccionar opción’ por defecto.

El paso final es elegir ‘Sí, quiero apoyar el sitio web’ o un campo similar.

Habilitando la lógica condicional en WPForms

Cuando estés satisfecho con estos cambios, no olvides hacer clic en el botón ‘Guardar’.

También tienes la opción de enviar estos mensajes a cualquier otra dirección de correo electrónico o incluso a varias direcciones. Por lo tanto, cuando habilites estas configuraciones, WPForms enviará todos los correos electrónicos a la dirección de correo electrónico del administrador de WordPress, junto con otros correos electrónicos registrados.

Para cambiar la configuración predeterminada, busca el campo ‘Enviar a la dirección de correo electrónico’. Por defecto, esto está configurado en {admin_email}. Este es un valor dinámico que le dice a WordPress que envíe sus correos electrónicos al administrador de tu WordPress.

Puedes reemplazar este texto dinámico con cualquier otra dirección de correo electrónico escribiendo la nueva dirección en el campo ‘Enviar a la dirección de correo electrónico’.

Si desea enviar correos electrónicos a varias personas, simplemente separe cada dirección con una coma, como puede ver en la siguiente captura de pantalla.

Creando notificaciones por correo electrónico

Por defecto, WPForms utiliza 'Nueva entrada' y el nombre de su formulario para la línea de asunto del correo electrónico.

Si desea utilizar algo más, simplemente escriba el nuevo texto en 'Línea de asunto del correo electrónico'.

Creando una línea de asunto personalizada para WPForms

Otra opción es usar texto dinámico en el asunto de su correo electrónico. Para hacer esto, haga clic en el enlace 'Mostrar etiquetas inteligentes' y luego elija una etiqueta de la lista 'Campos disponibles'.

Ahora, cuando WPForms cree sus correos electrónicos, reemplazará automáticamente las etiquetas inteligentes con los valores tomados del formulario enviado. Por ejemplo, si hace clic en 'Monto total', WPForms mostrará el pago total en la línea de asunto de su correo electrónico.

Etiquetas inteligentes de WPForms

También puede cambiar el texto que se incluye en el cuerpo del correo electrónico.

Una vez más, tiene la opción de usar etiquetas inteligentes para crear un correo electrónico más informativo.

Usando texto dinámico con WPForms

Después de crear sus notificaciones de correo electrónico personalizadas, querrá asegurarse de que se envíen a la bandeja de entrada del destinatario y no a la carpeta de spam.

La mejor manera de hacerlo es utilizando un proveedor de servicios SMTP junto con WP Mail SMTP para mejorar la entregabilidad del correo electrónico.

Para más detalles, consulte nuestra guía sobre cómo solucionar el problema de que WordPress no envía correos electrónicos.

También puede que desee mostrar un mensaje de confirmación a sus clientes.

Por ejemplo, podrías confirmar que has recibido su formulario de forma segura o mostrarles un mensaje personalizado de ‘Gracias’. WPForms mostrará este mensaje automáticamente cada vez que un cliente envíe el formulario de WordPress.

Para configurar este mensaje, haz clic en la pestaña ‘Confirmaciones’. Luego, simplemente abre el menú desplegable ‘Tipo de confirmación’ y elige ‘Mensaje’.

Mostrando un mensaje de confirmación de formulario personalizado

Si deseas mostrar el mismo texto a todos los visitantes, puedes simplemente escribir tu texto en el cuadro ‘Mensaje de confirmación’.

Otra opción es crear un mensaje personalizado agregando etiquetas inteligentes, siguiendo el mismo proceso descrito anteriormente.

En lugar de mostrar un mensaje, podrías preferir mostrar una página en particular o redirigir a los visitantes a otra URL. Para hacer esto, simplemente abre el menú desplegable ‘Tipo de confirmación’.

Ahora puedes elegir entre ‘Mostrar página’ o ‘Ir a URL’.

Cambiando la configuración de confirmación de pago

Después de eso, puedes usar la configuración para configurar la página o URL que WPForms mostrará después de que el cliente envíe el formulario.

Cuando estés satisfecho con esta configuración, no olvides guardar tus cambios haciendo clic en el botón ‘Guardar’.

Una vez hecho esto, ya estás listo para agregar este formulario a tu sitio web.

Para publicar tu formulario, simplemente abre la página o publicación donde deseas mostrar el formulario. Luego, haz clic en el ícono más ‘+’.

En la ventana emergente que aparece, escribe ‘WPForms’ para encontrar el bloque correcto. Tan pronto como hagas clic en el bloque de WPForms, se agregará el bloque a tu página.

El bloque WPForms de WordPress

En tu nuevo bloque, haz clic para abrir el menú desplegable.

Ahora verás una lista de todos los formularios que has creado usando WPForms. Simplemente haz clic para seleccionar el formulario de WordPress con una opción de pago.

El bloque de WordPress de WPForms

WPForms ahora mostrará una vista previa de cómo se verá tu formulario directamente en el editor de WordPress.

También puedes previsualizar la página completa haciendo clic en el botón ‘Vista previa’ en la barra de herramientas.

Formulario de WordPress con opción de pago

Cuando estés satisfecho con el aspecto de tu formulario, puedes publicar o actualizar esta página como de costumbre.

Ahora, si visitas esta página o publicación, verás el formulario de pago opcional en vivo en tu sitio web de WordPress.

Alternativa: Si prefieres agregar múltiples opciones de pago, puedes consultar nuestra guía sobre cómo permitir a los usuarios elegir un método de pago en formularios de WordPress.

Preguntas Frecuentes: Formularios de Pago de WordPress

Aquí hay algunas preguntas frecuentes de nuestros lectores sobre la creación de formularios de WordPress con una opción de pago:

¿Cómo cobro pagos de forma segura en WordPress?

Para mantener los pagos seguros en tu sitio de WordPress, puedes seguir estos pasos esenciales:

  • Habilita SSL/HTTPS – Esto cifra los datos entre tu sitio y los navegadores de los visitantes. La mayoría de las empresas de hosting ofrecen un certificado SSL gratuito, así que actívalo antes de aceptar pagos.
  • Usa plugins de pago confiables – Plugins como WPForms o WP Simple Pay utilizan campos de pago seguros y embebidos para que los datos sensibles nunca toquen tu servidor.
  • Prueba primero en modo sandbox – La mayoría de las pasarelas ofrecen modos de prueba que te permiten simular transacciones antes de salir en vivo.
  • Excluye los scripts de pago del caché – Si estás usando un plugin de caché, excluye archivos como wpforms.min.js para asegurar que los formularios se carguen correctamente y los tokens permanezcan seguros.

Estos pasos crean un entorno seguro para tus usuarios y ayudan a prevenir problemas de pago.

¿Cómo pruebo los pagos antes de salir en vivo?

La mayoría de los plugins y pasarelas de pago, como Stripe o PayPal, ofrecen un modo de prueba o sandbox. Esto te permite realizar transacciones de prueba con números de tarjeta ficticios para asegurarte de que todo funciona antes de aceptar pagos reales.

Puedes verificar cosas como envíos de formularios, notificaciones por correo electrónico y registros de pagos para asegurar una experiencia fluida para los usuarios.

Para una guía paso a paso, consulta nuestro tutorial detallado sobre cómo probar pagos de Stripe en WordPress.

¿Dónde puedo incrustar mi formulario de pago en mi sitio?

La ubicación de tu formulario de pago puede marcar una gran diferencia en cuántos usuarios completan el pago. Aquí tienes algunos lugares populares a considerar:

  • Páginas de pago dedicadas o páginas de destino: Funcionan bien si quieres centrar la atención del usuario en completar el pago sin distracciones.
  • Páginas de productos, publicaciones de blog o barras laterales: Perfectas para donaciones rápidas, registros o cuando quieres combinar el formulario de pago con otro contenido.
  • Pies de página: Una buena opción para contribuciones pequeñas u ofertas de suscripción que no necesitan una gran llamada a la acción.
  • Páginas externas o alojadas: Por ejemplo, Stripe Checkout redirige a los usuarios a una página de pago segura y alojada si prefieres ese enfoque.

Puedes agregar tu formulario usando un shortcode o un bloque de Gutenberg. Recomendamos experimentar con la ubicación para ver qué lugar te da mejores resultados.

Esperamos que este artículo te haya ayudado a aprender cómo crear formularios de WordPress con opción de pago. También te puede interesar consultar nuestras guías sobre cómo crear un formulario de donación recurrente y cómo personalizar y estilizar tu formulario de WordPress.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Descargo de responsabilidad: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Consulta cómo se financia WPBeginner, por qué es importante y cómo puedes apoyarnos. Aquí está nuestro proceso editorial.

El Kit de herramientas definitivo para WordPress

Obtén acceso GRATUITO a nuestro kit de herramientas: ¡una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Interacciones del lector

2 CommentsLeave a Reply

  1. Soy propietaria de una pequeña empresa y planeo crear una forma fácil de aceptar pagos en mi sitio web sin configurar un carrito de compras complejo. Has explicado cada paso claramente con imágenes de una manera fácil de entender. Gracias.

Deja una respuesta

Gracias por elegir dejar un comentario. Ten en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de comentarios, y tu dirección de correo electrónico NO será publicada. Por favor, NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.