WordPress | 29 de julio de 2014

Estudio de caso: Creando la plataforma “AMK Pro”

Hace unas semanas escribí un estudio de caso acerca de cómo creé la plataforma AMK Pro, en la cual se publican mis cursos y lo envíe a WooThemes dado que sus productos juegan un rol muy relevante.

Después de algunos correos de ida y vuelta con ideas y mejoras al artículo, ayer finalmente fue publicado en su blog. Puedes visitarlo en el siguiente enlace:

Sensei Case Study: Creating the AMK Pro Platform

Soy un verdadero admirador del trabajo que realizan en WooThemes y es un honor ver mi artículo publicado en su blog. Debo agradecer a mi amigo (y ex profesor de inglés) Francisco Larco, quien me ayudó con la traducción.

A continuación, encontrarás una versión en español del artículo:


FranciscoAMKSoy Francisco Aguilera G., director creativo de APK Estudio un pequeño estudio de diseño web chileno y blogger en FranciscoAMK.com. Llevo un par de años publicando tutoriales y cursos en internet, a través de mi propio blog, el sitio web de mi empresa y también mediante otras plataformas como Udemy y Floqq.  A principios de 2014 tenía 3 cursos publicados de manera independiente en diferentes plataformas:

  • Diseño web conHTML y CSS desde cero: Publicado en Udemy
  • Dominando WordPress sin programación: Publicado en Floqq, Udemy y un sitio propio para el curso, utilizando autoresponders de Campaign Monitor para enviar una clase al día a quienes se registraran.
  • Tu primera tienda online con WordPress: Publicado en un sitio propio, enviando una clase al día del mismo modo que el curso anterior.

Durante marzo de este año comencé a preparar material para publicar un nuevo curso llamado “Creación de temas WordPress profesionales“, pero en esta ocasión, decidí publicarlo en una plataforma propia: http://pro.staging.francisco.flywheelsites.com.

Página de Mis Cursos
Página de Mis Cursos

Esta plataforma debería permitirme ofrecer a los estudiantes una experiencia de aprendizaje tan agradable como la de Udemy, y en la cual yo pudiera decidir cómo tratar a mis estudiantes, cuándo contactarlos y cómo realizar la promoción de mi curso, pero por lo que más me importaba, era no tener la necesidad de pagar una comisión del 50% de cada alumno registrado, y así poder cobrar un precio más bajo a mis estudiantes.

Adicionalmente, la plataforma debería permitirme reunir todos mis cursos en un solo lugar, ofrecer un mecanismo sencillo para poder gestionarlos y venderlos, además de permitirme vender otro tipo de productos digitales como ebooks y themes.

Allí fue cuando conocí a Sensei y su buena integración con WooCommerce. Fue amor a primera vista.

Preparando la plataforma

Para preparar las bases de la plataforma, lo primero fue crear una instalación de WordPress y sobre ella implementar los siguientes plugins:

Las configuraciones de Sensei son bastante sencillas y ofrecen las opciones justas y necesarias. Los ajustes más relevantes fueron los siguientes:

  • Los usuarios deberán estar registrados para ver los cursos y clases
  • Se usará WooCommerce para vender los cursos

Mi interés es poder obtener los datos de mis estudiantes para poder seguir en contacto con ellos, incluso con los que están tomando cursos gratuitos, es por ello que realicé estas restricciones.

Hacer que un curso se pueda vender es bien sencillo, solo se debe crear el producto en WooCommerce y luego desde la pantalla de edición del curso de Sensei, asociar éste al producto correspondiente.

Para probar el funcionamiento de la plataforma, publiqué el curso Dominando WordPress, cuyos video están originalmente publicados en youtube. En primera instancia funcionaban bien, pero necesitaba una forma de eliminar los videos relacionados una vez finalizada la reproducción, así que recurrí al plugin “Hide YouTube Related Videos” para este propósito.

Para mí es muy importante poder sincronizar los datos de los estudiantes registrados en la plataforma con mi base de datos de newsletter en Campaign Monitor, así que instalé el plugin “Campaign Monitor Synchronization” para ello. Asocié los datos de todos los estudiantes con una nueva lista de receptores y usé el dato “_money_spent ” para crear un segmento solo con aquellos que han pagado por sus cursos.

Finalmente, como la plataforma y los cursos debieran estar en español, usé el plugin “Codestyling Localization” para traducir todos los mensajes generados por Sensei y sus complementos.

Creando el diseño

Como diseñador, para mí es muy importante el aspecto visual que la plataforma mostraría a los estudiantes, sin embargo, no tenía intenciones de usar un tema predeterminado, así que creé un theme propio, siguiendo el estilo de mi blog, para mantener la consistencia en el diseño.

Sensei contempla la posibilidad de modificar su apariencia, duplicando los archivos de plantilla dentro de la carpeta del tema activo. Mi carpeta luce más o menos así:

theme folder whit sensei and woocommerce

Gracias a estos archivos pude realizar las siguientes modificaciones:

  • Modificar los elementos contenedores de cada página de sensei para que calce con las clases e identificadores usados en el tema.
  • Modificar el botón “add to cart”, para que no simplemente agregue el curso al carrito de compra, sino que también redirija al usuario directamente a la página de checkout para finalizar el pedido inmediatamente. Básicamente la ruta tiene que ser del tipo http://website.com/checkout-page/?add-to-cart=PRODUCT-ID.

Adicionalmente modifiqué el comportamiento de WooCommerce, eliminando gran parte de los campos del formulario de checkout, y previniendo que los estilos generales cargaran en la parte frontal del sitio. Esto lo conseguí añadiendo el siguiente código en el archivo de funciones de mi tema:

Vendiendo en diferentes paquetes

Esta plataforma vería la luz junto con el lanzamiento de mi curso “Creación de temas WordPress profesionales“, el cual tenía una característica particular, la cual es el venderse en diferentes paquetes, con diferentes precios y con acceso a diferentes contenidos.

El paquete básico contendría el acceso sólo al curso, el paquete intermedio contemplaría el acceso al curso básico más un módulo extra (que en la práctica, dentro de Sensei se trata como un curso aparte) y el curso completo que contemplaba el acceso al curso básico, más el módulo adicional, más acceso a un cupón de descuento del 100% para el curso “Diseño web con HTML y CSS” actualmente publicado en Udemy.

Para poder solucionar esta necesidad de conceder diferentes accesos, leí la historia de “Vitruvian Fine Art Studio“, pero a decir verdad, la solución con “members” no parecía adecuada para mi propósito. Mi decisión fue utilizar el plugin “Product Bundles“, para crear los diferentes paquetes. De este modo, dependiendo del paquete que cada persona comprara tendría acceso a uno, dos o tres cursos dentro de la plataforma.

Landing page Curso
Landing page Curso

Para promocionar el curso que daba inicio a la utilización de esta plataforma creé un landing page. En esta página, se ofrecería la posibilidad de optar por alguno de los tres paquetes disponibles para el curso.

Los enlaces de compra de este landing page, utilizaban la misma lógica usada para evitar el carrito de compras y llevaban directamente a la página de checkout, cada uno de ellos apuntando al ID específico de cada producto agrupado. Por ejemplo: http://pro.staging.francisco.flywheelsites.com/finalizar-comprar/?add-to-cart=343

Tabla de precios en el landing page
Tabla de precios en el landing page

Una vez en funcionamiento

Cuando el lanzamiento ya ocurrió y los estudiantes reales comenzaron a utilizar la plataforma, descubrí unas limitaciones que pude ir resolviendo con la ayuda de algunos plugins adicionales:

  • Limit login attempts: Para evitar intentos de ingreso erróneos reiterativos.
  • Crayon Syntax Highlighter: Para permitir a los estudiantes compartir fragmentos de código con el instructor dentro de los comentarios en cada lección.
  • User Switching: Para permitirme visitar la plataforma tal como la ve cada uno de los usuarios y, de esta forma, poder ayudarlos a solucionar cualquier tipo de problemas que tengan al visualizar las clases, gestionar sus cuentas etc.
  • WP Mandrill: Para enviar los correos electrónicos generados por la plataforma a través de los servidores de Mandrill. Algunos usuarios habían reportado no estar recibiendo correctamente algunos emails como los de registro y confirmación de compras, pero desde la instalación y configuración de mandrill, la entrega de los emails es un 100%.

Conclusión

WordPress + WooCommerce + Sensei es una de las mejores combinaciones posibles. Me entregó como autor una gran herramienta para poder publicar mi contenido y tener control por completo de elementos tan importantes como la comunicación con mis estudiantes, las estrategias de promoción, el manejo de ofertas por tempo limitado o el uso de cupones de descuento.

Como diseñador esta combinación también me entregó una gran libertad para poder manejar el diseño de acuerdo a mis necesidades y mí estilo, sin tener que ceñirme a estándares impuestos.

Con estas tres herramientas en juego, el resto depende únicamente de cuánta creatividad ponga cada uno en satisfacer las necesidades de sus estudiantes. Los comentarios que he recibido de parte de mis alumnos hasta ahora han sido bastante positivos.

Espero que este post te resulte de ayuda y te haya entregado algunas ideas para comenzar a ofrecer tus propios cursos online en una plataforma 100% tuya.

Si te interesa aprender a crear temas WordPress en un curso entregado en español, puedes comprar el curso “Creación de temas WordPress profesionales“.

También te podría interesar:

Aceptar las críticas de diseño sin que te afecte

El primer diseño que hice profesionalmente era horrible, pero yo me sentía muy orgulloso de él. Por eso cuando mi jefe de ese entonces lo rechazó y me pidió que hiciera uno nuevo me lo tomé como una ofensa personal. Mi pensamiento era algo más o menos como ¿Quién se ha creído este viejo feo […]

Seguir leyendo...

Las bases de PHP para WordPress (para no-programadores)

En esta transmisión aprenderemos cuáles son los requisitos necesarios de PHP para poder comenzar a trabajar con WordPress.

Seguir leyendo...

A diseñar se aprende diseñando

Supongo que hay cosas que se pueden aprender solo observando o leyendo. Tienen que existir. Hay mucha gente que se aventura en alguna disciplina creativa (diseño, ilustración, fotografía, etc) pensando que con solo observar a otras personas o leyendo libros llegarán a alzar cierto grado de maestría, y eso debe estar fundamentado en alguna experiencia […]

Seguir leyendo...

Hay una opinión

Y tú ¿Qué opinas?

Puede que no te responda, pero ten por seguro que leeré tu comentario. Por si acaso, tu email no se mostrará ;)

Recibe más artículos como este cada semana

Únete a los 10.432 suscriptores y recibe cada miércoles nuevo contenido sobre diseño, sitios web y creatividad.

¡Ya estamos casi! revisa tu bandeja de entrada para verificar tu email por favor.
Uy! Parece que algo salió mal procesando tu solicitud. Recaraga la página e inténtalo de nuevo.

Ya me suscribí antes, no me muestres esto.