Crear una Tienda Online con WooCommerce ➕ Elementor ✅ Curso completo 2023
Вставка
- Опубліковано 31 лип 2024
- ✅ Tu negocio debe estar online sí o sí. Aquí creamos una TIENDA ONLINE con mucho Amor ♥ y Alegría 😊
🔥 Hosting Hostinger con descuento: drp.li/iBZCE
🔥 Webempresa (hosting alternativo premium): drp.li/YVL4s
🔥 Recursos descargables GRATUITOS del vídeo: bit.ly/2JRdfUO
👨🏻🎓Curso de diseño web profesional GRATUITO: bit.ly/33CPxTh
🚀 Versión profesional de Elementor: bit.ly/2VCGBIo
🛠️ Servicios profesionales de Alegría: 👉 bit.ly/35iWXyb
🛠️ Kit plantillas textos legales 👉 bit.ly/3m2gKYx
🛠️ Plugins comerciales adicionales: rli.to/zQZkv
** Cómo crear una tienda online en WordPress con WooCommerce **
Autor: Alegría. Fundadora de las tiendas online por-alegria.com, elclubdelbailarin.com y tuwebconalegria.com
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 con 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.
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: En este paso crearemos toda la funcionalidad que necesita una tienda online: 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 😊
Síguenos también en las redes sociales de Hosting a Tope:
1. Instagram: ibit.ly/reBG
2. Facebook: ibit.ly/9l2X
3. Twitter: ibit.ly/Pncv
Excelente video Sra. lo estoy utilizando y me ha facilitado las cosas ademas que he comprendido otras, al final le contare como me fue. Muchisimas gracias por enseñarnos y a por todas con su viedo. Dios la bendiga. Nito desde Weston, Florida. USA.
Excelente tutorial, muchas gracias por el tiempo y dedicación.
Tras el enorme éxito de la primera versión de este vídeo (ua-cam.com/video/ZQTBAalJWCU/v-deo.html) en nuestro canal hermano de marketing online, Ciudadano 2.0, en el cual usamos nuestro hosting de referencia, Webempresa (cupón descuento aquí: bit.ly/2CZo83g), hemos recibido varias peticiones de hacer una versión con el hosting más económico posible que mantenga una calidad razonable. Éste vídeo es la respuesta 😊
Recuerda también que aquí puedes tener un descuento adicional para Hostinger que no podrás obtener en su web: 🔥 Hosting Hostinger con descuento: bit.ly/38KFdJ7
De los mejores videos de wordpress y woocommerce, gracias!!
Este video es increible y super completo. Muchas gracias. Que suerte haberlo encontrado
Excelente. Que buen material !!. Recibo tus mails con tanto contenido que me encanta.. que por acá sigo aprendiendo. Gracias Berto y Raquel.. !
Gracias por comentar !
¡Impecable! Excelente información. Muchas Gracias
Gracias por el video, tienes una voz muy agradable! Saludos desde Puerto Rico
El mejor tutorial de WooCommerce que he visto. Muchísimas gracias!
Saludos desde Argentina.
Gracias!
Excelente, muchas gracias les deseo muchos éxitos en sus proyectos
Muchas gracias a vosotros.
gracias por compartir el conocimiento, saludos desde colombia
Excelente video, muchas gracias aprendi configuraciones que otros videos no encontre saludos desde colombia
Muchísimas gracias por comentar. Me alegro mucho !
Hola buenas noches, de verdad que he quedado IMPACTADO con la calidad de los contenidos de información de este video, el profesionalismo y la altisima calidad que nos estan brindando a los suscriptores de este canal. Muchas felicitaciones a Alegría, de verdad que es la persona IDEAL para dictar este curso, de verdad que he navegado mucho desde hace años por el internet y por UA-cam buscando tutoriales de creación de tiendas on line, que sean ordenados y metodológicos y de verdad que para mi, esto es el ESTADO del ARTE. Los FELICITO, de vidad y les doy las gracias por tanto. Saludos y bendiciones por casa. PD, desde ya! este será mi metodología de trabajo.
Gracias de verdad, no había visto el comentario y es de mucho valor se agradece mucho.
me ayudo muchísimo aún me falta terminar de configurar pero es muy detallado el video
Hola, muy buen tutorial... una duda ¿cómo hago para que se vean los productos del carrito (especie de ventana desplegable) al pasar el cursor por encima del ícono?
Enhorabuena por este contenido, mi idea era entrar y echar un ojo, y al final me lo he visto entero XD
¿Excelente tutorial, tengo una consulta, como hacer para que el la númeración del pedido sea #1 en adelante?
Hola! Voy a seguir al pie de la letra todo, increible video. Consulta, no es mejor utilizar elementor con sus propias plantillas? en vez de instalar el plugin de starter templates?
hola he estado viendo el curso y esta muy bien explicado solo que tengo problemas al acceder para poder descargar los recursos gratuitos como las imágenes
Hola! excelente video
¿Dónde puedo descargar una planilla Excel para guiarme?
¡¡ Genial..!!! ¡¡¡ Muchas gracias..!!!
Muchas gracias por comentar ☺️
Hola, esta super el tutorial!!, quería preguntaros.. la plantilla de Excel que indicas desde donde la descargo?, no veo enlace. Gracias... un saludo.
Excelente explicacion felicidades, eres una genia, tengo una duda estoy siguien paso a paso, pero al momento de ir Apariencia => Menús para añadir las categorias, No me sale CATEGORIAS DEL PRODUCTO solo me sale Categorías, que deberia hacer?
Se podría empezar con hosting y dominio más económico como el de otro de vuestros vídeos Ionos o daría problemas?
Holaa me pueden ayudar con el material de apoyo ya que el link esta caído. por favor
Me está sirviendo mucho este tutorial pero tengo una duda, en el apartado del FORMS.... cuando le das a enviar un mensaje... a donde se envia?
Hola! Me podrían auxiliar? he creado la categoría de productos tal cual como en el vídeo pero a la hora de agregar al menú no me aparecen, que podría hacer? gracias
Hola, gracias por el videos, me queda una duda, en la parte de envios no detallan la configuracion de algun pluggin para envio por peso o pluggin como el de UPS o FEDEX, alguien tiene como hacerlo?
Hola, me encantó el tutorial. Ahora, estoy teniendo un problema, tras ajustar las Zonas de envío en mi caso tan solo 2 Precio Fijo y Recogida local en Barelona. A la hora de hacer el pedido, no da opción a elegir una de las 2, Sale directamente Precio Fijo y no da a elegir a cliente siendo de Barcelona. ¿Alguien sabe posible error/solución?
hola, tengo una duda, estoy en Apariencias/menus/ en el video tienes una opcion de Categoria productos pero yo no la tengo, no se como activarlo. ¿podríais ayudarme? gracias
Los archivos descargables ya no están disponibles, ¿los podéis volver a poner? GRACIAS
Muy buen tutorial. Me salte la parte de Elementor que lo odio y lo he hecho todo con Gutenberg. Muchas gracias
Enhorabuena! es cierto que Elementor tiene sus más y sus menos :)
cuando es venta de servicios que inventario se pone cuando son productos digitales?
Excelente material felicitaciones. Como sugerencia deberías tener las imágenes que usas para el diseño de la pagina en un link de Google Drive. En este momento no se puede acceder a ellas los links ya no están disponibles. Como podemos acceder a ellos? Muchas gracias.
Gracias Juan, tenéis todos los recursos, con las imágenes, accesibles desde la descripción, os pedirán un email eso si 😉
Gracias Berto y Raquel.. Excelente y muchas gracias.
No vi el código CSS
Hola Philippe, está junto con el resto de descargas en la página de recursos gratuitos. Es una única página con todo, pero requiere que estés dado de alta en nuestra lista de correo (la de Ciudadano 2.0 o "Zona VIP" como la llamamos), es también completamente gratuito. Un saludo.
Buenas tardes... Saludos desde Colombia. No está disponible la opción de calidad de reproducción? O solo me pasa a mi? Es que se ve muy pésima la imagen.
Hola gracias por el tuto, está genial! Me sucede un cosa. error o bug no se... escribo por si sabéis o alguien sabe que podría suceder. De hecho son 2 fallos. Uno es que al instalar woocommerce no me instala las páginas por defecto ya me ha pasado con 3 instalaciones y ni en ajustes crear páginas ni mediante shortcode hay manera alguna, creo que el problema podría estarlo causando los permalinks pero ya me pierdo... Y otro es que al isnstalar astra última versión los productos no se me muestran igual, se muestra todo más simplón casi sin estilo y sin efebto lupa muy feillo la verdad... Gracia de antemano!
Gracias por el tutorial pero no pudo descargar los recursos... los puede enviar?
Buenas tardes
los enlaces para descargar las paginas legales están rotos...podéis explicarme de donde las saco??
El link de los recursos no tiene nada dice que algo salio mal no te pide ningun correo ni nada, solo sale una pagina de bitly y dice un 404 error y otras cosas.
Excelente curso. Bien detallado y muy buenas tus explicaciones. Pero no puedo acceder a los enlaces de los recursos y el curso de diseño. Ya no están activos los enlaces...
Muchas gracias.
De verdad que das todos tus tips y no te guardas nada. Gracias alegría
Excelente información de verdad muchas gracias, no deja descargar los Recursos descargables GRATUITOS del vídeo
Espero que se haya solucionado.
No encuentro la plantilla del footer 🤔
Hola Berto y Raquel, maravilloso video... qué pena que ya no estén disponibles los recursos gratuitos... ¿Hay alguna forma de obtenerlos?
Puedes acceder desde el enlace en la descripción del vídeo ☺️. Solamente te pedirán un email para acceder a la zona VIP.
@@ConAlegriaa se tiene que copiar el enlace y pegarlo, si se hace click nos sale error 404.
Alegrìa Alegrìa !!!!!!!!!
☺️
Alegría, pues me dio sorpresa v que su canal esta vacío, con tanto talento que tiene, me sorprendió enormemente ese vacío. Igual mi admiración y aprecio es el mismo, pero sería magistral seguirla en su canal. Saludos y bendiciones por casa..
Hola buenas noches,
En el footer cuando cambias a elementor aparece absolutamente todo descuadado, aparte que el link del encabezado no lo pones en la descripción y te quedas ciega mirando que es lo que realmente pone...no se...pensaba que este tutorial estaba un poco mejor explicado en este tipo de detalles. No se si me pudes solventar porque al cambiar a elementor aparece todo descuadrado y movido.....
Hola muy bien detallado solo tengo una duda como puedo hacer para el plugin de elementor aparezca ya que a mí no me aparece
Revisa el paso de instalar starter templates y escoger Elementor.
No sera al reves ? 01:04:57 creo que no es conveniente marcar esa casilla ; limitar y excluir no es lo mismo 01:03:25 , ahi van los codigos postales a los que si envias para esa zona que estas definiendo
pues nbo he podido configurar stripe me sale esto La "Clave secreta de pruebas" debería empezar con "pk_test", introduce la clave correcta.
La "Clave secreta de pruebas" debería empezar con "sk_test" o "rk_test", introduce la clave correcta.
La "Clave secreta publicable" debería empezar con "pk_live", introduce la clave correcta.
La "Clave secreta publicable" debería empezar con "sk_live" o "rk_live", introduce la clave correcta.
que puedo hacer??
Utiliza el soporte de stripe tienes que hacerlo en inglés eso si :)
Hola. Gracias por el video. Estoy siguiendo los pasos pero no he podido intalar el Simply Natural, porque no me da la opcion .
Este tutorial ya está obsoleto. Mírate la versión actualizada: ua-cam.com/video/5zTMflV9wf0/v-deo.html
Hola, Gracias por este buen tutorial.¿podrías decirme por qué me ha duplicado todas las páginas al instalar? Gracias
Pasa a veces aunque hayas borrado las páginas antes, si tienes otro tema instalado, puede pasar :(
Lo malo de estas plantillas es el soporte y aquí, por ejemplo, no veo barra de búsqueda, algo fundamental.
a dia de ahora no te eprmite cambiar el footer con elementor y los enlaces siguen quedando en rojo cundo haces hover....tambien debes ir a personalizador para cambiar de menu ya que no veo que usted lo haga...no encuentro como cambiar el menu y seguir con el tutorial que no esta malo es bastante educativo....pero fuera bueno una actualizacion del mismo.
Hola andrea, consulta estoy intentando crear una tienda online siguiendo tus pasos;pero desde LOCAL de wordpress; pero cada vez que doy en importar pagina completa en simply natural; no m permite tienes idea pk ocurre esto? sera pk es LOCAL? en todo caso si no tiene solucion.. que otra plantilla seria? o quiza cmo se puede realizar una descarga directa de simply natural?ayudaaa
Debes trabajar ya en un hosting :)
No me permite editar el FOOTER, a que se deberá?
Personalizar y dentro maquetador de pie de página.
Hola! El contenido es inmejorable, pero me he quedado bloqueada en el minuto 44,43. No entiendo de dónde debo sacar la etiqueta de código del formulario. ¿A qué te excel te refieres? Muchísimas gracias.
¿La has conseguido? Yo tampoco lo encuentro. Saludos.
Saludos. Una consulta no puedo modificar elfooter con elementor, no me aparece editar footer?
A mi tampoco me dejo... decia que ella iba a poner la plantilla en la descripción del video pero no lo hizo :c
El link a los recursos gratuitos esta roto.
Hola, buenas, la verdad es genial el tutorial muy dinamico aunque el elementor no me deja editar el footer o pie de pagina, por que pasara eso?
hola me pasa lo mismo, parece que toca comprar el plugin de elementor
Entra desde personalizador y ahí entra en pie de página, lo han cambiado.
@@brimagofun No por favor, Entra desde personalizador y ahí entra en pie de página, lo han cambiado.
@@ConAlegriaa gracias amigo me salvaste
En que momento aparece ya creada la web de productos?
No entiendo muy bien a qué te refieres...
Hola, estoy practicando el tema con tu video tutorial, pero no me aparece el tema astra, esto es porque no compre el hosting?
Es un tema gratuito que lo tienes que añadir por tu cuenta, en tu escritorio ve a la sección Apariencia > Temas y de ahí selecciona la opción "Añadir nuevo" ahí en el buscador escribe "Astra" y te debería aparecer ahí para agregarlo
Sigue los pasos exactos del tutorial y lo verás :)
No abre el link de hostinger :(
Tiene que ser un error puntual de todas formas puedes buscarlo directamente en tu buscador 😉
No se puede editar el pie de pagina con elementor, dice que necesitas la version pro.
Me pasó lo mismo, tuve que hacerlo con el editor de wordpress
me acaba de pasar lo mismo, hay que comprar la versiòn pro, o intenta con Gutember
No, entra por personalizar y ahí maquetador de pie de pagina
@@ReychelArtMacrame personalizar y ahí maquetador de pie de pagina
@@brimagofun No hay que comprar la versión Pro por favor, personalizar y ahí maquetador de pie de pagina.
por que ella cuando va a decir inmeditaro dice inmediate? LOL! en España se dice asi
Buen día, ante todo gracias por las clases publicadas. REF. Plantilla de excel para subir productos. NO LA ENCUENTRO . (ua-cam.com/video/ZkHiQs5C7w8/v-deo.html) . Podrían enviarmela? muchas gracias.
Hola Julio, viene en la página de recursos descargables a la que se remite en el vídeo:
zonavip.ciudadano2cero.com/cursos/recursos-gratuitos-youtube/
Me ocurre desde hace un par de días, en mi caso estoy creando una tienda online con el tema astra siguiendo vuestros pasos. He estado utilizando elementor sin problemas, hasta que he empezado a configurar los ajustes de Woocomerce... En woocomerce/ajustes/Productos me pide que seleccione la página donde voy a querer tener mi tienda, selecciono la página y de repente ya no puedo editarla con Elementor. Aparece una ventana emergente con el error " no se pudo cargar la vista previa". He probado en eliminar la página y crearla de cero (ya que esta era una de las que venían con el tema), he probado de seleccionar como tienda otra página cualquiera (también da error), he probado en cambiar el tema (lo mismo), desactivando pluggins... En cuanto está woocomerce activo, no me permite editar la página que tenga como "TIENDA". Me estoy volviendo loca... No consigo solucionarlo, alguien sabe cómo hacerlo? Gracias
Debes comprar el plugin de elementor
Me pasa lo mismo, si elijo la página de la tienda en ese apartado de Woocommerce se descuadra la página de la tienda y no deja editarla ni cambiarla. ¿Alguna solución?
@@brimagofun No, en ningún caso.
@@Robe24_UA-cam maquetal antes y después la asignas.
Ya quedó caduco este video, no lo vean
porque
Hola muy bueno el video, no me deja descargar el template de starter template, me dice que no se puede conectar con el servidor, que puede ser?
Puede que fuera un error puntual y si no lo es puedes poner un ticket en Hostinger indicando el error lo más detallado posible.