El tema de WooCommerce determina la apariencia que va a tener tu tienda online. En esta charla veremos algunos consejos básicos que debes tener en cuenta a la hora de elegir un tema: Que la línea gráfica encaje con tu marca y tus productos, en función de lo que quieres comunicar a tu audiencia. Que el tema esté actualizado para que sea compatible con las últimas versiones de WordPress y WooCommerce. Que no incluya funcionalidades personalizadas. Que esté adaptado a todos los dispositivos, que sea accesible, y que ofrezca una experiencia de usuario agradable a todos los visitantes. Además, veremos aspectos más específicos de diseño orientado a la conversión. Así, podremos elegir un tema que tenga un diseño optimizado de cada una de las partes de tu tienda online (página de inicio, página de producto, listados, etc.).

1. Cómo elegir un tema
para WooCommerce
Ana Cirujano

2. Ana Cirujano
Diseñadora de negocio digital
● Co-organizadora de WordPress Torrelodones
(Meetup y WordCamp 2023)
● Embajadora de Piensa Solutions
● Podcaster en Un billete a Chattanooga
y profe de diseño en 3ymedia School
● Twitter: @acirujano
#WCGriñón

3. ¿Qué es un tema?
#WCGriñón

4. #WCGriñón

5. #WCGriñón
twentytwentythree
assets
parts
patterns
styles
templates
readme.txt
screenshot.png
style.css
theme.json

6. Assets
#WCGriñón
assets
fonts
dm-sans
ibm-plex-mono
inter
source-serif-pro

7. Plantillas
#WCGriñón
templates
404.html
archive.html
blank.html
blog-alternative.html
home.html
index.html
page.html
search.html
single.html

8. #WCGriñón

9. Partes de plantilla
#WCGriñón
parts
comments.html
footer.html
header.html
post-meta.html

10. #WCGriñón

11. #WCGriñón

12. Patrones de bloques
#WCGriñón
patterns
call-to-action.php
footer-default.php
hidden-404.php
hidden-comments.php
hidden-no-results.php
post-meta.php

13. #WCGriñón

14. Estilos
#WCGriñón
styles
aubergine.json
block-out.json
canary.json
electric.json
grapes.json
marigold.json
pilgrimage.json
pitch.json
sherbet.json

15. #WCGriñón
Ver vídeo en WordPress.org

16. #WCGriñón
Checklist de requisitos
de un tema para
WooCommerce

17. Que esté preparado
para WooCommerce
#WCGriñón

18. Que sea compatible
Con WordPress,
WooCommerce y otros
plugins que necesitemos
#WCGriñón

19. Que sea accesible
#WCGriñón

20. Que se pueda
traducir
#WCGriñón

21. Que podamos confiar
en el equipo de desarrollo
● Que esté actualizado
● Que den buen soporte
● Que esté bien valorado
● Que tenga una buena
documentación
#WCGriñón

22. Que podamos probarlo
● Acceder a una demo o preview
● Importar datos ficticios
● Medir la velocidad de carga
#WCGriñón

23. #WCGriñón
Que tenga patrones
de bloques
● Llamadas a la acción
● Testimonios
● Ventajas destacadas
● Redes sociales
● Formas de pago
● Galerías
● Migas de pan
● Sobre nosotros
● Contacto

24. Que sea compatible
con el Editor del sitio
(Full Site Editing)
#WCGriñón

25. Que se adapte bien
a los dispositivos
móviles
#WCGriñón

26. Que no esté sobrecargado
● Que no tenga funcionalidad
#WCGriñón

27. Que el estilo exprese
tu marca
#WCGriñón

28. Pide recomendación
#WCGriñón

29. #WCGriñón

30. #WCGriñón
Caso práctico:
Elegir un tema para WooCommerce
en el repositorio de temas de WordPress

31. #WCGriñón

32. #WCGriñón
5242 temas
populares

33. #WCGriñón
1916 temas
comercio
electrónico

34. #WCGriñón
182 temas
patrones
de bloques

35. #WCGriñón
15 temas
Editor
del sitio

36. #WCGriñón
1 tema
listo para
accesibilidad

37. #WCGriñón
¿Dónde encontrar temas
para WooCommerce?

38. #WCGriñón
● Anariel Design
● Aino Blocks
● Astra
● Elegant Themes
● Elementor Kits Library
● GeneratePress
● StudioPress
● WooCommerce Theme Store (Block themes)
Dónde comprar

39. ¡Muchas gracias!
#WCGriñón | Crédito de las ilustraciones: https://cocomaterial.com/