Construir un muro de pago en múltiples sitios de WPFFORMS

Introducción a este artículo, queríamos mostrarle cómo hacer un muro de pago rápido y sucio usando WPFORMS. Como agencia de diseño, ofrecemos muchos recursos gratuitos. También tenemos muchos recursos/artículos que deben pagarse y decidimos hacer un muro de pago muy rápido, que podemos usar si alguna vez queremos monetizar rápidamente un recurso. Utilizaremos WPFORMS para el marco de pago principal, ya que ofrece una manera única y fácil de construir nuestro formulario, procesar las entradas y llevar a los usuarios a nuestro procesador de pagos de rayos favoritos. Así es como esperamos que funcione la solución. Empujaremos a los usuarios a través de las redes sociales a nuestro muro de pago; si el usuario decide comprar acceso al contenido, ingresará su información en el formulario. El formulario luego procesará el pago y los redirigirá a una página protegida con contraseña. En redirección, a través de un parámetro URL, contendremos un código de paso que los conectará automáticamente a la página.
El formulario enviará al usuario por correo electrónico una confirmación a la presentación. Podemos incluir la contraseña en este mensaje para que nuestro cliente tenga acceso al contenido incluso sin el enlace de cruce. Si un usuario intenta acceder a la página en Internet público, será recibido con una pantalla de contraseña. Si han pagado a través del formulario, tendrán la contraseña, y si no lo han hecho, tendrán que regresar y pagar a través del formulario. Hay varios complementos de WordPress que le permitirán hacer esto, pero decidimos hacerlo por su cuenta porque ya tenemos WPFORMS implementados en nuestro sitio web, agregando nuevos complementos disminuye el rendimiento de un sitio web y la redirección de los usuarios de este método a una página con una URL significa que podemos llevar a los usuarios a diferentes campos. Para ser más específicos, si tenemos contenido de muro de pago en el sitio web de diseño isotrópico, pero empujamos a los usuarios a este contenido a través de una WPFORM Paywall ubicada en nuestro sitio Elementorqa, esto se puede hacer fácilmente utilizando esta solución.
Ahora que nos dimos cuenta de cómo funcionará nuestro muro de pago, construamoslo. El primer paso es crear nuestro formulario Paywall. Queremos recopilar información, mientras hacemos que nuestros usuarios paguen por el contenido. La forma en que lo hacemos es recopilar el nombre, la dirección de correo electrónico y el sitio web del visitante. Usando el suplemento de pago de stripe para WPFORMS, les pediremos a los usuarios que paguen $ 5 para acceder al contenido detrás de Paywall. Cuando el pago se procesa con éxito, el usuario empujará el contenido detrás del muro de pago redirigiéndolo. Nota, esta redirección contendrá contraseña en la URL. Además, el formulario enviará por correo electrónico la contraseña del cliente. Construcción del formulario primero, creamos el formulario.
Nos llamamos el formulario de muro de pago y usamos un espacio en blanco de forma sin complicaciones. Haremos la recopilación de información básica parte del formulario, agregando un campo de nombre, un correo electrónico y un campo URL.

Ahora, teníamos nuestra función Paywall agregando un solo campo de artículo. Se encuentra en la sección Campo de pago de WPFORMS. Desde WPForms: el campo de elemento único se puede usar para mostrar un elemento individual en un formulario. Esto puede ser útil para los precios fijos y siempre se aplicará al costo total, como una tarifa básica para un programa.

Queremos cobrar $ 5 para que las personas accedan a nuestro artículo, por lo que el precio del artículo es de $ 5. También puede crear un muro de pago “Page lo que quieras” seleccionando “definido por el usuario” como un tipo de artículo. Esto significa que el usuario puede ingresar un precio y se le cobrará de lo que ha introducido. Si está interesado en la psicología detrás de este método de venta, aquí hay un enlace a un informe realmente interesante sobre el pago de lo que desea (PWYW). Debido a que colocaremos este formulario en una página de destino (“Título: Desbloquee este artículo por $ 5”), ocultaremos el tipo de artículo. Esto significa que el que envía el envío no verá este campo en el front-end, pero aún se le cobrará por $ 5. Si este es un formulario autoempleado (es decir, sin contexto), puede elegir “un solo artículo”, y este campo se mostrará en el frente del formulario. Lo último que haremos es agregar el campo de la tarjeta de crédito, donde Los usuarios pueden ingresar su información de pago. Esta información de pago no se almacena en nuestro servidor y se procesa a través de rayas. Para obtener este campo, debe tener WPForms Pro y el suplemento Stripe. También queremos que este campo aparezca solo después de que el usuario ingrese la información básica. Creemos que esto puede aumentar la conversión de nuestro muro de pago y lo haremos activando la lógica condicional para ese campo específico.

La regla que usamos ocultará la tarjeta de crédito completa hasta que el usuario del formulario complete el campo Sitio/URL.
Hasta ahora, así es como debería ser su forma en el generador WPForms de backend.

Para el botón de envío en el formulario, cambiaremos el texto del botón para “ir a su contenido ahora”. Puede hacerlo yendo a la configuración → general y editando el campo de texto del botón de envío. Ahora, configuraremos Stripe como procesador de pago. Lo haremos accediendo a la sección de pago en el generador de formulación, haciendo clic en “Stripe” y configurando las teclas API Stripe (necesita una cuenta con Stripe para obtener las teclas API). Configurar rayas
Le recomendamos que ejecute este formulario en modo de prueba antes de presionarlo en su sitio de producción. Puede acceder a la API de prueba accediendo al panel de franjas → Tabla de desarrolladores → claves API y activando el “Modo de prueba”.

Simplemente pegue esas claves para la página de configuración de Stripe WPFFORMS, verifique el “modo de prueba” y esté listo. Ahora que Stripe está configurada, vuelve a formar el constructor y active Stripe. Haga esto accediendo a esta pestaña Configuración de stripe en pagos y marcando “Stripe”. Ingrese la descripción del pago y establezca el recibo en “correo electrónico”. También puede activar las suscripciones, aunque optamos por no continuar de esta manera.

Lo último que debe hacer es configurar su confirmación de correo electrónico, que enviará la contraseña del comprador y redirigirá la URL con el parámetro de contraseña.

Para el correo electrónico, vaya a Configuración → Notificación y agregue una nueva (lo llamé “para el usuario”:


Configure la notificación para enviarlo al correo electrónico de su cliente utilizando etiquetas inteligentes (haga clic en etiquetas inteligentes, seleccione correo electrónico):

Luego puede crear un mensaje de correo electrónico personalizado. En nuestro correo electrónico, incluimos la contraseña en el texto simple que los clientes pueden usar para desbloquear la página. Ahora, debemos configurar la redirección, que enviará a los usuarios a la página protegida con contraseña y se conectará automáticamente usando la contraseña contenida en el parámetro URL. Esto es bastante simple de hacer, simplemente cambie la confirmación predeterminada al redirigir la página. Eliminado a la página tendrá el contenido protegido y asegúrese de incluir la contraseña en un parámetro URL como ejemplo. Nuestra contraseña es 32101, por lo que el parámetro es /? PW = 32101. Haga su página de destino ahora que su formulario está listo para incorporarse en la página de destino original. Simplemente haga clic en el botón de incorporación e inserte el código corto donde desea mostrar el formulario. Hice una página de destino muy simple y rápida usando Elementor Pro. Con el formulario construido, así es como se ve la página:
Recibimos una advertencia de contenido incierto, que es generada automáticamente por los formularios de WordPress, porque desarrollamos este sitio web en LocalHost (sin SSL). Si recibe esta advertencia en su sitio web de producción, probablemente tenga mal el certificado SSL o no tiene una. Procese pagos que siempre debe usar HTTPS.

Puede probar este formulario ingresando información en el campo (para la tarjeta de crédito use un número de prueba proporcionado por Stripe) y haciendo clic en “Vaya al contenido ahora”. Si ha configurado todo bien, debe redirigirlo a la página que estará protegida por la contraseña. Cree la página de contenido ahora debe configurar el contenido de la página para proteger la contraseña (y aceptar una contraseña de aprobación a través del parámetro URL). Para hacer esto, utilizaremos una contraseña súper simple y fácil de llamar la contraseña. Conectaremos este complemento al artículo porque es difícil encontrar un aspecto en el almacén del complemento desde su instalación de WordPress: contraseña de contraseña

Actualmente, el complemento no es aceptado o desarrollado activamente, pero aún funciona con WordPress Versión 5. Nos hace adjuntar la contraseña a la URL, a la que el formulario redirigirá y desbloqueará una contraseña protegida. Esto hace que la acción del formulario Paywall al contenido (incluso si está en otro sitio) sin interrupciones. Aún mejor, no tendrá un impacto en el rendimiento de su sitio, porque su tamaño total es de 2.30 kb. Puede hacer su página/publicación directamente a Guttenberg, como lo hicimos nosotros. Cuando esté listo para publicar, cambie la visibilidad de publicar a “Contraseña protegida”. Ingrese la contraseña a la que redirige su formulario.

Ahora puede probar la protección de contraseña accediendo a la página. Si la página muestra esto, está protegido: