Cómo añadir pago con código QR de Stripe en WordPress

¿Está buscando una manera de añadir un código QR para los pagos de Stripe en su sitio web de WordPress?

Los códigos QR, o códigos de respuesta rápida, son un tipo de código de barras que los usuarios pueden escanear utilizando sus teléfonos móviles. Puede mostrar un formulario de pago de Stripe utilizando códigos QR para ayudar a los clientes a comprar fácilmente un producto o servicio.

En este artículo, le mostraremos cómo añadir el pago por código QR de Stripe en WordPress.

¿Por qué añadir el pago con código QR de Stripe en WordPress?

Stripe es una popular pasarela de pago que te permite aceptar pagos online en tu sitio WordPress o tienda de comercio electrónico. Hace que sea muy fácil para los clientes a pagar con sus tarjetas de crédito.

Lo mejor es que los clientes no tienen que pasar por un largo proceso de registro. Basta con que introduzcan su tarjeta de crédito en el sitio web para realizar la compra.

Añadir pagos con código QR de Stripe a su sitio ofrece a los clientes la flexibilidad de completar una compra rápidamente. Los clientes pueden simplemente explorar el código para abrir el enlace de pago.

Esto hace que el proceso de finalizar compra / pago sea muy sencillo y rápido. Ayuda a la gente a comprar fácilmente un producto y un servicio en su tienda en línea. Como resultado, aumentarán las conversiones y se reducirán los abandonos de carrito.

Dicho esto, veamos cómo puede añadir un código QR de pago de Stripe a su sitio web de WordPress.

Crear un formulario de pago de Stripe en WordPress

En primer lugar, tendrá que añadir un formulario de pago de Stripe en su sitio web para aceptar pagos en línea de los clientes.

La mejor manera de hacerlo es usando WPForms. Es el mejor plugin de formulario de contacto para WordPress que es super fácil de usar y se integra fácilmente con Stripe. Hay muchas plantillas de formularios para elegir, y puedes personalizarlas usando el maquetador de arrastrar y soltar.

Para este tutorial, necesitará la licencia WPForms Pro porque incluye el complemento Stripe. También hay una versión WPForms Lite que puede utilizar de forma gratuita. Le permite aceptar pagos de Stripe, pero hay una tarifa de transacción del 3% para los pagos realizados a través de sus formularios.

Para empezar, necesitará descargar e instalar el plugin WPForms. Si necesita ayuda, consulte nuestra guía sobre cómo instalar un plugin de WordPress.

Tras la activación, puede ir a WPForms ” Ajustes desde su escritorio de WordPress e introducir la clave de licencia. Puede encontrar la clave en el área de su cuenta en el sitio web de WPForms.

Basta con introducir la clave y hacer clic en el botón “Verificar clave”.

Una vez hecho esto, tendrá que ir a la página WPForms ” Extensiones e instalar la extensión Stripe.

Siga adelante y haga clic en el botón ‘Instalar extensión’, y WPForms la instalará y activará automáticamente.

Desde aquí, puede dirigirse a WPForms ” Configuración desde el panel de administración de WordPress e ir a la pestaña ‘Pagos’.

A continuación, simplemente haga clic en el botón “Conectar con Stripe” y siga las instrucciones en pantalla para conectar su cuenta con WPForms.

Una vez que Stripe está conectado, puede ir a WPForms ” Añadir nuevo para crear un nuevo formulario.

WPForms ofrece muchas plantillas de formularios entre las que elegir. Puede seleccionar un formulario de contacto simple, un formulario de pedido o un formulario de pago de Stripe y personalizarlo.

Para este tutorial, utilizaremos la plantilla ‘Formulario de pago de Stripe’.

A continuación, puede personalizar su formulario utilizando el editor de arrastrar y soltar. Por defecto, verás diferentes campos de formulario en la plantilla.

Sin embargo, WPForms le permite añadir más campos de formulario a la plantilla, como un desplegable, casillas de verificación, correo electrónico, teléfono, dirección, sitio web y más.

También puede hacer clic en cualquier campo de formulario de la plantilla para personalizarla aún más.

Por ejemplo, cambiamos el texto de cada elemento en su formulario de demostración y activamos la opción de mostrar los precios después de la etiqueta del elemento.

Una vez que haya terminado de editar el formulario, simplemente cambie a la pestaña “Pagos” y seleccione “Stripe” en el menú de la izquierda.

Desde aquí, asegúrese de que la opción “Activar pagos de Stripe” está activada.

A continuación, puedes cambiar a la pestaña de ajustes. Aquí verás opciones para cambiar los ajustes de aviso y confirmación.

Por ejemplo, puede seleccionar qué acción debe tener lugar una vez que un usuario envía un formulario. WPForms le permite mostrar un mensaje o una página o incluso redirigir a los usuarios a una URL.

Ya está listo para mostrar su formulario de pago de Stripe en su sitio web.

Sólo tienes que hacer clic en el botón “Guardar” para guardar los cambios e incrustarlos en la parte superior.

A continuación, WPForms mostrará una ventana emergente donde puede elegir una página existente o crear una nueva para incrustar su formulario.

Elegiremos la opción “Seleccionar página existente” para este tutorial.

A continuación, tendrás que introducir un nombre para tu nueva página.

Una vez hecho esto, basta con hacer clic en el botón “Let’s Go”.

Después de eso, verá una vista previa de su formulario de pago de Stripe en el editor de contenido de WordPress.

Puede publicar la página y visitar el sitio web para verla en acción.

Ahora, sigue adelante y copia el enlace a la página de tu formulario de pago, ya que lo necesitarás para crear un código QR.

Método alternativo: También puede crear un formulario de pago de Stripe utilizando WP Simple Pay. Es el mejor plugin de pago de Stripe para WordPress y le ayuda a cobrar los pagos en línea sin necesidad de establecer un carrito de compras.

WP Simple Pay es una opción más directa que WPForms. Es perfecta si solo buscas crear un formulario básico para aceptar pagos con tarjeta de crédito.

Sin embargo, si busca más opciones de personalización y plantillas de formularios, le recomendamos que utilice WPForms.

Para más detalles, puede consultar nuestra guía detallada sobre cómo aceptar pagos con Stripe en WordPress.

Añadir código QR para pagos Stripe en WordPress

Ahora que su formulario de pago de Stripe está listo, puede crear un código QR para él y mostrarlo en cualquier lugar de su sitio.

Hay dos formas de añadir un código QR a tu sitio. Puede utilizar la característica del navegador Google Chrome o utilizar un plugin de WordPress.

1. Crear códigos QR con Google Chrome

Si utilizas el navegador Google Chrome, puedes utilizarlo para compartir una página web mediante un código QR.

En primer lugar, deberá abrir la página del formulario de pago de Stripe en una nueva pestaña o ventana.

A continuación, puede hacer clic en el icono de compartir situado en la esquina superior derecha de la barra de direcciones del sitio. A continuación, seleccione la opción “Crear código QR”.

A continuación, Google Chrome generará un código QR para la página del formulario de pago de Stripe.

Puedes descargar el código QR como imagen.

A continuación, sólo tiene que colocar la imagen en cualquier lugar de su sitio.

Por ejemplo, puede mostrar el código QR en las páginas de productos para que los clientes puedan escanearlos rápidamente y abrir el formulario para realizar una compra.

2. Crear un código QR de pago de Stripe utilizando un plugin de WordPress.

Puedes añadir códigos QR a tu sitio usando un plugin de WordPress como Shortcodes Ultimate. Es un plugin gratuito que te permite crear más de 50 tipos diferentes de códigos cortos, incluyendo códigos QR. Puedes obtener más información en nuestro análisis detallado de Shortcodes Ultimate.

En primer lugar, tendrá que instalar y activar el plugin Shortcodes Ultimate. Si necesita ayuda, consulte nuestra guía sobre cómo instalar un plugin de WordPress.

Una vez activado, verá la pantalla de bienvenida de Shortcode Ultimate.

A continuación, tendrás que editar una página o entrada para añadir tu código QR.

Una vez que estés en el editor de contenido, simplemente añade un bloque shortcode.

A continuación, debería aparecer la opción “Insertar shortcode”.

Sólo tienes que hacer clic en el icono de los corchetes dobles para añadir tu código QR.

A continuación, el plugin mostrará diferentes opciones de shortcode para su sitio.

Seleccione la opción “Código QR”.

Después, verás opciones para introducir los detalles de tu código QR.

En el campo Datos, puede introducir la URL del formulario de pago de Stripe que creó anteriormente.

Además, existe la opción de introducir un título para el código, que actúa como texto alternativo. También puede ajustar el tamaño de su código QR.

Si se desplaza hacia abajo, verá más opciones para personalizar su código QR. Por ejemplo, puedes cambiar el color principal, el color de fondo y mucho más.

Una vez que hayas terminado, simplemente haz clic en el botón “Insertar shortcode”.

El plugin también le permite ver una vista previa en vivo del código en la entrada de su blog o página de destino.

Siga adelante y publique su página para ver el código QR del formulario de pago de Stripe en acción.

Esperamos que este artículo te haya ayudado a aprender cómo añadir el pago con código QR de Stripe en WordPress. Puede que también quieras ver nuestra guía sobre WooCommerce simplificado y cómo aceptar pagos recurrentes en WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.