cómo añadir pagos cuadrados a wordpress

Cómo añadir Square Payments a WordPress [Guía fácil]

Añadir pagos Square en WordPress es un proceso bastante sencillo. ¡Cualquiera puede hacerlo!

Y como una de las principales pasarelas de pago para pequeñas y medianas empresas, tiene mucho sentido utilizar Square para ofrecer una opción flexible para que sus compradores realicen pagos con tarjeta de crédito.

Te guiaré rápidamente a través de los pasos para crear tus propios formularios de pago personalizados con Square habilitado.

Cree su formulario Square de WordPress ahora

Cómo añadir Square Payments a WordPress

¿Listo para empezar a cobrar pagos a través de Square en tu sitio WordPress? Sólo tienes que seguir los siguientes pasos

Paso 1: Instalar y activar el plugin WPForms

Lo primero que tienes que hacer es instalar y activar el plugin WPForms.

El proceso de instalación de un plugin de WordPress es bastante sencillo; aún así, si tiene alguna dificultad, puede consultar el tutorial sobre cómo instalar un plugin de WordPress.

La integración del addon Square viene con WPForms Pro. Así que antes de continuar, asegúrese de que ha activado la versión correcta del plugin en su sitio.

WPForms Precios Página 2023

Una vez instalado WPForms, podrás activar el addon Square.

Paso 2: Añadir el complemento Square

Para activar el complemento Square, diríjase a su panel de control de WordPress y haga clic en WPForms " Complementos.

Complementos WPForms

En la barra de búsqueda, escriba Square y pulse el botón Instalar complemento y activar .

instalar el addon square

Una vez que haya activado el complemento Square, debe configurar los ajustes de pago en WPForms.

Para configurar los ajustes de pago, vaya a su panel de control, haga clic en WPForms " Configuración, a continuación, haga clic en la pestaña Pagos.

Ahora, en el desplegable Moneda, seleccione la moneda que desea utilizar en sus formularios de pago.

Moneda del formulario de pago WPForms

Ahora es el momento de conectar Square a WPForms.

Paso 3: Conecte Square a su sitio WordPress

Desplácese por la página de configuración de pagos hasta la sección de Square. Verás una pestaña llamada Estado de la conexión.

Haz clic en el botón azul Conectar con Square.

El botón Conectar con Square en la configuración de Pagos de WPForms

Al hacer clic, accederás a la página de inicio de sesión de Square. Introduzca su dirección de correo electrónico y contraseña, y haga clic en Iniciar sesión.

Iniciar sesión en Square para conectarlo a WPForms

Para conectar Square a WPForms, necesita otorgar permisos específicos a WPForms relacionados con su cuenta. Haga clic en el botón Permitir para continuar.

Permitir WPForms para acceder a su cuenta de Square

Esto revertirá a su configuración de pagos de WPForms. Si los ajustes de conexión están configurados correctamente, verá una marca de verificación verde y un mensaje de éxito junto a Estado de la conexión.

El mensaje de estado de conexión de WPForms Square

Si ha añadido varias ubicaciones de negocios a su cuenta de Square, tendrá que seleccionar uno de ellos como su ubicación principal utilizando el menú desplegable Ubicación del Negocio.

Selección de una ubicación comercial Square en la configuración de WPForms Pagos

Una vez realizada la configuración de la conexión, no olvide hacer clic en el botón Guardar.

Paso 4: Cree su formulario de pago Square

Ahora que ha conectado Square a su sitio de WordPress, es el momento de crear su formulario de pago. Desde tu panel de WordPress, ve a WPForms " Añadir nuevo.

Añadir nuevo formulario

Puede crear un formulario de pedido sencillo o utilizar una plantilla de formulario de pedido/facturación prediseñada para agilizar las cosas.

WPForms viene con una enorme librería de más de 2.000 plantillas de formularios para WordPress. Elegiré la plantilla Billing/Order Form para este tutorial.

Modelo de formulario de facturación

La plantilla incluye todos los campos esenciales que necesitará para aceptar pagos de pedidos generales.

formulario de pago cuadrado

Puede añadir campos adicionales a su formulario arrastrándolos desde el panel izquierdo al panel derecho. WPForms es altamente personalizable, así que siéntase libre de experimentar y cambiar las cosas si la plantilla no se ajusta plenamente a su escenario de caso de uso particular.

Voy a compartir rápidamente una opción que tal vez desee añadir a este formulario, en función de sus necesidades. Si desea que los usuarios especifiquen la cantidad de productos que desean pedir, esto es lo que puede hacer.

Añadir el campo Cantidad (opcional)

WPForms soporta cantidades de productos para los campos Dropdown Items y Single Items. Por lo tanto, voy a eliminar el campo de radio existente (es decir, el campo "Available Items") aquí, y añadir tres campos Single Item aquí.

Basta con hacer clic con el botón derecho del ratón en el campo Elementos disponibles actual y pulsar Suprimir.

Borrar un campo

A continuación, arrastre y suelte el campo Elementos sueltos del panel izquierdo a la derecha, justo encima del campo Importe total.

Campo Elementos individuales

Una vez hecho esto, haga clic en el campo Elementos individuales que acaba de añadir para abrir sus Opciones de campo a la izquierda. Aquí podrás controlar varios ajustes asociados al campo.

Le recomiendo que cambie la etiqueta del campo y añada el nombre de su producto. Y no olvides introducir el precio del producto en la casilla Precio del artículo.

Opciones del campo Elementos individuales

Para activar la selección de cantidad para el producto, utilice el botón Activar Cantidad . Una vez habilitado, verá que debajo aparece un nuevo ajuste de Rango. Esto le permitirá establecer la cantidad mínima y máxima que un usuario puede seleccionar para el producto.

Gama de cantidades

Puede repetir el mismo proceso añadiendo más campos de Artículo Único con sus selecciones de cantidad activadas.

💡 Consejo profesional: ¿Tienes que añadir muchas opciones de producto? Sugiero utilizar el campo Elementos desplegables con cantidades habilitadas en este escenario. Esto mantendrá la longitud de su formulario conciso, que siempre es preferible para la experiencia del usuario ideal.

Paso 5: Añada el campo de pago Square a su formulario

Nuestro formulario está listo, ahora, vamos a añadir el campo de pago Square.

A la izquierda, desde la sección Campos de Pago, arrastre el Campo Cuadrado y suéltelo en cualquier lugar de su formulario.

Añadir un campo de tarjeta de crédito Square a un formulario

Tan pronto como añada el campo Square, aparecerá una ventana emergente con un mensaje para habilitar los Pagos Square.

campo de pago cuadrado

Pulse el botón Aceptar para cerrar la ventana emergente.

A continuación, tenemos que habilitar los pagos Square.

Ve a los iconos de la izquierda y haz clic en Pagos. A continuación, haz clic en Square.

Acceder a la configuración de Square Payments para un formulario

A continuación, active la opción Habilitar Square Payment.

Habilitar los pagos de Square para un formulario

Esto abrirá las opciones adicionales de configuración de pago. Vamos a echarles un vistazo:

  • Descripción del pago: Aquí puede introducir una breve descripción del pago que aparecerá en el extracto de la tarjeta de crédito o bancaria de su cliente.
  • Correo Electrónico del Comprador: En el menú desplegable, seleccione Correo electrónico para que Square envíe un recibo por correo electrónico.
  • Nombre del comprador: En el desplegable, seleccione Nombre para que el nombre del cliente se asocie al pago.
  • Dirección del comprador: Seleccione Dirección para que la dirección del cliente se asocie al pago.

Asignación de campos de un formulario a la información del usuario en Square

Una vez completadas estas opciones, haga clic en el botón Guardar para guardar su formulario.

Paso 6: Añada su formulario a la página de WordPress

¡Impresionante! Usted ha creado con éxito un formulario de pago Square en WordPress. Ahora es el momento de añadir el formulario a su sitio.

Con WPForms, puede agregar su formulario en múltiples lugares, incluyendo:

Veamos cómo puedes añadir tu formulario Square a la página de WordPress.

WPForms tiene un botón incorporado en el constructor de formularios. Usando este botón, puede agregar su formulario en cualquier página del sitio web sin cambiar la pestaña o cerrar la ventana del formulario.

Para añadir su formulario, haga clic en el botón Incrustar en la parte superior de su página

Incrusta tu formulario con el botón de incrustación

A continuación, tendrás opciones para añadir tu formulario a una página existente o crear una nueva. Hagamos clic en Crear nueva página.

Crear una nueva página

Añade el nombre de tu página y haz clic en el botón Let's Go.

wpforms name your page box

Ahora WPForms creará automáticamente una nueva página y añadirá su formulario a ella.

Para publicar su página en la página en vivo, haga clic en el botón Publicar o Actualizar.

Añade tu formulario Square a WordPress

Y ya está. Esto es lo fácil que es añadir pagos Square a los formularios de WordPress.

Cree su formulario Square de WordPress ahora

El pago en línea es una tarea crucial tanto para usted como para sus compradores. Por lo tanto, le sugerimos que pruebe los pagos cuadrados antes de lanzar su formulario para que pueda ofrecer una experiencia impecable a sus compradores.

Añadir Square Payments - Preguntas frecuentes

Estas son algunas de las preguntas más frecuentes sobre el cobro de pagos Square en WordPress.

¿Es posible personalizar el proceso de pago cuando se utiliza Square Payments en WordPress?

WPForms es altamente personalizable, dándole la posibilidad de cambiar la apariencia de su formulario, utilizar diferentes diseños, y aplicar la lógica condicional para ofrecer la mejor experiencia de pago a sus visitantes. Así que si usted está usando un formulario de pago Square con WPForms, usted tiene un montón de espacio para personalizarlo para proporcionar una experiencia de pago satisfactoria.

¿Existen medidas de seguridad para proteger la información confidencial de los clientes cuando se utiliza Square Payments en WordPress?

WPForms es un plugin seguro y toma medidas para garantizar que los datos confidenciales de los clientes permanezcan ocultos. Los pagos que se recogen a través de WPForms capturar detalles de la presentación del cliente, pero oculta su número de tarjeta de crédito. Eso significa que incluso usted, como propietario de un negocio, no puede ver detalles sensibles como números de tarjeta, por lo que puede garantizar la privacidad y seguridad del cliente con sus formularios de pago Square creados con WPForms.

¿Puedo seguir y gestionar mis transacciones directamente desde mi panel de WordPress con Square Payments?

Sí, WPForms incluye funciones completas de seguimiento de pagos. Puede ver las transacciones en un gráfico fácil de entender directamente desde su panel de WordPress. Este gráfico muestra detalles como pagos totales, ventas totales, suscripciones, uso de cupones y más.

A continuación, añada pagos opcionales a sus formularios de WordPress

Si eres una organización sin ánimo de lucro, puede que estés buscando una forma de añadir el pago opcional. Consulta nuestra guía detallada sobre cómo añadir pagos opcionales a tus formularios de WordPress para obtener más información.

Puede que también le interese saber cómo crear un formulario de pedido de tarjetas de visita en WordPress.

WPForms Pro también incluye otras herramientas de pasarela de pago que le permiten:

¿A qué está esperando? Empiece hoy mismo con el plugin de formularios para WordPress más potente. WPForms Pro viene con potentes integraciones y una garantía de devolución de dinero de 14 días.

Y si te ha gustado esta guía, no dejes de seguirnos en Facebook y Twitterpara ver más tutoriales gratuitos sobre WordPress.

Divulgación: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPForms, por qué es importante y cómo puede apoyarnos.

Osama Tahir

Osama es un escritor senior en WPForms. Se especializa en desmontar plugins de WordPress para probarlos y compartir sus ideas con el mundo.Más información

El mejor plugin de WordPress para crear formularios arrastrando y soltando

Fácil, rápido y seguro. Únete a más de 6 millones de propietarios de sitios web que confían en WPForms.

Active JavaScript en su navegador para rellenar este formulario.

Añadir un comentario

Nos alegra que haya decidido dejar un comentario. Por favor, tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de privacidad, y todos los enlaces son nofollow. NO utilice palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

Este formulario está protegido por Cloudflare Turnstile y se aplican la Política de privacidad y las Condiciones del servicio de Cloudflare.