Tipos de formularios de pago: incrustado vs. superposición vs. Stripe Checkout

¿Has querido aprender más sobre los diferentes tipos de formularios de pago?

Los formularios de pago son uno de los elementos más importantes en tu sitio de comercio electrónico. Son el último punto que alcanzan tus visitantes antes de convertirse en clientes. Mientras que los formularios de pago bien diseñados proporcionarán una experiencia de pago sin fricciones y, en última instancia, aumentarán las tasas de conversión, los formularios de pago mal diseñados confundirán a los visitantes y provocarán altas tasas de abandono del carrito.

Cuando se trata de mostrar formularios de pago en tu sitio de WordPress, tienes algunas opciones.

• Formularios incrustados: Formularios que se muestran directamente en una página de tu sitio.
• Superposición modal: Formularios que se muestran como una superposición emergente en tu sitio.
• Páginas de pago alojadas: Formularios externos que se muestran en una página de pago alojada.

En este artículo, repasaremos las ventajas y desventajas de cada tipo de formulario para ayudarte a decidir cuál es el mejor para tu sitio.

Opciones de visualización del formulario de pago

Si utilizas WP Simple Pay, el plugin de pagos de Stripe n.º 1 para WordPress, para aceptar pagos en tu sitio, puedes seleccionar tu tipo de formulario preferido en la pestaña General del constructor de formularios de pago.

Puedes elegir Formulario de pago en el sitio, Formulario de pago de Stripe externo o marcar la casilla Abrir en una superposición modal.

Ten en cuenta que estas configuraciones se aplican a cada formulario. Puedes tener varios formularios de pago en tu sitio que se muestren de manera diferente. WP Simple Pay te facilita ajustar el Tipo de formulario para formularios de pago individuales en el constructor de formularios.

Formulario de pago incrustado

Un formulario incrustado es parte de una página web. Muestra todos los campos en la propia página. Los usuarios no tienen que hacer clic en nada para que aparezca el formulario ni navegar hasta él porque siempre es visible.

Aquí tienes un ejemplo:

Puedes incrustar un formulario de pago donde quieras en una página. Podrías decidir colocarlo a un lado del texto de tu página, ponerlo encima de una imagen atractiva o insertarlo en tu barra lateral.

Ventajas de los formularios incrustados

• Los usuarios pueden encontrarlos rápidamente porque están directamente en la página.
• Los usuarios no tienen que dar ningún paso adicional para acceder a ellos.
• Se pueden estilizar o reorganizar como desees.
• En WP Simple Pay, utilizan el Elemento de pago de Stripe para proporcionar validación en tiempo real y recopilar de forma segura los detalles de pago.

Desventajas de los formularios incrustados

• Ocupan espacio en la página que podrías querer usar para otros elementos.
• Se cargan inmediatamente, lo que podría ralentizar el tiempo de carga de tu página.
• Es posible pasarlos por alto si tienes muchas cosas sucediendo en la página.
• Los usuarios pueden distraerse y navegar a otra parte antes de usar el formulario.

Formulario de pago superpuesto

Los formularios de pago superpuestos aparecen cuando un usuario hace clic en un botón de llamada a la acción en una página de tu sitio, que normalmente dice algo como "Comprar ahora" o "Finalizar compra ahora".

Una vez que el formulario está activo, todo lo demás en la página es inaccesible a menos que cierren el formulario.

Observe cómo el resto de la página se oscurece, lo que le permite centrarse en el formulario de pago.

Ventajas de los formularios superpuestos

• Es imposible pasarlos por alto porque aparecen en primer plano. El resto de la página se oscurece para indicar que no está disponible.
• Se pueden estilizar o reorganizar como desees.
• En WP Simple Pay, utilizan el elemento de pago de Stripe para proporcionar validación en tiempo real y recopilar de forma segura los detalles de pago.

Desventajas de los formularios superpuestos

• A algunos usuarios simplemente no les gustan las ventanas emergentes de ningún tipo y las cierran inmediatamente.
• Los usuarios tienen que hacer clic en un botón para que aparezca la superposición.
• Es posible que los usuarios no noten el botón de pago si no se hace lo suficientemente obvio.
• Crean un paso adicional en el que los usuarios pueden abandonar el proceso de pago.

Formulario de pago de Stripe Checkout

Stripe Checkout es una página alojada por el servicio de Checkout de Stripe. Los usuarios son llevados a una nueva página en el dominio de Stripe. La información de su pedido se muestra a la izquierda. Un formulario de pago típico aparece a la derecha.

Puede ver una demostración en vivo aquí. La página de Stripe Checkout no se puede personalizar más allá de lo visto en esta página, ya que está controlada por Stripe. Si necesita un mayor nivel de personalización, deberá optar por un formulario incrustado o superpuesto.

Para personalizar este formulario, puede hacerlo fácilmente navegando a la pestaña Stripe Checkout en WP Simple Pay. Aquí es donde puede configurar todas las opciones disponibles para las páginas de pago alojadas por Stripe.

Si desea cambiar el color del fondo de Stripe Checkout y el botón de pago, deberá cambiar el color en la sección Branding de su Panel de control de Stripe. Puede acceder fácilmente a esta página directamente desde la pestaña Stripe Checkout haciendo clic en el enlace Configuración de marca.

¿Quiere añadir campos personalizados a su formulario de pago de Stripe Checkout? Consulte nuestra guía paso a paso.

Ventajas de Stripe Checkout

• Mucha gente confía en Stripe, lo que mejora las conversiones cuando ven el logotipo de Stripe.
• La página de Stripe es limpia y sencilla. No hay nada que distraiga a los usuarios de la compra.
• Los usuarios son redirigidos de vuelta a su sitio después de completar su compra.
• Apple Pay y Google Pay están habilitados por defecto, por lo que los usuarios pueden pagar con su método de pago preferido.

Desventajas de Stripe Checkout

• Los usuarios son enviados a una nueva página, lo que puede ser confuso.
• Es posible que los usuarios no noten el botón de pago si no se hace lo suficientemente obvio.

¿Qué tipo de formulario de pago es el adecuado para usted?

Ahora que comprende las tres opciones de visualización de formularios de pago, deberá decidir cuál es la adecuada para su sitio.

Funcionalmente, no hay diferencia entre el formulario incrustado y el formulario superpuesto. El formulario superpuesto simplemente se incrusta en un elemento que solo aparece cuando el usuario hace clic en un botón. El mismo formulario, diferente ubicación.

Stripe Checkout funciona de manera un poco diferente porque aparece en otra página. Pero en última instancia, todos hacen lo mismo: Aceptar fondos del cliente y ponerlos en su cuenta.

Por lo tanto, al elegir una opción de visualización del formulario de pago, deberás tener en cuenta dos factores:

1. El diseño de tu sitio

¿Qué tipo de formulario queda mejor en tu sitio? ¿Tienes espacio para incrustar un formulario en una de tus páginas de destino, o eso abarrotaría la página? Si tienes una página de destino existente sin espacio para un formulario de pago, añadir una superposición suele ser más limpio.

Ten en cuenta que puedes añadir tu formulario de pago en cualquier lugar de tu sitio, no solo en el área de contenido de una página o una entrada. También puedes incluirlo en tu pie de página, barra lateral o encabezado.

Por ejemplo, muchas organizaciones sin ánimo de lucro y organizaciones benéficas añaden un botón de donación a su encabezado, lo que permite a los visitantes donar desde cualquier página.

2. Optimización de conversiones

A continuación, considera qué tipo de formulario animará a más conversiones. Pregúntate con qué tipo de formulario es más probable que interactúen tus clientes. Es posible que tengas que investigar a tus clientes.

Sinceramente, la mejor manera de determinar qué tipo de formulario maximizará las conversiones es probarlos entre sí. Puedes instalar un plugin de pruebas A/B para mostrar una versión de tu página de destino a la mitad de tu tráfico y una segunda versión a la otra mitad. Cada página debe tener un tipo de visualización de formulario de pago diferente. Si tienes mucho tráfico, puedes probar las tres versiones a la vez. Luego, revisa los resultados después de 30-60 días.

Reflexiones finales

Ahora que entiendes los tres tipos diferentes de formularios de pago que puedes usar en tu sitio, elige el que sea adecuado para tu negocio y tus clientes.

Piensa detenidamente en esta decisión. Puede que sea solo un formulario, pero representa un punto importante en tu relación con tus clientes.

Si te ha gustado este artículo, también te puede interesar consultar nuestras guías sobre cómo optimizar tus páginas de producto para aumentar las ventas y cómo crear formularios de pago perfectos en WordPress.

¿A qué está esperando? ¡Empiece hoy mismo con WP Simple Pay!

Para leer más artículos como este, síguenos en X.