¿Cómo agregar pagos de Square a WordPress? (Método fácil y confiable)

¿Quieres aprender cómo aceptar pagos de Square en tu sitio de WordPress? 

Square es una de las pasarelas de pago populares diseñada para usuarios móviles que facilita los pagos con tarjeta de crédito. 

Es perfecto para tiendas en línea y comerciantes que desean cobrar pagos de clientes directamente desde sus dispositivos móviles o ingresando la información de su tarjeta de crédito. 

Con la ayuda de un plugin de WordPress, también puedes conectar esta pasarela de pago a tu sitio web y vender cualquier tipo de producto con facilidad. 

En este tutorial, te mostraremos cómo agregar la pasarela de pago Square a tu sitio de WordPress en unos sencillos pasos. 

La forma más fácil de agregar pagos de Square a WordPress

Hay muchos plugins de pago disponibles en el mercado para integrar tu sitio con Square. Sin embargo, necesitas elegir uno que garantice pagos seguros y confiables. 

Si estás usando WooCommerce, entonces querrás usar el plugin Square para WooCommerce.

Sin embargo, en este tutorial, hemos elegido WPForms porque funciona para todo tipo de sitios de WordPress.

WPForms es el constructor de formularios de arrastrar y soltar #1 que te permite crear cualquier tipo de formulario de WordPress, como formularios de contacto, formularios de registro, formularios de pedido, formularios de donación y más. 

Una de las mejores cosas de WPForms es que ofrece una integración perfecta con pasarelas de pago populares como Stripe, PayPal y Square. Por lo tanto, puedes agregar fácilmente pagos de Square a formularios de WordPress sin ningún conocimiento de codificación. 

Para empezar, WPForms ofrece una biblioteca de plantillas donde puedes elegir entre una colección de plantillas de formularios prediseñadas. Encontrarás una plantilla de formulario para cada propósito, como suscripción a boletines, pagos, pedidos de productos y muchas más. 

Además, el constructor de formularios de WPForms es fácil de usar y muy intuitivo, por lo que puedes personalizar tus formularios como desees.

Puntos destacados: 

• Plantillas de formularios adaptables a dispositivos móviles
• Interfaz amigable para principiantes
• Notificaciones por correo electrónico y mensajes de confirmación personalizables
• Campos de formulario para comercio electrónico
• Opciones para configurar la moneda 
• Lógica condicional y formularios conversacionales
• Protección contra spam integrada
• Integración con servicios de marketing por correo electrónico 
• Panel de administración de entradas de formularios
• Y mucho más

Hay mucho que puedes hacer con WPForms. Te da acceso a muchas funciones y herramientas avanzadas para que puedas agregar más funcionalidades a tu sitio web de WordPress. 

Cuando se trata de la privacidad y seguridad de tus transacciones en línea, WPForms es la mejor opción. No almacena ninguna información de tarjeta de crédito de tus usuarios. Estos detalles se envían directamente a Square a través de tus formularios de facturación.

Dicho esto, aprendamos cómo agregar fácilmente pagos de Square a WordPress. 

Paso 1: Instalar y Activar el Plugin WPForms

Primero, necesitas registrarte para obtener una cuenta de WPForms. Hay una versión gratuita del plugin que puedes instalar desde el repositorio de WordPress.

Para aceptar pagos y configurar la moneda para tu sitio web, necesitas actualizar a un plan profesional. WPForms ofrece planes de precios adaptados para satisfacer los requisitos de diferentes usuarios y empresas. Por lo tanto, puedes elegir un plan que sea adecuado para ti. 

Después de registrarte, puedes acceder a tu panel de cuenta de WPForms. Aquí, abre la pestaña Descargas para encontrar tu archivo de descarga y clave de licencia. 

Necesitas descargar el archivo del plugin e instalarlo en tu sitio de WordPress. Si necesitas ayuda para instalar un plugin, consulta esta guía sobre cómo instalar un plugin de WordPress.

Una vez que instales y actives WPForms, dirígete a la pestaña WPForms » Configuración desde tu panel de WordPress. Ingresa tu clave de licencia aquí para activar tus funciones pro. 

Luego, haz clic en el botón Verificar clave y verás el mensaje de éxito de la verificación.

Ahora, necesitarás configurar el complemento de Square en tu sitio de WordPress. 

Paso 2: Instalar y Activar el Complemento de Square

Para conectarte con Square, necesitarás instalar el Complemento de Square de WPForms. Y puedes hacerlo navegando a la página WPForms » Complementos desde el panel de administración. 

Si te desplazas por esta página, encontrarás el complemento de Square. Todo lo que necesitas hacer es hacer clic en el botón Instalar complemento. 

Después de instalar y activar el complemento, dirígete a la página WPForms » Configuración y abre la pestaña Pagos. 

En esta página, verás la configuración para elegir la moneda y conectar tu cuenta de Square. 

Además, WPForms te permite habilitar el Modo de prueba para verificar tus transacciones de Square. De esta manera, puedes asegurarte de que no se realicen transacciones en vivo accidentalmente mientras conectas tu cuenta sandbox de Square y verificas si tu conexión está funcionando correctamente o no. 

Una vez que hayas terminado con la configuración, haz clic en el botón Guardar configuración. 

Ahora, estás listo para crear un formulario con la opción de pago de Square. 

Paso 3: Crea tu Formulario de Pago con Square 

Si no tienes un formulario existente, puedes crear uno nuevo simplemente haciendo clic en la pestaña WPForms » Añadir nuevo en el panel de administración. Esto iniciará la biblioteca de plantillas de formularios.

WPForms ofrece plantillas para cualquier tipo de formulario de WordPress, por lo que puedes elegir cualquiera de estas plantillas que se ajusten a tus requisitos. Puedes previsualizar las plantillas para tomar tu decisión. 

Para este tutorial, usaremos la plantilla Formulario de facturación/pedido. Incluye todos los campos necesarios para recopilar información y detalles de pago de los clientes. Incluso puedes usar el mismo formulario para crear un catálogo de productos y venderlos en WordPress. Esto es perfecto para pequeñas empresas que no quieren la molestia de administrar una tienda de comercio electrónico completa.

En la parte superior de la página, puedes ingresar un nombre para tu formulario y luego hacer clic en el botón Usar plantilla. 

Verás el creador de formularios de WPForms en la siguiente ventana. Todos los campos del formulario y las opciones de personalización se encuentran en el panel del menú izquierdo y la vista previa del formulario en el lado derecho del creador. 

Para insertar un nuevo campo en el formulario, simplemente arrástralo desde el menú izquierdo y colócalo en la vista previa del formulario. 

Dado que las plantillas de formularios de WPForms están diseñadas para estar listas para usar, no necesitas hacer cambios importantes. 

Si deseas personalizar algún campo existente, puedes hacer clic en el campo y verás las opciones del campo en el panel izquierdo. 

Por ejemplo, puedes editar el campo del formulario llamado Artículos disponibles en la plantilla del formulario. En “Opciones del campo”, puedes ingresar una etiqueta personalizada y variaciones de productos con los precios. 

Para mostrar los precios de tus productos en el front-end del formulario, habilita la opción Mostrar precio después de las etiquetas de los artículos. 

Otra gran característica de WPForms es que puedes agregar imágenes a tus artículos para que tus clientes tengan una idea de tus productos. Esto les ayuda a tomar sus decisiones de compra más rápido. 

Para hacer esto, necesitas habilitar la opción Usar selecciones con imágenes y luego subir las imágenes de tus productos.

WPForm recomienda usar imágenes de 250 x 250 px o menos de tamaño para una mejor calidad de imagen.

Una vez que hayas configurado tu catálogo de productos, haz clic en el botón Guardar en la parte superior del creador de formularios. 

A continuación, necesitas agregar el campo de Square en tu formulario y configurar los detalles de pago. 

Paso 4: Configurar pagos con Square

En el menú de la izquierda, puedes encontrar el campo Square de la sección Payment Fields. Arrastra y suelta el campo en la vista previa del formulario. 

Incluso puedes cambiar la etiqueta y la descripción del campo de pago si lo deseas. 

Con este método de pago, no hay un proceso de pago complicado. Los clientes pueden realizar sus pagos en línea de forma fácil y rápida.

Luego, navega a la pestaña Pagos en el panel del menú de la izquierda y verás diferentes opciones de pago dependiendo del complemento que instales.

Aquí, haz clic en Square y marca la opción Habilitar Pagos de Square allí. 

Ahora, puedes configurar los ajustes para tus pagos de Square. Verás opciones para:

• Descripción del pago: Ingresa una descripción para tu pago. Esto aparecerá en el estado de cuenta de la tarjeta de crédito o débito de tus clientes.
• Correo electrónico del comprador: Desde el menú desplegable, selecciona la opción Correo electrónico para enviar el recibo de pago a la dirección de correo electrónico ingresada por el cliente en el formulario de pedido. 
• Nombre de facturación: Desde el menú desplegable, selecciona la opción Nombre para identificar el nombre del cliente para el pago.
• Dirección de facturación: Selecciona la opción Dirección y WPForms autocompletará la dirección de facturación del cliente basándose en lo que ingresó en el formulario. 

No olvides hacer clic en Guardar para no perder tu progreso. 

Antes de publicar tu formulario de pago de Square en tu sitio, necesitas configurar las notificaciones y confirmaciones del formulario. 

Paso 5: Configurar Notificaciones y Confirmaciones

WPForms te permite controlar lo que sucede después de que un cliente realiza un pago exitoso con Square. Puedes configurar notificaciones por correo electrónico y confirmaciones para: 

• Enviarte a ti y a los miembros de tu equipo un correo electrónico con los detalles del pago
• Enviar a los clientes su información del formulario para confirmar su pago
• Mostrar un mensaje de agradecimiento después de que el pago se complete
• Redirigir a los clientes a una página diferente después de un pago exitoso

Estas configuraciones te ayudarán a optimizar tu flujo de trabajo y automatizar las tareas de seguimiento. 

Para las notificaciones por correo electrónico, abre la pestaña Configuración » Notificación desde el panel del menú de la izquierda dentro del constructor de formularios. 

Por defecto, la notificación del administrador ya está configurada. Esta se envía a la dirección de correo electrónico del administrador de WordPress. Puedes cambiarla y agregar más direcciones de correo electrónico de los miembros de tu equipo. 

Asegúrate de separar las direcciones de correo electrónico con comas. 

Si también deseas enviar notificaciones por correo electrónico a tus clientes, haz clic en el botón Agregar Nueva Notificación en la esquina superior derecha de la página. Deberás ingresar un nombre para tu notificación para que puedas identificarla más tarde si necesitas editarla o eliminarla. 

Luego, puedes agregar la dirección de correo electrónico del cliente al campo Enviar a Dirección de Correo Electrónico. Para esto, haz clic en la opción Mostrar Etiquetas Inteligentes y luego selecciona la opción Email. 

A continuación, tienes la opción de agregar un mensaje personalizado para tus clientes. Podrías ingresar detalles sobre devoluciones y reembolsos, tiempo de entrega esperado, etc.

En el campo del cuerpo del correo electrónico, puedes ingresar tu contenido junto con los detalles del pedido utilizando la etiqueta inteligente {all_fields}. Esta etiqueta autocompletará los detalles del pedido del formulario de WordPress enviado por el usuario.

También puedes habilitar la lógica condicional para enviar notificaciones por correo electrónico solo si se cumplen ciertas condiciones. Esta función es útil para enviar diferentes notificaciones a los clientes que seleccionan diferentes productos en tu formulario. 

Al final, hay una opción para Habilitar para pagos completados de Square. Al marcar esta opción, significa que la notificación por correo electrónico solo se envía después de que el cliente realiza el pago con éxito. 

Ahora, necesitas agregar un mensaje de confirmación para tu formulario de pago de Square. Ve a la pestaña Configuración » Notificación para ver la configuración de confirmación. 

Hay 3 opciones que puedes elegir para tu acción de confirmación. 

• Mostrar un mensaje personalizado 
• Redirigir a una página diferente en tu sitio
• Redirigir a un sitio web o página externa

Si deseas mostrar un mensaje de confirmación personalizado después de un pago exitoso, elige la opción Mensaje. Luego, ingresa tu texto en el editor. 

Para obtener pasos más detallados, consulta nuestra guía sobre cómo configurar las notificaciones y confirmaciones adecuadas. 

Después de terminar de configurar las notificaciones y confirmaciones, presiona el botón Guardar. 

Paso 6: Publica tu formulario de Square en WordPress

Con WPForms, puedes agregar tu formulario de pago de Square en cualquier página, publicación o área compatible con widgets de WordPress. Admite bloques y widgets listos para usar en WordPress, por lo que no tendrás que incrustar manualmente fragmentos de código o incluso códigos cortos. 

Si estás utilizando el editor de bloques de WordPress, busca el bloque WPForms para agregarlo a cualquier página o publicación.

Luego, verás un menú desplegable donde puedes seleccionar el formulario de pago de Square que acabas de crear. 

Podrás ver la vista previa del formulario con una opción de pago de Square en el editor de texto. En el lado derecho, hay opciones para mostrar el título y la descripción del formulario. 

Para mostrar el formulario en tu sitio, haz clic en el botón Publicar en el editor de tu página o publicación. 

Si usas el editor clásico de WordPress, puedes agregar fácilmente tu formulario usando el botón Agregar formulario en el editor de publicaciones. 

Después de hacer clic en el botón, simplemente selecciona el formulario que deseas insertar y publica tu página. 

Además, puedes agregar tu formulario de pago de Square a cualquier área de widgets, como un pie de página o una barra lateral. Dirígete a la pestaña Apariencia » Widgets y arrastra y suelta el widget de WPForms en la barra lateral o el menú del pie de página a la derecha.

Luego, puedes seleccionar tu formulario usando el menú desplegable y guardar tu configuración.

¡Felicidades! Has aprendido a agregar pagos de Square a WordPress sin esfuerzo. Ahora, tus clientes pueden realizar pagos fácilmente en tu sitio web.

Si buscas agregar opciones como pagos recurrentes o pagos de suscripción, puedes hacerlo a través de tu panel de Square.

Con WPForms, puedes crear formularios de WordPress de aspecto profesional como 

• Formularios de solicitud
• Formularios de reserva 
• Formularios de solicitud de presupuesto
• Formularios de consulta
• Formularios de registro de eventos
• Encuestas y sondeos
• Formularios de registro 
• Formularios de pedido de productos
• Y más

Incluso puedes conectar tus formularios con populares servicios de marketing por correo electrónico como Constant Contact, AWeber y Drip.

Es más, WPForms es compatible con plugins de constructor de páginas como SeedProd y Elementor. Puedes usar SeedProd para personalizar el diseño y el estilo de tus formularios de WordPress. Esto te permite cambiar el fondo, las fuentes y el color para que coincidan con el resto de tu sitio web. 

Una cosa a tener en cuenta es que la aceptación de pagos con tarjeta con la aplicación Square está disponible actualmente en EE. UU., Canadá, Australia, Japón, el Reino Unido, la República de Irlanda, Francia y España.

Si deseas aceptar pagos con tarjeta en otros países, querrás probar la pasarela de pago Stripe. Stripe te permite aceptar pagos a través de tarjetas de crédito y débito, transferencias bancarias, Apple Pay, Google Pay y billeteras digitales.

Consulta nuestra guía sobre cómo aceptar pagos de Stripe en WordPress. 

¡Eso es todo por hoy! Esperamos que este artículo te haya ayudado a agregar pagos de Square a tu WordPress en muy poco tiempo. 

Ahora que estás aceptando pagos en línea, asegúrate de que tu sitio web cumpla con la normativa PCI. Necesitarás instalar un certificado SSL válido. La mayoría de las pasarelas de procesamiento de pagos lo hacen obligatorio para proteger los datos del cliente.

Preguntas frecuentes sobre cómo agregar pagos de Square a WordPress

¿Cómo agrego pagos de Square a mi sitio de WordPress?

• Instalar WPForms
• Habilitar la integración con Square
• Crear un formulario de pago
• Agregar Pagos de Square a tu formulario de pago
• Publicar el formulario en tu sitio

¿Necesito una cuenta de Square para integrarla con WordPress?

Sí, necesitas una cuenta de Square para integrar los pagos de Square con tu sitio web de WordPress. Deberás registrarte para obtener una cuenta de Square si aún no tienes una.

¿Es Square un método de pago seguro para mi sitio de WordPress?

Square es conocido por sus sólidas características de seguridad y cumplimiento de los estándares de la industria. Cifra los datos y ofrece medidas de seguridad para proteger la información de pago. Sin embargo, es crucial mantener tu sitio de WordPress y tus plugins actualizados y seguir las mejores prácticas de seguridad.

Para tus próximos pasos, puedes consultar estos recursos: 

• Los mejores plugins de WordPress para aceptar pagos con tarjeta de crédito en línea
• Las mejores plataformas para vender descargables y productos digitales
• Cómo agregar un formulario de reserva personalizado a tu sitio de WordPress

Estas publicaciones te ayudarán a encontrar las mejores plataformas para vender tus productos y aceptar pagos con tarjeta de crédito en línea. La última te ayudará a crear un formulario de reserva para tu sitio de WordPress.