César Aquino Maximiliano

Software Developer | Bombero Voluntario | Tech Instructor

Consejos para (ser) un WooCommerce Developer

Publicado el por César Aquino Maximiliano en la categoría Desarrollo web

El día de ayer (5/8/17) di una charla en las oficinas de Microsoft para el meetup de la comunidad #WPPeru. En esta ocasión me tocó hablar de WooCommerce. Al principio tenía pensado hablar sobre como construir una plantilla, pero luego decidí por dar consejos para ser un desarrollador WooCommerce.

Empecemos:

Al principio hablé de porqué deberíamos usar WordPress y WooCommerce. El número 28 fue especial (mi hijo nació ese día) porque el 28% de las webs del mundo usar como gestor de contenidos a WordPress y más del 28% de los ecommerce del mundo usan Woo.

También hablé de las comunidades. Los meetups, Wodcamps y WooConf que se dan en todo el mundo ayudaban en hacerlos más populares. En Perú no tenemos una comunidad oficial de WooCommerce. Es una idea que está ahí y que sería bueno plasmarla.

Páginas para resolver dudas

Todos hemos tenido dudas a la hora de desarrollar cosas y Woo no es la excepción. Hay muchos problemas que nos saltan al principio o muchas cosas chéveres que queremos agregar. Para eso tenemos a San Google que nos puede ayudar llevándonos a diferentes páginas. Las más comunes son las siguientes:

Evita Problemas

Algunos consejos para que evites problemas en tu tienda online o a la hora de desarrollarla:

  1. Ten tu WordPress actualizado – Siempre es bueno tener nuestro WP actualizado a la última versión. Eso sí, nunca lo actualicen ni bien sale la versión ya que siempre aparecen errores por ahí que es mejor esperar a que los parchen.
  2. Actualiza WooCommerce después de haber actualizado tu WordPress – Cuando Woo se actualizó a la versión 3.0 se rompieron varias webs ya que tenían el WP desactualizado y la versión 3.0 necesitaba de los nuevos cambios que habían. Por ello es mejor primero actualizar el WP y luego Woo.
  3. Revisa siempre la compatibilidad de los plugins con la versión actual de WP – Como trabajamos con Woo es inevitable que no terminemos usando algún plugin extra. Ellos también tienen que ser compatibles. Tomémonos unos minutos en revisarlos antes de actualizar algo.
  4. Si no es un tema premium, es mejor usar el tema por defecto de Woo: Storefront – Storefront,  es el tema gratuito por defecto de Woo y el que nos permite tener una tienda completa muy configurable. Quizá nos sea complicado adaptarlo a un diseño en particular pero sirve como un buen inicio si aún no tenemos experiencia desarrollando temas.
  5. Revisa el System Status de Woo en tu panel – Cuando instalas WooCommerce te aparecerá una sección de Estado del sistema, en el que podrás ver si todo está conforme en tu instalación. Incluso si tienes algun problema y te comunicas con soporte, puedes enviar ese esos datos descargándolo. Esa opción ya está integrada.

Consideraciones a la hora de desarrollar un tema propio

A pesar que mi charla no es de como crear una plantilla. Les quise compartir algunas consideraciones que deben tener a la hora de armar una.

  1. Debes tener armado un page.php. Ahí cargarán todas las páginas que Woo nos crea – W00 crea algunas páginas que son necesarias para que una tienda online funcione (Carrito de compras, checkout, perfil de usuario, etc). Así que esas páginas se cargarán en un archivo page.php, si no lo tienes se abrirá en el index.php y como que ese archivo es muy distinto a lo que uno necesita. Con un page.php con un espacio considerable, va a quedar genial. Los estilos los pondrá Woo.
  2. No olvidar poner el the_content(). El contenido dinámico ingresa a nuestras páginas vía shortcodes – Como lo dije en el punto anterior, en los pages se cargán las páginas que crea woo, pero para poder insertar los datos y estructura debe haber si o si la función que menciono «the_content» y si se usa el index.php pues también tendrá que tenerlo. Si no no cargará nada.
  3. Siempre debes tener el wp_head() y wp_footer() para Woo y otros plugins – Woo ingresa varios archivos css y js al front así que si no tienes esas funciones no podrá hacerlo. Además que es una mala práctica no agregarlo en nuestras plantillas.
  4. Crea una carpeta woocommerce/ en la raíz de tu proyecto ya que funcionará como theme_child para las demás secciones de Woo – Si queremos hacer cambios más personalziados en nuestra plantilla necesitaremos crear una carpeta donde pondremos los archivos a modificar. Funciona como un theme_child, reemplazando lá página por defecto. Puedes ver más de ello en la documentación de WooCommerce.

Buenas prácticas

  1. Un buen hosting hace la diferencia – Una tienda online recibirá visitas, muchas visitas. Una tienda online tendrá usuarios, procesos y muchas otras cosas. No va a funcionar en el hosting de S/.80 (25$) al año que pagas por tu blog. Debes tener cuidado con eso.
  2. Trata de usar la menor cantidad de plugins posibles – No usemos plugins para cosas que se pueden hacer y mucho menos si son gratis. Si fuera así verifica que sea hecho por la empresa WooThemes que son los creadores de Woo y ellos ponen muchos de sus plugins gratuitos. Los de otros, mejor comprar.
  3. Aprende sobre hooks & filters para que programes tu mismo tus funciones – Mucho mejor a usar plugins es que tú mismo los crees y la base está en aprender sobre hooks & filters que los de Woo usan muy bien en todo su código. Si deseas aprender a crear plugin puedes revisar mi Curso online de Creación de Plugins en WordPress que dicté en DevCode.
  4. Optimiza tus imágenes – Muchos de los usuarios que compran online lo hacen a través de sus celulares y tu página debe estar completamente optimiza. Usa imágenes con tamaños exactos.
  5. Usa el Monitor de Jetpack para revisar si tu sitio se cae – No podemos darnos el lujo de tener nuestra tienda sin abrir y en internet estar caído una página significa eso, incluso peor ya que se pierde reputación. Revisa si tu web se cae y solucionalo lo más rápido.
  6. Evitar personalizar demasiado las opciones por defecto de Woo – A veces el cliente es bien complicado, a veces… Pero no podemos permitirnos cambiar muchas opciones que ya vienen por defecto. Por ejemplo las opciones del formulario de pago, quitar o agregar muchos campos puede alterar alguna cosa, también puede fallar la tienda si modificamos demasiado el carrito de compras. Modifiquemos estilos (colores, tamaños) pero no modifiquemos mucho el funcionamiento.

Por último, cuando construyas una tienda online recuerda siempre esto:

Un ecommerce es una fuente de ingreso directo. No lo tomes a la ligera.

Antes de terminar, si nunca han usado Woo o no lo conocen, tengo un curso de Fundamentos de WooCommerce donde aprenderás todas las opciones y podrás crear tu primera tienda online.

Espero les haya servido estos consejos. WooCommerce es una gran plataforma y debemos aprender a usarlo de la mejor forma. Si tienen alguna duda o consulta, lo pueden dejar en los comentarios.

Etiquetas:   ,