Cómo crear una Tienda Online en WordPress y WooCommerce ✅ Desde cero 🔥Tutorial 2024
Вставка
- Опубліковано 10 лип 2024
- ✅ Aprende cómo crear una Tienda Online real y completa desde cero con WordPress & WooCommerce.
🔥 SiteGround con máximo descuento: 👉 drp.li/L9wcw
👉 Crea una tienda online con WooCommerce 👈
En este tutorial vas a crear una tienda real como un profesional yendo paso a paso de la mano de Alegría.
Esta tienda online te valdrá tanto para venta de productos como para venta de servicios.
Empezamos desde cero, no necesitas ningún conocimiento técnico, no tienes que hacerlo todo seguido, puedes ir paso a paso y volver cuando quieras con la ayuda de la tabla de contenidos de abajo.
Coméntanos tus dudas, lo que te parece el vídeo, etc. ¡Y no te olvides de suscribirte con campanilla a este canal para avisos de nuevos vídeos!
Autor: Alegría, de tuwebconalegria.com, más de 15 años de experiencia diseñando y desarrollando sus propias tiendas y las de sus clientes.
Y si quieres navegar más cómodamente por los contenidos, puedes utilizar también este índice:
00:00:00 Introducción.
00:00:27 Vistazo rápido a la web que crearemos juntos.
00:01:25 Contratación del Hosting & Dominio + Instalación WordPress.
00:06:39 Activación SSL.
00:07:50 Configuración de WordPress
00:13:40 Instalación del tema Astra y la plantilla de inicio Lotus Spa que incluye el maquetador visual Spectra.
00:17:42 Creamos la estructura de páginas de la web y las páginas legales obligatorias.
00:21:42 creamos la cabecera y el logo y el pie de página (footer).
00:37:21 Personalizamos el diseño global, tipografías, colores, botones y scroll to top.
00:43:01 Diseñamos la página de inicio (home page) como diseñarías cualquier landing page.
1:03:08 Instalamos y configuramos WooCommerce. Ajustes generales de productos, impuestos, envíos y pagos con pasarelas de pago como WooCommerce Pay y Stripe. Y configuramos los correos electrónicos.
1:28:10 Instalamos y configuramos el chat online.
1:39:26 Creamos categorías, atributos, etiquetas, productos simples, variables y agrupados.
1:53:15 Diseñamos la página tienda añadiendo mi cuenta y carrito a la cabecera.
2:00:00 Diseñamos la ficha de producto.
2:01:43 Añadimos un buscador y un filtro.
2:05:59 Utilizamos los shortcodes de WooCommerce para mostrar productos destacados o categorías de productos.
2:09:52 Repaso, últimos ajustes que no te puedes perder y pedido final.
Otros videos de interés:
🔥 Cómo crear un logo profesional rápido y fácil: 👉 • Cómo crear un LOGOTIPO...
🔥 Cómo crear un blog profesional: 👉 • Cómo crear un Blog bon...
🔥 Cómo crear formulario de contacto en WordPress: 👉 • Cómo crear un Formular...
🔥 Tutorial Editor de bloques (Gutenberg) & Spectra: 👉 • Cómo diseñar Páginas W...
🔥 Cómo crear contenidos con IA: 👉 • Cómo usar ChatGPT y GP...
🔥 Cómo hacer copias de seguridad de tu web y restaurarlas: 👉 • Hacer Copias de Seguri...
🔥 10 Súper Recursos para crear páginas web: 👉 • 10 Súper Recursos IMPR...
🔥 Cómo optimizar imágenes para webs en WordPress: 👉 • Cómo Optimizar Imágene...
🔥 Cómo usar & combinar colores en diseños web: 👉 • Teoría del COLOR + Cóm...
🔥 Tutorial de Google Analytics 4: 👉 • Google Analytics 4 ✅ T...
🔥 Tutorial de Google Search Console: 👉 • Google Search Console ...
Artículos que te recomiendo:
🔥 Requisitos legales para vender en internet sin sustos: 👉 drp.li/axYmb
🔥 Qué es SEO (incluye guía completa para aprender SEO): 👉 drp.li/JTncX
🔥 Tutorial rápido de HTML: 👉 drp.li/bhxtj
🔥 Tutorial rápido de CSS: 👉 drp.li/RRVUw
Síguenos también en nuestra web Ciudadano 2.0 y nuestras redes sociales:
1.) La web de Ciudadano 2.0: drp.li/blEME
2.) Instagram: drp.li/h3ial
3.) Facebook: drp.li/nP6lQ
4.) Twitter: drp.li/BO26b
Muchísimas gracias, contenido muy valioso y explica de forma muy clara y detallada. Excelente, esperamos más vídeos.. Saludos
Muchas gracias por vuestros comentarios.
son excelentes
Muchísimas gracias. ☺️
Genial el vídeo, aporta mucho valor. Me gustaría saber más sobre productos descargables, muchas gracias
Muchas gracias por tus amables palabras. Tomamos nota del tema de productos descargables para valorarlo para futuros vídeos. Si quieres estar al tanto, ya sabes: suscripción + campanilla. 😊
Como siempre excelente en todos los videos, las mejores y detalladas explicaciones. gracias por brindarnos sus conocimientos y experiencia.
Tengo una pregunta: Tendrán algún video de como administrar una tienda online.
Gracias por sus videos.
Muy buenas. Lo siento, no tenemos un vídeo así, pero tomamos nota de la idea. 😉
👍@@c2cero
Gracias ! Tomamos buena nota 😊
Hola! Estoy encantada con tus videos! Tienes una forma de explicar que parece todo super fácil!!. Estaría interesada en saber como funciona el producto de afiliados y el de descargables, no se cual de los dos me podría ir bien para mi web. Avísame si haces video. Un saludo y super felicidades por tu canal!
Muchas gracias por tu comentario. Para que seas avisada, usa el botón de suscribirte y despliega sus opciones, ahí encontrarás la opción con campanilla que te avisa de todos los vídeos. 😉
Tomamos nota. Están en cola, los haremos 😊
Gracias por todos los conocimientos compartidos, como siempre es un tutorial impecable!!! ahora pregunto, está dentro su programa desarrollar un tutorial de Prestashop???
Muchas gracias por tus amables palabras. Y si no te has suscrito aún, ya sabes. Además, así nos ayudas a crecer el canal. 😊
Sabe como corregir este error que da en widgets cuando voy a colocar la barra de búsqueda y filtrar por precio para agregarlo a la barra lateral de la tienda ? Al darle guarda los cambios me aparece este error "CANNOT READ PROPERTIES OF UNDEFINED ( READING MAP)"
Excelente tutorial felicitaciones siguiendo fielmente!
Muchas gracias por tus amables palabras. 😊
Muchas gracias ☺️
buenas tardes como siempre los mejores videos que e visto gracias por compartir sus conocimientos. si quiero vender en españa y francia como seria la configuracion por favor
Muchísimas gracias!
Por defecto, WooCommerce viene configurado para la península ibérica. Pero vender a más países, has de crear una zona de envío, ve a WooCommerce > Ajustes > Envío y haz clic en Añadir nueva. En el campo Países o regiones, selecciona los países o regiones a los que se aplicará la zona de envío.
A continuación, debes configurar los métodos de envío que se aplicarán a la zona. Para ello, haz clic en Métodos de envío y selecciona los métodos que deseas utilizar.
En el caso de Francia y España, puedes utilizar los siguientes métodos de envío:
Correos
UPS
FedEx
DHL
También puedes crear tus propios métodos de envío personalizados.
Muchas gracias alegria.
hola , alegria por favor como genero los codigos sku para mis productos en excel?, muchas gracias
Los SKU pueden ser o bien los códigos de barras de tus productos o bien crearlos siguiendo un criterio de dos siglas que indiquen el tipo de producto por ejemplo para calzado CA, seguido de un guion y el número que asignes ejemplo CA-001. Trata de hacer una Excel antes y llevar mucho orden porque no pueden duplicarse 😊
1:02:35 Lo siento, no me aparece la tarjeta ni encuentro el vídeo para hacer la Landing Responsive...
Puede alguien echarme una manito? 🙏
Sí, perdona. Es que no pudimos añadir la tarjeta porque UA-cam no lo permite al habar añadida la misma ya antes. Es éste: 🔥 Tutorial Editor de bloques (Gutenberg) & Spectra: 👉 ua-cam.com/video/tlbf__KXhwo/v-deo.html (viene en la descripción)
Hola Alegría, tengo varios dominios y un hosting con otra empresa, pero es extranjera y no me va muy bien, quisiera saber si sabes como puedo cambiarme a SiteGround? Gracias
Es bastante fácil, aquí en esta guía se explica paso a paso: www.siteground.es/tutoriales/guia-configuracion-sitio-afiliados/migrar-sitio/
De todos, modos ellos te ayudan si ver que lo necesitas.
Una consulta, es mejor Espectral que Elementor o solo es una opción diferente?, de antemano muchas gracias por su respuesta
Es uno u otro. Nosotros antes trabajábamos con Elementor, ahora con Spectra. Eso creo que contesta a tu pregunta 😉
Nos está gustando muchísimo Spectra. En general lo relacionado con el tema Astra es garantía de calidad. 🙂
Hola me gustaria saber eso de afiliados ya que tengo cuenta en amazon
En el fondo es sencillo: los productos de tu tienda pueden ser la imagen del producto con un enlace de afiliado. Pero esto es sólo una posible vía, hay muchas fórmulas y depende todo mucho del tipo de producto que vayas a promocionar. Mi recomendación es que acudas a tutoriales especializados sobre cómo crear webs de afiliación.
@@c2cero Ah vale muchas gracias. Le hiba a comentar un problema que presenta mi pagina, entro en widgets y cuando hago todo ese procedimiento en la barra lateral de mi tienda como el buscador y filtrar por precio me da error y cuando voy a los widgets hago cambios y cuando le doy guardar me dice error tambien, que sera lo q tiene malo?
buenas tardes alegría por favor si quiero una tabla de medidas para ropa interior al lado del producto que puedo hacer por favor
Hola! Suscríbete que estamos creando un tutorial y te saltará la notificación 😊
buenas tardes tardes alegria e alberto...podras hacer mi tienda ,no hey concluido dame el presuposto ,estoy desde 4meses hacendo la tienda me resulta muy dificele para mim..saludos espero una resposta de cuando possamos himpiesar.un cordial saludos
Para presupuestos, contacta con Alegría aquí, por favor: www.tuwebconalegria.com/sos/
no puedo usar strip, soy de ecuador, amiga porque no explicaste a los que no son de españa en esa parte
No podemos adaptar el contenido a todos los casos especiales, hay demasiado. Stripe es una solución universal con mucha adopción en todo el mundo. Para este caso, mi recomendación es que busques un tutorial que se centre en la soluciones de pago específica para WordPress / WooCommerce válidas en Ecuador.
Es necesario tener un dominio propio?
Sí, se necesita dominio y hosting.
Si 🙂