En este vídeo tutorial crearemos desde cero una tienda online completa en WordPress con WooCommerce, con un hosting económico adaptado a los tiempos que estamos viviendo.
Esta tienda online sirve tanto para productos como de servicios. No necesitas ningún conocimiento técnico y no tendrás que hacerlo seguido, puedes ir poco a poco utilizando este índice, solo tienes que pulsar en el minuto del paso para verlo directamente.
Contenidos:
0.) 0:00 Intro
1.) 0:52 Introducción a la tienda online que vamos a crear juntos con WooCommerce
🎓 PASO 1: Contratar el hosting y el dominio, instalar WordPress y hacer los ajustes básicos de WordPress para nuestra tienda online. Para comenzar con tu primera tienda online hecha en WordPress con WooCommerce he elegido un hosting muy barato, pero de calidad razonable y suficiente para nuestra tienda:
2.) 3:23 – Comprar un hosting y dominio muy barato de calidad razonable para WooCommerce
3.) 8:09 – Instalar WordPress con Hostinger
4.) 11:25 – Configuración básica WordPress
🎓 PASO 2: Crearemos la web responsive necesaria para nuestra tienda online. Haremos un diseño completo profesional y muy sencillo desde de nuestra web de base en WordPress, con las páginas básicas, el menú, un chat, scroll.
Siguiendo mis pasos:
5.) 14:33 – Borrado y limpieza de entradas, páginas y plugins que no necesitamos
6.) 15:43 – Instalación del tema Astra, el plugin Starter Template, WooCommerce, Elementor, formulario de contacto, chat online, scroll y la política de cookies
7.) 19:53 – Carga masiva de todas las imágenes
8.) 20:43 – Identidad del sitio, el logo y el favicon de nuestra web en WordPress
9.) 22:26 – Cabecera de nuestra web: desactivar la cabecera transparente
10.) 24:40 – Tipografía
11.) 25:43 – Colores
12.) 27:01 – Botones
13.) 28:03 – Menú
14.) 30:17 – Footer
15.) 32:24 – Crear las páginas que necesitamos y no tiene nuestro tema elegido
16.) 33:24 – Diseñar la Home o portada con Elementor
17.) 40:09 – Página «Sobre Nosotros» con Elementor
18.) 41:27 – Página de blog
19.) 43:26 – Formulario de contacto con Elementor añadiendo una casilla de verificación
20.) 45:23 – Página «Mi cuenta» incluida en el plugin que hemos instalado
21.) 45:37 – Página de tienda y carrito
- 4 claves para evitar caer en la trampa de los objetos brillantes
- La credibilidad de los influencers es un auténtico páramo con escasísimos brotes verdes
- Slack y Zoom están matando tu productividad: 4 estrategias para ayudarte a teletrabajar mejor
- 3 razones por las que las empresas están perdiendo la sanguinaria batalla por el talento
- ¿Vas a emprender? Ten en cuenta estas claves antes de comenzar
- Cinco preguntas esenciales a las que debe responder un proyecto de diseño web
- ¿Eres emprendedor y no lo sabías? Descubre si tu personalidad se parece a la de Steve Jobs, Elon Musk o Bill Gates
- Desafíos de la soberanía digital: la urgente digitalización de las pymes europeas
- 5 motivos por los que suelen fracasar las pymes
- 5 consejos para conseguir financiación de Google, según su jefa de capital riesgo y alianzas con startups
- De desempleado a billonario: Historia del creador de Minecraft
- ‘Live shopping’: el comercio electrónico reinventa la teletienda
- NEURALIZA TUS CONOCIMIENTOS
- Estos veinteañeros han creado Enzo Ventures, un microfondo de inversión español para impulsar a las startups tecnológicas lideradas por la generación Z
- La figura del copywriter es la clave para la digitalización de las empresas
🎓 PASO 3: Crear la tienda completa con WooCommerce En este paso crearemos toda la funcionalidad que necesita una tienda online, configuraremos los impuestos y los envíos en WooCommerce y, lo más importante, las pasarelas de pago incluyendo Stripe que lo haremos de forma gratuita utilizando el plugin de Stripe para WooCommerce.
Crearemos productos simples y variables, con atributos como tallas y colores. Y todo lo necesario para vender de verdad: gestión de existencias, productos relacionados, venta directa y venta cruzada.
Además, añadiremos un extra que aportará mucho valor que es el filtro y el buscador de producto:
22.) 46:13 – Ajustes generales de WooCommerce. Recuerda que ya lo tienes WooCommerce previamente instalado si no lo tienes revisa el paso 6.) minuto 13:05.
23.) 50:00 – Ajustes de producto en WooCommerce
24.) 55:06 – Ajustes de impuestos en WooCommerce
25.) 1:02:07 – Ajustes de envíos en WooCommerce
26.) 1:07:46 – Ajustes de pagos en WooCommerce con comparativa de las principales pasarelas de pagos y configuración de Stripe
27.) 1:18:45 – Crear categorías de producto en el menú en WooCommerce
28.) 1:22:51 – Crear atributos generales en WooCommerce
29.) 1:25:25 – Añadir filtro y buscador de producto en WooCommerce
30.) 1:28:03 – Crear un producto simple con WooCommerce completo con productos relacionados con venta dirigida y venta cruzada
31.) 1:36:46 – Crear un producto variable con WooCommerce
32.) 1:40:51 – Edición rápida y orden de productos con WooCommerce
🎓 PASO 4: Pedido final de prueba en nuestra tienda online completa WooCommerce
33.) 1:42:04 – Hacemos un pedido completo de y detectamos una mejora final muy necesaria que no viene resuelta por defecto. Así que, no te saltes este paso