WooCommerce y las tiendas Online

WooCommerce y las tiendas Online

WooCommerce y las tiendas Online
5 (100%) 2 vote[s]

Ahora mismo sé que le dije a una gran amiga que iba a hablar de los sitemaps hecho con Yoast pero es que esta semana me han j… bien porque se han puesto de acuerdo para hablar todos del tema, así que yo hablaré de Woocommerce y las tiendas Online.

¿Qué es Woocommerce?

Woocemmerce es un plugin de WordPress que utilizamos para crear nuestra tienda online o ecommerce, este plugin es muy conocido ya que hay que decir que es muy completo y bastante «sencillo» de instalar y utilizar.

Este plugin nos ofrece un Theme que es Storefront, una buen tema, que aparte de ser gratis que además cuenta con bastantes estilos de temas hijo todos de código abierto que también se agradece.

Es cierto que Woocommerce no todo es oro lo que reluce, pero con el precio que tiene y la gran comunidad que hay detrás de este plugin está muy bien, pero tu pregunta será ¿qué me vas a contar que no sepa?

Que estoy haciendo una ecommerce en la que si quereis puedo prepara videos y hablar sobre el montaje, en la que contamos a día de hoy con la friolera de casi 8000 artículos, y tenemos que tener en cuenta toda la estructura, categorias, imagenes….

Pero para ello necesito vuestro feedback y así que dejarlo en los comentarios si quereis los videos o mejor, mandarme un correo desde la opción de contactarme y os lo mando a vosotros los videos.

Tema hijo o Child theme en Woocommerce 👶

Ya sabéis que me gusta daros la mayor información para que podáis hacer lo máximo posible gratis (por ahora) gratis y si tiene código mejor.

El primer paso que hay que hacer es crear en el FTP una carpeta con el nombre style.css en la que tenemos que introducir el siguiente código.

Theme Name: Child Theme 
Version: 1.0 
Description: Child theme for Woo. 
Author: Woo
Author URI: http://woocommerce.com 
Template: themedir */

Y quizás pienses que «joer como te manejas con el inglés» pues la verdad que no, que ni papa, pero para que no tengas que buscar en webs te lo he puesto aquí y así no te compliques la vida.

Un ejemplo que te pone en la pagina oficial de wocommerce es para poner el H1 en rojo, ya ves tu que guay, pero sería para todos los H1 que utilices en la web, quizás este ejemplo es absurdo pero te puede dar ideas de que cosas puedes hacer en toda la página, cambios que quizás de esta manera ahorres un poco de código con la consecuencia de una web más rápida.

.site-branding h1 a {
   color: red; 
}

Este es el child theme que tenemos para Storefront que debemos crear en wp-content/theme/storefront/ y como ya tendréis que saber hay partes que si o si teneis que poner claro está en como viene y dónde viene.

/* 
Theme Name: Storefront Child 
Version: 1.0 
Description: Tema hijo para Storefront. 
Author: JaviLazaro
Author URI: https://www.javilazaro.es
Template: storefront 
*/  

/* -------- Theme customization starts here ------------ *//

Utilidades para woocommerce

Yo cuando empecé en este mundo como todos sabéis que conté en mi «biografía» que por cierto tendría que ir ampliando por eso del freshnes utilicé woocommerce para hacer las famosas TSA pero tienes muchas más funciones que algunas son gratuitas y otras pues como pasa muchas veces son de pago.

Woocommerce y sus shortcodes 👾

Woocommerce no iba a ser menos en esto de tener Shortcodes que si no sabéis que es no tenéis nada más que dejar u mensaje para que hablemos sobre ello en los comentarios y os lo explico de manera más sencilla y punto por punto, como me caracteriza mi modo de ser.

¿Cómo pongo shortcode en woocommerce?

Hay dos maneras, una en la que la puedes liar parda que es creando las paginas y asignarles un shortcode y luego ponerlo en la página que quieras, que seguro que la lias porque duplicas páginas o bien con el Shortcodes en Widgets.

Shortcodes en Widgets para Woocommerce.

La mejor manera es usar un plugin que se llama JP Widget Visibility que aunque no se actualiza desde hace mucho tiempo tampoco es que le haga falta y está también en jetpack, ahora mismo está en le versión 3.9.6 y tiene más de 10.000 instalaciones activas. Este plugin te permite indicar dónde se va a mostrar cada widget o no… nunca se sabe.

Los shortcodes más famosos pero no por ellos los que más se utilizan son:

Carrito:

Este podemos decir junto a unos pocos que es de los que no usaremos nunca o casi nunca, ¿y por qué te digo esto? porque ya viene en una página del propio Woocommerce, pero aún así te lo cuento.

[woocommerce_cart]

Pago:

Otro más de los que no vas a usar y encima por el mismo motivo y es de los que muestra el proceso de pago.

[woocommerce_checkout]

Formulario de seguimiento de pedido:

Permite al cliente el estado de cualquier pedido solamente introduciendo los detalles.

[woocommerce_order_tracking]

Mi cuenta:

Si quieres ver la sección de «mi cuenta» y así que nuestro comprador pueda ver sus anteriores pedidos y actualizar su información, si quieres que se muestren todos sus pedidos debes escribir -1 y por defecto viene 15

[woocommerce_my_account order_count="12"]

Productos recientes:

Enséñale una lista de los productos nuevos a tus clientes en la misma portada, algo que la verdad suele ser muy útil para vender, el modificador per_page dice cuantos productos vas a mostrar en la página y el atributo columns indica el numero de columnas en el que se verán los productos

[recent_products per_page="12" columns="4"]

Productos destacados:

Pues es lo mismo nada más que con productos que marcamos como destacados. 🙄

[featured_products per_page="12" columns="4"]

Productos:

Nos enseña un solo producto que podemos elegir por su ID o por el SKU que tiene

[product id="99"]
[product sku="FOO"]

Extensiones para woocommerce 🤖

Bien aquí os voy a contar que extensiones son las que más utilidad le veo, es cierto que algunas no funcionan en zonas de latinoamérica y hay otras que sí, pero las conozco de haberlas usado en España.

Stripe:

Método de pago donde la comisión es más baja que Paypal y el coste de esta extensión es 0€, acepta tarjetas Visa, MasterCard, American Express, Discover, JCB y Diners Club.

PayPal:

Que quieres que te diga que no sabes, en mi opinion tiene que estar pero ya sabes que las comisiones aqui pueden hacer pupa.

Paypal Checkoit:

Es lo mismo que antes pero con el botón más bonito y «kuki»

Woocommerce Cart Tab;

Muestra de manera permanente el enlace del carrito de compra y es visible allá por donde vaya el navegador/cliente/víctima 🤪

Woocommerce Google analytics;

Extensión que ayuda a comprender a tu cliente y controlar sus movimientos en la página, de donde a venido y a dónde va.

Mailchimp:

Servicio de mensajería el cual tiene su parte freemiun, he utilizado otros métodos más que este, pero la verdad que no me ha funcionado mal (tampoco es que mande muchos emails a la gente).

Jetpack:

Gran plugin de plugins, pesado pero muy completo, quizás este me toque usarlo a mi pero no lo aconsejo si no es muy grande y vas a aprovechar mucho y casi todo lo que incorpora.

Woosubcriptions.

Permite hacer que los clientes se suscriban y así crear tu membership site, esta extensión si tiene un precio de 199$ .

Hay muchos más y puedes encontrar desde gratis hasta precios muy desorbitados.

Conclusión

Woocommerce es un plugin muy funcional para tema de ecommece, he oido que es mejor prestashop para «tiendas grandes» pero no sé hasta que punto decimos que una tienda es grande.

Según vaya haciendo la tienda Online os iré contando para poneros en antecedentes y dejar algún cupón de descuento por aquí.

Deja un comentario