El 14 de septiembre de 2017, publicamos una versión revisada de nuestra Política de privacidad. Tu uso continuado de video2brain.com significa que aceptas este documento revisado, por lo que te recomendamos que dediques unos minutos a leerlo y comprenderlo.

WordPress práctico: Creación de web con acceso de pago

Añadiendo opciones de pago a nuestro site

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Configuraremos una pasarela de pago con la que poder empezar a realizar pagos en nuestro entorno de prueba usando el servicio Stripe. Veremos qué necesitamos configurar y los pasos para realizarlo correctamente.

Transcripción

Una de las claves de tener una web con suscripciones de pago, es evidentemente poder recibir pagos a través de la web, ¿verdad? Bien, para que esto funcione debemos añadir las correspondientes opciones de pago. Eso sí, al igual que he dicho en ocasiones anteriores, tengamos en cuenta que ofrecer métodos de pago y transacciones económicas, en general es algo que nos obliga a estar al día en temas financieros. Ya sabéis, declaraciones de ingresos, control de las facturas, etc. Esto no lo hace automáticamente el plugin y somos nosotros los responsables de tener todo esto en cuenta y al día. Para este ejemplo, usando iThemes Exchange, vamos a utilizar Stripe como pasarela de pago. Podríamos usar Paypal u otro de los métodos disponibles, pero, quizá, es uno de los ejemplos de pasarela más sencillos y útiles a día de hoy, no impacta de manera negativa en la experiencia de usuario, por ejemplo, cuando realizamos Paypal si nos damos cuenta, a la hora de comprar algo en cualquiera de los sitios que admitan este tipo de pagos, bueno pues nos hace saltar a la página de Paypal y luego volvemos, y en el caso de Stripe la experiencia es bastante transparente, no tenemos que saltar a la página web de Stripe para realizar el pago ni nada. Así que vamos a configurar Stripe, para ello simplemente hacemos clic en la opción correspondiente. Vamos a hacer un poco de "scroll", y esta pantalla nos sonará un poquito, nos indica que para poder usar Stripe, bueno necesitamos incluir una serie de extensiones que necesitamos para poder trabajar con Stripe. Si ya tenemos la licencia de "Membership" bueno pues, ya tendremos acceso a esa extensión con lo que, en vez de dirigirnos a la web, vamos a ir a la página de plugins y vamos a instalarlo y a activarlo. Vamos a hacer clic en la opción de “Añadir nuevo”, “Subir plugin”, “Seleccionar archivo”, y vamos a buscarlo, aquí lo tenemos. Hacemos clic en “Instalar ahora” y esperamos a que se descomprima y se instale. Vamos a activarlo, directamente desde esta pantalla. Vamos a esperar para poder empezar a trabajar con él. Tendríamos que meter la licencia nuevamente en caso de que no la hubiésemos incluido dentro de lo que sería la extensión. Vamos a añadirla aquí, y vamos a incluirlo también para que no haya problemas. Activamos la licencia, ya tengo registrados todos los "add-ons" que he incluido. Vamos a ir a "Exchange" nuevamente para acceder ahora a la configuración de Stripe. Hacemos clic en Stripe, ya lo tenemos aquí disponible. Si necesitásemos ayuda, bueno, pues aquí tenemos los enlaces a un vídeo para poder configurarlo. Aquí también tenemos un enlace directo para dirigirnos a la web de Stripe en caso de que no tuviésemos una cuenta. Tenemos que registrarnos en Stripe. Es gratuito, con lo cual no pasa absolutamente nada y para poder empezar a trabajar con Stripe vamos a necesitar rellenar una serie de datos que tenemos aquí. Para poder trabajar con Stripe, una vez que la web esté pública, vamos a necesitar una serie de claves y de la misma manera que, bueno, vamos a querer hacer determinados testeos con el plugin, bueno, pues vamos a necesitar también incluir otra serie de datos. Lo primero que voy a hacer es modificar la divisa desde esta opción. Vamos a ir a la opción correspondiente, vamos a escoger en vez de dólares vamos a escoger euros. Aquí lo tenemos, vamos a poner que el valor de la divisa sea por detrás. Vamos a guardar los cambios. Volvemos a la opción de "Configuración", mediante, por ejemplo, el botón de acceso directo. Vamos a introducir los datos que necesitamos, estos datos los tengo disponibles dentro del panel de Stripe. Ya estoy logueado, voy a hacer clic, en la opción de “Account settings”. Vamos a incluir el "password", tendríamos que acceder a la opción de "APIs" y aquí tenemos los datos que necesitamos para cuando queramos hacer pagos a través de Stripe. Una vez tengamos publicada la página web, los copiamos y los pegamos, por aquí uno, por aquí vamos a copiar y pegar otro. Vamos a pegarlo, vamos a hacer "scroll" hacia abajo. Tenemos otra serie de parámetros que tenemos que configurar, por ejemplo, los "Webhooks" con Stripe es una manera de comunicar nuestra página de compra, por así decirlo. Wordpress con Stripe y, de esta manera, bueno, pues los pagos que se puedan realizar a través de Stripe queden bien reflejados en nuestro entorno de administración. Lo que tengo que hacer es copiar esta URL, dirigirme nuevamente a Stripe, voy a dirigirme a la opción de "Webhooks", y voy a añadir uno nuevo. Simplemente veo la URL que he copiado. Voy a poner el modo en "Live" o en "Test". En este caso, lo dejamos en modo "Test". Creamos uno nuevo. Ahí lo tendríamos. Vamos a hacer clic en “Done”. Vamos a fijarnos qué más opciones tenemos. Vamos a hacer "scroll" hacia abajo. Vamos a activar el modo de testeo o el modo de “Sandbox” que nos va a permitir realizar pagos, de manera demo, por así decirlo, antes de que tengamos la página publicada, bueno, siempre queremos testear que el proceso de pago se haga de manera correcta, y para ello sin tener que usar datos de tarjeta reales, bueno, pues podemos activar el modo de testeo. Para ello simplemente, tenemos que hacer clic en este "check" de aquí, y tendremos que incluir dos nuevas claves que tenemos disponibles también en Stripe. Volvemos nuevamente a “Account settings”. Vamos a la sección de "API", y copiamos los dos valores que tenemos para las claves de testeo. Por aquí pegamos. Vamos a pegarlo bien, que he copiado todo me parece a mí. Esto de aquí… Ahí lo tenemos… Esta de aquí… la copiamos, la pegamos aquí sin problema, hacemos clic en el botón para guardar los cambios, y, en principio, si todo ha ido bien, recibiremos un mensaje que todo ha sido guardado correctamente, y podremos continuar. Siempre que necesitemos modificar todos los datos relacionados con Stripe, los tendremos disponibles dentro de esta pantalla, y podemos acceder a esta pantalla desde dos sitios diferentes. Por un lado, tenemos la sección de "Add-ons", dentro del panel de configuración del plugin. Vamos a ir a la pestaña de “Enable”. Tendríamos aquí este icono que nos va a llevar al hacer clic, a la pantalla que estamos viendo justo ahora, donde hemos realizado todo lo relacionado con la configuración de Stripe. Para poder llegar a esta pantalla también podríamos dirigirnos desde plugins. Vamos a hacer clic. Vamos a hacer "scroll" hacia abajo. Nos fijamos en la extensión de Stripe y desde el link de "Setup Add-on" hacemos clic y también apareceríamos en esta pantalla de configuración.

WordPress práctico: Creación de web con acceso de pago

Crea desde cero un completo sitio web que ofrezca contenidos solo para usuarios de pago, incorporando plugins en un proyecto web para gestionar pagos, descuentos y usuarios.

Actualmente no hay comentarios.
 
Software:
Fecha de publicación:3/02/2017

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.