Marketing

Cómo aceptar fácilmente pagos con tarjeta de crédito en WordPress

¿Quiere aceptar fácilmente pagos con tarjeta de crédito en su sitio de WordPress?

De forma predeterminada, WordPress no tiene opciones de pago con tarjeta de crédito, pero existen muchos complementos y herramientas que pueden ayudar a resolver el problema.

En este artículo, le presentaremos 2 formas sencillas de aceptar pagos con tarjeta de crédito en su sitio de WordPress.

¿Por qué aceptar pagos con tarjeta de crédito en WordPress?

Las tarjetas de crédito y débito son la forma de pago en línea más utilizada en todo el mundo.

Si vende productos o servicios en su sitio web de WordPress, es importante que acepte pagos con tarjeta de crédito.

Aceptar pagos con tarjeta de crédito mejora su tasa de conversión y reduce el abandono del carrito.

Los consumidores a menudo no desean crear una tienda de carrito de compras en línea completa para aceptar pagos con tarjeta de crédito. Esto tiene mucho sentido, especialmente si solo vende un producto o acepta pagos por asesoramiento o servicios.

En este caso, todo lo que necesita es un formulario de pedido en línea simple con una opción de pago con tarjeta de crédito.

Veamos cómo puede aceptar pagos con tarjeta en su sitio web. Simplemente use los enlaces a continuación para pasar al método que prefiera.

1. Acepte pagos con tarjeta de crédito en WordPress con WP Simple Pay

Para este método usamos WP Pago fácil, el mejor complemento de pago de Stripe del mercado. WP Simple Pay le permite aceptar pagos sin tener que configurar y utilizar un complejo complemento de comercio electrónico.

WP Simple Pay se integra con la plataforma de procesamiento de tarjetas de crédito Stripe. Como todos los procesadores de pago, Stripe cobra una pequeña tarifa de transacción. Sin embargo, el registro en Stripe es gratuito.

Para este método, crearemos un botón de pago que puede agregar a cualquier página o publicación.

Usaremos WP Simple Pago Lite porque es 100% gratis. Si necesita funciones avanzadas, existe esta WP Pago Simple Pro. Esta versión ofrece más opciones de personalización, un creador de formularios de arrastrar y soltar y correos electrónicos de confirmación de pago personalizados.

Primero debe instalar y activar el complemento WP Simple Pay. Si necesita ayuda, lea nuestra guía para instalar un complemento de WordPress.

Después de la activación, el complemento inicia automáticamente el asistente de configuración de WP Simple Pay. Para comenzar a aceptar pagos con tarjeta de crédito, haga clic en el botón Comenzar.

Asistente de configuración de pago simple de WP

El primer paso es conectar WP Simple Pay a su cuenta de Stripe.

Si aún no tienes una cuenta de Stripe, no te preocupes. El asistente de configuración lo guiará paso a paso a través del proceso de creación de una nueva cuenta.

Primero, haga clic en el botón Conectar a Stripe.

Conecte WP Simple Pay a Stripe

En la siguiente pantalla, WP Simple Pay le pedirá una dirección de correo electrónico.

Si ya inició sesión en Stripe, asegúrese de ingresar la dirección asociada con su cuenta de Stripe.

Conecte WP Simple Pay a Stripe

¿No tienes una cuenta de Stripe? Luego ingrese la dirección de correo electrónico que desea usar para su nueva cuenta de Stripe.

Luego simplemente haga clic en el botón Siguiente.

WP Simple Pay ahora verificará si una cuenta de Stripe está asociada con su dirección de correo electrónico. Cuando encuentre una cuenta, WP Simple Pay le pedirá su contraseña de Stripe.

Si no se encuentra ninguna cuenta, WP Simple Pay lo guiará a través del proceso de registro de Stripe. Simplemente siga las instrucciones en pantalla para crear una cuenta y vincularla a WP Simple Pay.

Crea una cuenta de Stripe gratis

Después de conectar WP Simple Pay y Stripe, puede crear su propio botón de pago.

Simplemente haga clic en ‘Crear formulario de pago’.

Crear un formulario de pago con tarjeta de crédito

También puede crear un botón de pago yendo a WP Simple Pay »Agregar nuevo.

Crear un nuevo formulario para WP Simple Pay

Ahora pase el mouse sobre la plantilla del botón de pago.

Luego haga clic en el botón «Crear pago».

Crear un botón de pago con tarjeta de crédito

Ahora ingrese un nombre para su botón de pago en el campo «Título».

Los visitantes de su sitio web no verán este nombre, ya que es solo para su referencia.

Crea un título para tu botón de pago

También puede agregar más detalles en el campo Descripción. Nuevamente, WordPress no muestra esto a los visitantes de su sitio, pero puede ser útil para su referencia.

Ahora simplemente haga clic en la pestaña de pago.

Configura tu modo de pago con Stripe

Desde aquí puedes decidir cuánto dinero quieres cobrar con el botón de pago.

Continúe e ingrese este número en el campo Cantidad.

Establecer un pago único

WP Simple Pay usa la moneda dólar por defecto.

Si desea aceptar pagos en una moneda diferente, vaya a WP Simple Pay »Configuración. A continuación, puede seleccionarlo General » Moneda La sección Aquí es todo lo que necesita para cambiar la moneda predeterminada.

Luego, desplácese hasta la sección Texto del botón.

Este es el texto que WordPress mostrará en su botón. De forma predeterminada, WP Simple Pay usa Pagar ahora como etiqueta de botón.

Para cambiar esto, simplemente ingrese el nuevo texto en el cuadro de texto del botón.

Crear una etiqueta de botón

También puede cambiar el procesamiento de texto del botón en esta sección.

Este es el texto que WP Simple Pay muestra a los visitantes mientras procesa su información de pago.

Configure su texto para manejar botones

WP Simple Pay utiliza el diseño de botón de su tema de WordPress para el estilo de botón predeterminado.

Otra opción es usar el estilo Rayas azules, que usa un degradado y esquinas redondeadas.

Estilo en un botón de raya azul

Mientras realiza estos cambios, es posible que desee verificar cómo se ve su botón de pago para sus visitantes.

Para ver el producto terminado, haga clic en el botón Vista previa.

Revisa tu botón WP Simple Pay

Una vez que esté satisfecho con lo que está navegando, es hora de agregar el botón a su sitio de WordPress.

Para hacer esto, haga clic en el botón Publicar.

Publicar el botón de pago con tarjeta de crédito

Ahora puede agregar su botón a cualquier página o publicación para aceptar pagos con tarjeta de crédito en su sitio de WordPress, incluido su producto y las páginas de destino. ¿También puede agregar un botón a cualquier área de su sitio habilitado para gadgets? sitio.

Todo lo que necesita es un código corto que WP Simple Pay genera automáticamente.

Para obtener este código, simplemente busque el campo «Código de formato abreviado». Luego haga clic en el botón «Copiar».

Copie el código corto de pago con tarjeta de crédito

Ahora puede pegar este código corto en cualquier página, publicación o área de widgets. Para obtener más información sobre cómo colocar códigos cortos, consulte nuestra guía sobre cómo agregar códigos cortos en WordPress.

Una vez que haya colocado este código corto, su botón de pago aparecerá en su sitio web de WordPress.

Es una buena idea probar su botón antes de aceptar pagos.

WP Simple Pay crea su nuevo botón de pago en el modo de prueba predeterminado. Su sitio web no procesará pagos con tarjeta de crédito mientras esté en modo de prueba.

Para confirmar que WP Simple Pay se encuentra actualmente en este modo, mire la barra de herramientas en la parte superior de su panel de control de WordPress. Tienes que decir «modo de prueba».

Modo de prueba de pago simple de WP

Si va a la página o publicación donde agregó este botón, también debería ver «Modo de prueba» justo debajo del botón.

Cómo aceptar fácilmente pagos con tarjeta de crédito en WordPress

Cuando se trata de probar su botón, hay un problema.

¡Stripe no muestra los pagos de prueba predeterminados! Afortunadamente, hay una solución fácil.

Para ver fácilmente sus datos de prueba Inicie sesión en su panel de Stripe en una nueva sección. Luego haga clic en la pestaña Pagos.

Panel de pago de Stripe

Luego simplemente haga clic en el control deslizante Desarrollador en la esquina superior derecha.

El tablero de Stripe ahora se actualizará y mostrará un banner de datos de prueba. Todos los pagos de prueba ahora aparecerán en su panel de control de Stripe.

Pruebe los pagos con tarjeta de crédito con Stripe y WordPress

Ahora está listo para probar su botón.

La forma más fácil de hacer esto es regresar a su sitio de WordPress. Luego vaya a la página donde agregó su botón para aceptar pagos con tarjeta de crédito.

Puede hacer clic en este botón ahora. Luego, simplemente siga las instrucciones en pantalla para enviar un depósito de prueba. Después de enviar el pago de prueba, vaya al panel de control de Stripe. Ahora verá su pago de prueba en el tablero.

Una vez que se asegure de que todo funcione sin problemas, es hora de sacar su botón del modo de prueba.

solo ve a WP Simple Pay » Formas de pago. Luego puede pasar el mouse sobre el botón de pago y hacer clic en el enlace Editar.

Cómo aceptar fácilmente pagos con tarjeta de crédito en WordPress

Busque la pestaña Pago en el menú de la izquierda y haga clic en ella.

Finalmente, seleccione la casilla de verificación ‘Modo en vivo’ en la sección ‘Modo de pago’.

Eliminar el botón de pago con tarjeta de crédito de WordPress del modo de prueba

Asegúrese de hacer clic en el botón «Actualizar» en la parte superior de la pantalla para guardar los cambios.

Ahora puede visitar su sitio web para ver el botón de pago en vivo.

2. Acepte pagos con tarjeta de crédito en WordPress con WPForms

Si desea crear un botón de pago fácil, el método WP Simple Pay que se muestra arriba es una excelente opción.

Sin embargo, a veces es posible que deba recopilar más información de sus visitantes creando un formulario de pago.

Esto significa que necesita un complemento flexible y potente para crear formularios.

WPForms es el mejor complemento de formulario de contacto para WordPress. Puede usarlo para agregar rápidamente cualquier tipo de formulario, incluidos los formularios de pago, a su sitio web de WordPress.

WPForms incluso tiene muchas plantillas de pago y tarjetas de crédito que pueden ayudarlo a comenzar rápidamente.

Plantillas de pago de WPForms

Usaremos para esta lección Formularios WP Pro versión ya que le da acceso al complemento Stripe Payments. Este poderoso complemento le permite aceptar pagos con tarjeta de crédito en WordPress a través de la popular pasarela de pago Stripe.

Sin embargo, es importante recordar que también puede usar WPForms para aceptar pagos con tarjeta de crédito con Square, Authorize.net y PayPal. Recomendamos Stripe porque los usamos como nuestro procesador de pagos.

Primero debe instalar y activar WPForms Pro. Si necesita ayuda, consulte nuestra guía de instalación del complemento de WordPress.

Después de activar WPForms, vaya a WPForms »Configuración en tu panel de WordPress.

Configuración de WPForms Pro

Ahora puede ingresar su clave de licencia en el campo «Clave de licencia». Puede encontrar esta clave en su cuenta de WPForms.

Después de activar el complemento principal, es hora de instalar el complemento Stripe.

En su tablero de WordPress, vaya a WPForms »Complementos.

El complemento Stripe de WPForms

Simplemente desplácese hasta encontrar el complemento Stripe.

Luego haga clic en el botón «Instalar» complemento».

Instalar el complemento Stripe

Luego ve a WPForms »Configuración.

Luego haga clic en la pestaña Pagos.

Configuración de pago de WPForms

De forma predeterminada, WPForms cobra los pagos en dólares estadounidenses.

Si prefiere aceptar pagos en otra moneda, simplemente abra el menú desplegable Moneda y seleccione una moneda de la lista.

Cambiar la configuración de moneda de WPForms

El siguiente paso es conectar WP Simple Pay a su cuenta de Stripe.

Para establecer esta conexión, desplácese hasta la pestaña Estado de la conexión. Luego simplemente haga clic en el botón Conectar a Stripe.

Conecte WordPress a los pagos de Stripe

Esto abrirá una nueva pestaña. Ahora puede seguir las instrucciones en pantalla para crear una nueva cuenta de Stripe o conectar WPForms a su cuenta de Stripe existente.

Una vez que se haya conectado con éxito a Stripe, es hora de crear su formulario de pago. Ir WPForms »Agregar nuevo.

Crear un nuevo formulario de WordPress

Ahora puede ingresar un nombre para su formulario en el campo Nombre del formulario.

Los visitantes de su sitio web no verán el nombre, por lo que es solo para su información.

Dar un título al formulario de pago con tarjeta de crédito

WPForms tiene diferentes plantillas, por lo que puede comenzar rápidamente y crear cualquier forma. Dado que estamos creando un formulario de pago, es posible que desee ingresar ‘Pago’ o ‘Tarjeta de crédito’ en el campo ‘Buscar plantillas’.

Esto mostrará cualquier plantilla que tenga la palabra «pago» o «tarjeta de crédito» en su título.

Elegir una forma de pago con tarjeta de crédito para WordPress

Para ver más de cerca la plantilla, simplemente mueva el mouse sobre ella.

Luego haga clic en el botón Vista previa de demostración.

Revisar una plantilla de pago con tarjeta de crédito

WPForms ahora mostrará esta plantilla en una nueva pestaña.

Cuando encuentre un tema que desee usar, haga clic en el botón Usar plantilla. Usaremos el formulario de tarjeta de crédito para este tutorial.

Formulario de pago con tarjeta de crédito

La plantilla de WPForms que elija se abrirá en una nueva pestaña y podrá personalizarla.

El formulario de pago con tarjeta de crédito contiene campos para que los clientes ingresen su nombre y dirección de correo electrónico. También hay una sección «Elige tu artículo», donde los visitantes pueden elegir el artículo que quieren comprar.

Personalice la plantilla WPForms para pagos con tarjeta de crédito

Puede utilizar esta sección para ofrecer a los visitantes una selección de productos o servicios.

Otra opción es permitir que los visitantes personalicen un producto. Por ejemplo, puedes ofrecer la misma camiseta en diferentes tallas o colores.

Para personalizar esta pestaña, simplemente haga clic en ella. La barra lateral de WPForms ahora se actualizará para mostrar todas las configuraciones para esta pestaña.

Para cambiar cualquier texto, simplemente elimine el texto predeterminado y luego ingrese la palabra o frase que desea usar en su lugar. Por ejemplo, puedes eliminar «Elige tu artículo» y reemplazarlo con «Elige tu talla de camiseta».

Crear un formulario de pago con tarjeta de crédito para WordPress

También puede cambiar el precio de cada artículo.

Para hacer esto, simplemente elimine el número de reemplazo de este artículo. Ahora puede ingresar la nueva cantidad en este campo.

Agregue tarifas a su plantilla de tarjeta de crédito de WPForms

También puede cambiar el texto que utiliza WordPress para sus elementos siguiendo el mismo proceso que el anterior.

De forma predeterminada, esta plantilla permite a los visitantes elegir entre tres elementos. Si desea agregar más opciones, simplemente haga clic en el ícono +.

Esto agregará un nuevo «elemento» que puede personalizar.

Añade más productos a tu formulario de pago con tarjeta de crédito

Para eliminar un elemento de esta pestaña, haga clic en el icono «-«.

Esta opción ahora desaparecerá de su formulario de pago con tarjeta de crédito.

Eliminar productos del formulario de pago con tarjeta de crédito

Esta plantilla ofrece a los visitantes la posibilidad de elegir entre métodos de envío por país o envío urgente.

Para editar esta sección, simplemente haga clic en ella. La barra lateral de WPForms se actualizará para mostrar todas las configuraciones para esta pestaña.

Agregar opciones de entrega a WordPress

Puede cambiar el texto de reemplazo y agregar y eliminar opciones de entrega siguiendo el proceso anterior.

También puede cambiar el precio para cada método de envío. Si desea ofrecer envío gratuito, simplemente puede establecer este precio en $ 0.

Otra opción es eliminar esta sección por completo.

Para eliminar una sección de su plantilla, simplemente pase el mouse sobre esta sección. Luego haga clic en el ícono de la papelera.

Eliminar campos de WPForm

Luego, debe agregar el campo de tarjeta de crédito de Stripe a su formulario. Este campo contiene la información de pago del cliente inscrito.

Para agregar este campo, simplemente haga clic en la pestaña Agregar campos.

Agregar campos al formulario de pago con tarjeta de crédito

Luego desplácese a la sección del campo de pago.

Ahora puede continuar y arrastrar el cuadro de la tarjeta de crédito de Stripe a la ubicación correcta en su formulario de pago.

Raya de campo de tarjeta de crédito

Es posible que desee agregar más campos a la plantilla para recopilar más información de sus visitantes, como: B. su dirección de entrega o número de teléfono. Simplemente repita el proceso anterior para agregar nuevos campos a su formulario.

También puede cambiar el orden en que aparecen estos campos arrastrando y soltando.

Una vez que se haya configurado su formulario, activemos los pagos para este formulario. Todo lo que tiene que hacer es hacer clic en la pestaña «Pagos» en el menú de la izquierda y luego seleccionar «Stripe».

Cómo acreditar un formulario de pago con tarjeta con WPForms

Luego simplemente marque la casilla junto a «Habilitar pagos de Stripe».

Ahora puede ingresar una descripción en el campo Descripción del pago. Este texto aparece en el extracto de la tarjeta de crédito del cliente.

También tiene la opción de enviar un correo electrónico de confirmación a sus clientes. Para crear un recibo por correo electrónico, abra el menú desplegable Recibo de pago de Stripe. A continuación, puede seleccionar Correo electrónico.

Crear un correo electrónico de confirmación de pago

WPForms también le permite configurar una lógica condicional inteligente para sus formularios. Aquí puede mostrar u ocultar el campo del formulario de pago según las opciones seleccionadas por su cliente.

También puede activar pagos de suscripción recurrentes y seleccionar el período periódico desde esta pantalla. Esto puede ser útil para crear suscripciones y vender membresías.

Crear un pago recurrente con tarjeta de crédito

Luego debe habilitar el envío de formularios AJAX para usar el campo de tarjeta de crédito de Stripe. El envío de formularios AJAX permite a los clientes enviar formularios sin tener que volver a cargar toda la página. Esto puede mejorar la experiencia del cliente.

Para activar el envío de AJAX, simplemente vaya a Ajustes »General.

Configuración para enviar formularios AJAX

Luego haga clic para expandir la pestaña Avanzado.

Finalmente, seleccione la casilla de verificación «Habilitar envío de formulario AJAX».

Habilitar fuentes AJAX

Cuando esté satisfecho con el aspecto de su formulario de pago con tarjeta de crédito, es hora de guardar los cambios.

Para hacer esto, simplemente haga clic en el botón Guardar en la parte superior de la pantalla.

Guarde el formulario de pago con tarjeta de crédito

En el siguiente paso, configure las notificaciones en su formulario.

De forma predeterminada, cada vez que un cliente completa un formulario de pago, WPForms envía un correo electrónico a su administrador de WordPress.

A veces, es posible que deba enviar estos correos electrónicos a una dirección diferente. Es posible que incluso desee notificar a varias personas.

Con WPForms es realmente fácil. Para personalizar sus notificaciones por correo electrónico, haga clic en la pestaña Configuración. Luego seleccione Notificaciones.

Crear notificaciones de pago con tarjeta de crédito

Para buscar el campo de dirección de correo electrónico en esta pantalla. De forma predeterminada, se establece en {admin_email}. Este es un valor dinámico que le dice a WordPress que use el correo electrónico del administrador de WordPress.

Puede eliminar este texto dinámico y reemplazarlo con cualquier otra dirección de correo electrónico. Simplemente ingrese la nueva dirección en el campo «Enviar a correo electrónico».

Si desea enviar un correo electrónico a varias personas, simplemente separe cada dirección con una coma.

Crear notificaciones por correo electrónico

También puede editar el correo electrónico. Por ejemplo, es posible que desee cambiar la copia y el asunto del correo electrónico.

Después de redactar estos correos electrónicos, debe asegurarse de que se envíen a la bandeja de entrada del destinatario, no a la carpeta de correo no deseado.

La mejor manera de hacerlo es utilizar un proveedor de servicios SMTP para mejorar la entrega de correo electrónico. Para obtener más información, consulte nuestra guía para corregir que WordPress no envía correos electrónicos.

También puede enviar una notificación por separado a sus clientes. Por ejemplo, puede confirmar su compra o enviarles un mensaje de «gracias». WPForms envía automáticamente este correo electrónico cuando un cliente envía el formulario de pago.

Para enviar un correo electrónico a sus clientes, haga clic en el botón Agregar nueva notificación.

Crear una nueva notificación para WPForms

WPForms le pedirá que proporcione un nombre para esta notificación. Llamémoslo «aviso al cliente».

WPForms luego mostrará todos los campos de notificación que puede personalizar.

Cómo aceptar fácilmente pagos con tarjeta de crédito en WordPress

Para asegurarse de que WPForms envíe esta notificación a la dirección correcta, haga clic en el enlace «Mostrar etiquetas inteligentes» junto a la opción «Enviar a dirección de correo electrónico».

Luego simplemente seleccione el campo «Correo electrónico». Esto permite que WPForms use la dirección de correo electrónico que el cliente proporcionó al enviar su pago.

Agregue etiquetas inteligentes a los correos electrónicos de pago con tarjeta de crédito

Ahora puede personalizar el resto de la notificación por correo electrónico. Por ejemplo, es posible que desee cambiar la línea de asunto o agregar más texto al correo electrónico.

También puede personalizar su correo electrónico con etiquetas inteligentes. Por ejemplo, puede agregar el nombre del cliente o alguna información sobre el producto que acaba de comprar.

A continuación, puede ir a la pestaña «Confirmaciones».

WPForms usa «Mensaje» como opción predeterminada. Este significa que su sitio web mostrará un mensaje de agradecimiento cada vez que un cliente envíe un formulario de pago.

Crear un mensaje de confirmación de pago

En lugar de mostrar un mensaje, es posible que prefiera mostrar una página específica o redirigir a los clientes a una URL diferente.

Para realizar este cambio, simplemente abra el menú desplegable «Tipo de confirmación». Ahora puede elegir entre las opciones disponibles.

Cambiar la configuración de confirmación de pago

El último paso es agregar este formulario a su sitio web de WordPress.

Para agregarlo a una publicación, simplemente abra la publicación de blog que desea editar.

Luego haga clic en el signo más (+).

El bloque de WordPress de WPForms

En la ventana emergente que aparece, ingrese «WPForms» para encontrar el bloque correcto.

Después de hacer clic en el bloque WPForms, el bloque se agregará a su página.

El bloque de WordPress de WPForms

En su nuevo bloque, haga clic para abrir el menú desplegable.

Ahora verá una lista de todos los formularios que ha creado con WPForms. Simplemente haga clic para seleccionar su forma de pago.

Elección de la forma de pago con tarjeta de crédito

Cuando esté satisfecho con el aspecto del formulario, puede publicar o actualizar la página.

Ahora puede visitar su sitio web para ver su formulario en vivo. Está listo para aceptar pagos con tarjeta de crédito en su sitio web de WordPress.

Agregar pago con tarjeta de crédito a WordPress

Método 3. Formas adicionales de aceptar pagos con tarjeta de crédito en WordPress

Si bien WP Simple Pay y WPForms son las formas más fáciles de aceptar pagos con tarjeta de crédito en WordPress, algunos usuarios pueden tener necesidades diferentes.

Por ejemplo, es posible que desee iniciar una tienda en línea para vender productos físicos, vender libros electrónicos, vender cursos en línea o incluso aceptar donaciones.

En estos casos, es posible que necesite una solución completamente funcional para su caso de uso específico:

  • MemberPress: esta es una excelente solución si desea vender membresías o cursos en línea. Ofrece formas de aceptar pagos con tarjeta de crédito con Stripe y Authorize.net
  • Descargas digitales fáciles – Es ideal para vender descargas digitales como libros electrónicos, música, software y más. Con EDD, puede aceptar tarjetas de crédito y tener múltiples opciones de pago en su carrito de compras.
  • WooCommerce: este es un popular complemento de comercio electrónico de WordPress que le permite vender productos físicos en línea. WooCommerce también le permite aceptar pagos con tarjeta de crédito.

Esperamos que este artículo le haya ayudado a aprender cómo aceptar fácilmente pagos con tarjeta de crédito en su sitio web de WordPress. También puede echar un vistazo a nuestra lista de complementos de WordPress necesarios para sitios web comerciales o leer nuestra guía para crear un boletín informativo por correo electrónico de la manera correcta.

Si te ha gustado este artículo, suscríbete al nuestro. canal de Youtube para videos tutoriales para WordPress. También puedes encontrarnos en Closermarketing.es y Facebook.

.

Deja una respuesta

Tu dirección de correo electrónico no será publicada.