120 | Cómo personalizar tiendas online sin usar código con Storefront

En el episodio 120 de Wordpress Semanal charlamos sobre una de las mejores maneras en las que puedes crear y personalizar una tienda online en WordPress: Storefront y sus extensiones. También te hablo del flujo de trabajo con los pasos a seguir. Escuchar en iTunes Escuchar en iVoox Escuchar en Spotify Plugin de la semana: vuelve a versiones anteriores de plugins y themes Con el plugin WP Rollback puedes volver a versiones anteriores de plugins y themes que estén en el repositorio de WordPress. ¿Cuántas veces has escuchado que tienes que tener tu web siempre actualizada? Esto es cierto pero, como en todo, puedes encontrarte con problemas. Siempre hay riesgo de incompatibilidades entre versiones de plugins o simplemente de errores de los desarrolladores. En estos casos muchas veces hay que retroceder a una versión anterior y, con wp rollback puedes hacer de forma sencilla. Es el mismo proceso que para actualizar un plugin o theme, pero para ir hacia versiones anteriores o posteriores. Personalizar eCommerce con Storefront Uno de los mejores themes para crear tiendas online Ya dediqué un episodio entero a las bondades de Storefront y sus extensiones Storefront está creado por los mismos desarrolladores que WooCommerce Así que la integración es perfecta Es un punto de partida ideal para crear tu eCommerce a medida ¿Qué aporta Storefront de primeras en términos de personalización? No demasiado (y esto es bueno) Pero sí algunas opciones básicas muy ligadas a la creación de tiendas online Una homepage especial, con la posibilidad de tener una sección hero (o no) y de mostrar tus productos de varias maneras Opciones para la edición de colores y textos (esto viene en casi todos los themes) Dedicamos la segunda clase del curso de Storefront a ver estas opciones ¿Cuál es el mínimo de extensiones que te recomiendo instalar? Para la mayoría de casos será suficiente con instalar Storefront PowerPack (web del plugin) Es un plugin que incorpora opciones de diseño para todas las páginas y partes importantes de este theme Cabecera Footer Home Tienda Página de producto Así como otros menús de edición útiles Y además viene con un diseñador (Designer) que te permite seleccionar cualquier elemento de tu web y editar su aspecto ¿Otras extensiones extra para Storefront? Te he hablado de las páginas importantes Pero se quedan algunas por el camino El checkout o página de pago El blog Puedes usar las extensiones Storefront Blog Customizer y WooCommerce Checkout Field Editor Pro para personalizarlas Por último, recomiendo una extensión. Pero no para WooCommerce ni WordPress, sino para chrome: Stylebot. Flujo de trabajo para crear una tienda online con Storefront Instalar y configurar WooCommerce Instalar Storefront y crear un child theme Subir los productos de prueba para que te sea más fácil diseñar la web (si no tienes productos ya) Personalizaciones básicas de colores y tipografía (imagen corporativa) Diseño de header y footer Personalización de la home (puedes usar el hero para poner un CTA o hacer que la tienda sea la página principal) Elegir disposición de productos en la tienda y personalizar layout y colores Diseño de la página individual de productos (¿minimalista? ¿con mucha información?) Personalizar el checkout: en columnas, en dos pasos o a toda página; con muchos campos, lo mínimo posible o con campos extra) Retocar el resto de páginas importantes que pueda haber en tu web con la ayuda del Designer y StyleBot. Y estos son precisamente los pasos que seguimos en el curso de Storefront Para seguir aprendiendo a gestionar tu negocio o proyecto con WordPress, prueba el área para suscriptores durante 15 días sin compromiso y echa un vistazo a todos los cursos la zona código y el soporte WordPress. Enlaces En este episodio he mencionado los siguientes recursos: Nuevo vídeo de la Zona código: Crear testimonios con hover Nuevo curso: Curso de creación de tiendas online con Storefront Un theme de WooCommerce con un sinfín de posibilidades (episodio 40 sobre Storefront) Conclusión Sin duda hay muchos themes para crear tiendas online con WooCommerce pero no está claro que Storefront es uno de los mejores. Si eres desarrollador es un fantástico punto de partida para crear tu propio child theme pero, si no, ¡también! Porque hay muchas herramientas que te permiten personalizarlo a tu gusto. Si te ha gustado el episodio de hoy y quieres ayudarme a seguir creando episodios como este en iTunes, deja una valoración aquí (tardarás segundos). ¡¡Gracias!! Si me escuchas desde iVoox, también te agradezco tus comentarios y me gusta. La entrada 120 | Cómo personalizar tiendas online sin usar código con Storefront es una artículo de Gonzalo Navarro.