Desarrollo de Tiendas Virtuales con WordPress y WooCommerce

Este Curso será práctico, construiremos una tienda virtual, si ya tienes algunos productos puedes continuar con los tuyos o con estos archivos

Veamos las consideraciones para comenzar a vender en línea

Conocer tu audiencia será muy importante, para el diseño de tu tienda virtual y para la estrategia de marketing que deberás seguir

Lo más importante de cualquier negocio es recibir pagos, pero en una tienda virtual puede haber varias dudas antes de comenzar, veamos lo que tienes que saber

Para evitar tener problemas con el gobierno siempre es bueno tener una idea de como pagar impuestos

La seguridad es la clave en comercio electrónico, no queremos que los datos de nuestros clientes sean robados o algo parecido, veamos lo que debes tener en cuenta

En WordPress existen distintas plataformas para la creación de tiendas virtuales, veamos algunas opciones

Veamos porque debes elegir WooCommerce para tu proyecto de tienda virtual!

Muchos clientes te dirán que Shopify es más barato y más, veamos una comparación entre ambos para que puedas convencerlos de migrar su sitio a WooCommerce

Veamos como instalar WordPress Localmente

En este video vamos a configurar WooCommerce

En este video vamos a finalizar de configurar WooCommerce

Vamos a crear nuestro primer producto en WooCommerce

Vamos a añadir una imagen a nuestro producto recién creado

Si tienes distintas imágenes de un producto, puedes crear una galería con WooCommerce, veamos lo fácil que es hacerlo

Veamos como añadir un precio y un descuento a nuestro producto

Cuando creas un producto existen 2 lugares donde puedes poner información sobre el, una es una descripción del producto, pero también tenemos una descripción corta a nuestra disposición

WooCommerce también te permite mostrar un inventario de Productos, veamos como hacerlo

Veamos como añadir dimensiones y peso a un producto, esto ayudará a la hora de cotizar los envios

Veamos como agregar un producto Up Sell ( que cuesta más) y un Cross Sell (producto relacionado o complementario) que sin duda aumentarán tus ventas

Si tienes productos iguales, pero cuya diferencia es el tamaño, o color no es necesario crear otros productos, una variación es todo lo que necesitas, veamos como hacerlo

Veamos otras opciones que tenemos en el panel de variaciones

En tus variaciones puedes tener cuantas desees, vamos a crear una segunda 

Veamos como crear un  producto virtual, ya sea que vendas juegos, imágenes, diseños, templates, cursos, pdfs, WooCommerce te permitirá hacerlo

Veamos como vender un producto agrupado, junto con otros productos 

Si comienzas a tener muchos productos, es buena idea tenerlos en categorías, veamos como hacerlo en este video

Un Producto puede tener muchas etiquetas, igual que categorias, sin embargo tienen una meta distinta ya que mientras las categorias sirven para agrupar, las etiquetas tienen más un fin de SEO

Agregar Peso y medidas ayudará bastante sobretodo para la parte de los envios, así los envios más pesados podrán costar más, veamos como hacerlo

En este video comenzaremos a configurar los envíos de nuestros productos

En base a las zonas de envío podemos dar un  precio, veamos como hacerlo

Veamos como añadir precios a las zonas de envío, de esta forma, si un lugar es muy lejano o complicado de enviar, podrás cobrar siempre una tarifa distinta.

Vamos a añadir una clase de envío, de esta forma podemos automatizar un poco más nuestros envios

Veamos que opciones podemos modificar en la Tienda Virtual

Veamos los ajustes que WooCommerce nos permite hacer a la sección de Productos

Veamos algunos ajustes que podemos hacer cuando los usuarios llegan a la sección de Finalizar compra

Podemos permitir que los usuarios compren sin tener cuenta o obligarlos a hacerlo en WooCommerce, veamos como hacerlo en este video.

Veamos que correos electrónicos hay disponibles en WooCommerce

Veamos los ajustes que tenemos para los impuestos en WooCommerce

En WooCommerce puedes añadir todos los impuestos que tus productos requieran, veamos como hacerlo, en mi caso en México unicamente se paga un impuesto, pero tal vez en tu país haya más de uno

Veamos como configurar Storefront y una serie de ajustes para nuestra tienda

El customizr ya te permite también agregar CSS, veamos donde y como hacerlo

Veamos como agregar las imágenes a las categorías que Storefront tiene en la página principal

WooCommerce cuenta con algunos widgets, dependiendo el tema es donde se mostrarán, storefront cuenta con varias zonas de widgets, así que vamos a realizar la prueba

Veamos como modificar un template de WooCommerce y algunos ejemplos y en que caso es conveniente cada uno

Veamos como crear un child theme para WordPress

Vamos a comenzar a crear más modificaciones a nuestra tienda virtual, para ello es necesario crear un child theme

CSS es bueno para cambiar la apariencia de algún elemento, veamos un ejemplo

Si quieres modificar ciertas partes de alguna sección en particular, tal vez la mejor opción sea reescribir el template

Un hook es una forma de modificar o agregar ciertas secciones a lo que ya existe, veamos un ejemplo

Debido al cambio de theme, tendremos que subir el logotipo, vamos a hacerlo en este video

Vamos a ajustar el color de nuestro mensaje de productos agregados al carrito

Storefront soporta 3 menús, vamos a crear el menú principal

Vamos a cambiar un poco el CSS de nuestra barra de navegación

En Storefront tenemos un menú enfocado 100% para móviles, vamos añadir algunos enlaces

Vamos a crear un menú de redes sociales y añadir los iconos

Vamos a añadir estilos al carrito de compras

Veamos como añadir un código de 3 digitos para las monedas 

Vamos a añadir unos Widgets al footer de nuestro sitio web

Veamos como mostrar los métodos de pago que soporta nuestra tienda virtual

Veamos como es posible modificar el texto de nuestro footer

Veamos como es la forma correcta de crear una nueva sección en el Homepage de nuestra página

Vamos a crear el cupón del contenido que recién hemos creado

Los shortcodes de WooCommerce te ahorrarán mucho trabajo, veamos como funcionan

Vamos a ver algunas personalizaciones que son muy comunes para la página de la Tienda

Veamos como ajustar la cantidad de columnas en la página de la Tienda

Veamos como filtrar por atributos

Veamos como cambiar el nombre de alguno de los filtros que vienen por default en WooCommerce

Veamos como podemos eliminar un Tab de la página del Producto

En este video agregaremos botones de compartir en redes sociales, algo que sin duda, nos beneficiará para llegar a más posibles clientes

Addthis soporta casi todos los servicios y redes sociales para compartir contenido, veamos como integrarlo a nuestro proyecto

Veamos algunas de las recomendaciones sobre como deben mostrarse los descuentos

Veamos como imprimir la cantidad ahorrada en cantidad fija

En este video veremos como imprimir la cantidad ahorra en porcentaje

Ya vimos como imprimir en dolares o moneda el ahorro, también en porcentaje, ahora veamos como unir ambas

Veamos como darle unos estilos más agradables a los descuentos

Veamos como cambiar el Texto de un TAB por el nombre del Producto

Volvemos al homepage, en este video elaboraremos un ejemplo donde mostraremos productos de una categoría en especifico

Vamos a darle un poco de CSS a nuestra nueva sección

Vamos a finalizar este ejemplo

En este video agregaremos Advanced Custom Fields, uno de los plugins más populares para añadir campos extras a nuestros productos, post y paginas

Vamos a imprimir un subtitulo para un Producto

En este video vamos a imprimir un Tab con un video dentro