August 01, 2018

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

23 minutes

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.

...more

View all episodes

By Gonzalo Navarro

4.8

88 ratings