Personalizar tema OceanWP: colores, tipografías, páginas y woocommerce

Esta nueva sesión es prácticamente la más compleja por que se inicia a personalizar tema OceanWP de inicio a fin. Esto conlleva diferentes pasos para su realización como la paleta de colores, cabecera, pie de página, contenedores, páginas de woocommerce y más.

En si, la personalización del tema compete tanto para un correcto funcionamiento de la web como para aumentar las ventas. Seamos honestos, si el sitio no es agradable a la vista, no confiaré ni compraré en el. Por esto, también hablaremos del tema de la confianza al momento de comprar en internet. Iniciemos!

Confianza en eCommerce

En este primer punto, quiero enfatizar la importancia de demostrar confianza en nuestra tienda en línea y todo lo que conlleva. Si bien, entramos por ejemplo a amazon, tenemos la certeza de lo siguiente:

• Nuestro producto si o si va a llegar.
• Contamos con garantía por nuestra compra.
• Tenemos número de seguimiento.
• Contamos con soporte para consultar sobre nuestro pedido.
• Podemos ver nuestro historial de compras.
• Podemos recomendar las compras allí sin problema.

Esto NO ES FACIL DE LOGRAR. Pero para nada. Esto es más que todo experiencia en el mercado, y referencias de usuarios pasados lo que les permite ser quienes son. Claro que son un gigante de la industria y por esto ya si o si confiamos en amazon, pero ¿antes de esto?. Hay cosas que de entrada pasamos desapercibidos como:

• Páginas de políticas.
• Pie de página informativo.
• Cabecera completa con todo lo que necesitamos de primera mano.
• Paleta de colores en general.
• Tipografía que se entienda.
• Sitio adaptable para móviles.

Esto y muchísimas características más damos por sentadas en amazon. Pero al iniciar en una tienda en línea, esto es lo PRIMERO que debemos cuidar. Entonces, la confianza resume las ventas frecuentes, clientes comprometidos, nuevos clientes en muy poco tiempo y crecimiento constante.

Políticas

Inicio con este tema en la personalización porque creo que es de vital importancia contar con las políticas adecuadas para cada eCommerce. Si bien, todos contamos con políticas diferentes, puede que encuentres algunas que tengan similitudes. Por ejemplo, puede que no hagamos devoluciones de dinero, pero si cambios por productos dañados.

Las políticas, como lo mencioné anteiormente al personalizar tema OceanWP, representa mayor confianza para el usuario y aunque puede que no las lea, es mejor que estén allí y de esta manera tendrás un respaldo legal en dado caso que algo llegue a suceder.

Ahora, ¿cuáles políticas debe tener el sitio web?, pues bien el sitio mínimo debe contar con las siguientes políticas:

• Política de privacidad. En woocommerce, al crear la tienda inmediatamente te crea la página junto con la plantilla.
• Política de envíos y devolución. Haz click aquí para ver una plantilla.
• Política de cookies. Haz click aquí para ver una plantilla.
• Términos y condiciones. Haz click aquí para ver una plantilla.

Cabecera

Piensa en esto: cuando entras a una tienda, ¿qué es lo primero que vez?. Bueno en eCommerce, esto es la primera vista del usuario a tu web, indirecta o directamente. Así que esta debe contener lo necesario para ubicar al usuario y llevarlo de un lugar a otro sin problema.

La cabecera representa la guía en primer plano para el usuario y al personalizar OceanWP encontrarás que cuenta don dos cabeceras: una superior y una principal.

Cabecera superior

Esta cabecera representa la información en pequeño formato que tal vez el usuario esté buscando pero no inmediatamente. En las opciones de personalización encontrarás que cuenta con un contenido y unas redes sociales:

• contenido: puede ser html o simplemente un texto. Como el correo electrónico o teléfono.
• Redes sociales: son clave claramente par todo negocio entonces habilita las que tengas disponibles. El logo se añadirá automáticamente.

Cabecera principal

Lo más importante es tener un menú principal enfocado en lo que es tu negocio. Pero aquí te comparto lo que si o si debe tener tu cabecera principal:

• Logo.
• Home.
• Store.
• Add to cart.
• Tracking – si es posible.
• My account.

Estas páginas son básicamente en un eCommerce representan la web entera. Lo que el usuario necesite adicional, se tomará el trabajo de buscarlo.

Pie de página

Al personalizar OceanWP encontraremos que el pie de página cuenta con cientos de opciones en colores, tamaños de letra, organización de elementos y más. OceanWP es increíble en todo sentido y por esto, me gusta hacer eCommerce con este tema.

Pero volviendo al tema te recomiendo hacer 3 menús y compartirlos como widgets en el pie de página de OceanWP:

• Cuidado al consumidor: contendrá todas las páginas de cuidado al consumidor.
• Empresa: contendrá todo sobre tu empresa incluyendo los enlaces de la tienda.
• Contacto: este puede ser un widget de información, para mostrar correo, teléfono, dirección. OceanWP permite añadir enlaces entonces podrás, por ejemplo, añadir el enlace de google maps a la dirección. Lo cual es genial.
• Productos o Suscripción: Este último, puede ser categorías de tus productos organizados, según las que tengas o bien, un formulario sencillo de suscripción.

Tipografía y paleta de colores

Me cuesta encontrar temas que cuenten con una sección de tipografías óptima y al personalizar OceanWP siempre se encuentran sorpresas, de la cantidad de opciones que hay. Puede modificar la tipografía de cualquier parte de la web: cabecera, pie de página, menús, copyright y más.

Esto realmente me parece una locura, porque sé lo que representa crear estas funciones y más para un tema tan popular. En sí, puedes escoger la opción que desees, pero te recomiendo si o si revisar el sitio de google fonts y encontrar, por ejemplo para español, tipografías que cuenten con la letra «ñ» y al mismo tiempo con minúsculas.

El sitio usa estas fuentes entonces, si o si tendrás un sitio rápido hablando de tipografías. Adicional aquí te comparto algunos tamaños que suelo usar en mis sitios y de mis clientes:

• H1: 40
• H2: 30
• H3: 25
• H4: 22
• H5: 20
• p: 18 o 17 dependiendo de la tipografía.

Paleta de colores

La paleta juega un papel muy importante ya que sobre esta se definen los colores principales de la web, y como lo he mencionado todo el post: al personalizar oceanWP puedes modificar el color de todo! Entonces, para esto, te comparto un sitio par que puedas escoger una paleta de colores conforme a tu marca. Haz click aquí para verlo.

Contenido de ayuda

Por último te dejo este video. En el resumo toda la personalización de oceanWP. Si te gusta, no olvides dar like y suscribirte para nuevos videos!

Producto recomendado

Si al igual que yo, pasas demasiado tiempo en un pc, puede que este producto te ayude, como yo a cuidar mis manos y a su vez, optimizar mis horas de digitalización. Te recomiendo totalmente este teclado mecánico Keychron k6. Si quieres ver la reseña completa puedes hacerlo aquí.

Conclusión

Esta sesión compete a la personalización del tema oceanWP y todo lo que conlleva su realización. Dejando en claro la importancia de esto y la confianza que representa para el usuario final.