Cómo crear una Tienda Online con WordPress, Elementor y WooCommerce 2021 ✅ Tutorial español

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



🎓 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 

Tags:

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *