Transcripciones
1. Te damos la bienvenida a la clase: El comercio electrónico y la compra en línea es una parte enorme de la vida moderna. Algo que millones de nosotros hacemos a diario. Pero, imagina tener la capacidad de crear tu propia tienda en línea, vender productos o servicios, tomar pagos, y también enviar tus bienes a todo el mundo. Bueno, esto es exactamente lo que vamos a cubrir en este curso. Obviamente, sólo crear una tienda en línea, poner ahí fuera para que el mundo lo vea no siempre es el mejor enfoque. También necesitamos gestionar un negocio en línea y también todos nuestros productos. También se cubren en este curso cosas como cupones de productos, cómo liquidar diferentes tasas de envío e impuestos, cómo categorizar nuestros productos usando categorías y etiquetas, cómo tomar pagos en línea, y también cómo dos asegurar nuestra tienda con un certificado SSL. Todo esto se va a cubrir en esta clase y más. Por lo que espero verte en la clase.
2. ¡Comparte tu trabajo en Skillshare!: hora de tomar cualquier curso, es muy importante
no acostumbrarse a
seguirlo solo por el simple hecho de
marcar otra conferencia. Tómese el tiempo para
procesar cada lección, revisar el código que escribe y piense en cómo podría abordar estas
soluciones usted mismo. Con esto en mente, esta clase está basada en proyectos y esto te da la oportunidad de
hacer algo realmente personal y único. No necesitas
perderte demasiado y alejarte de la clase e incluso puedes dar un paso atrás después
de haber terminado la clase. Regresa y haz algunos cambios de
proyecto después. Esto realmente te dará
una buena oportunidad de practicar lo que has aprendido de
la clase. También recuerda compartir
tu proyecto también aquí en Skillshare y solo lo
revisaré. Pero también inspirará a los
compañeros de estudios también. Para obtener más información sobre el proyecto de clase dirígete a la pestaña de proyecto y recursos, donde no solo puedes
subir tu proyecto,. Pero también se pueden ver
otros proyectos de clase también. Por esta mente,
espero ver lo que
creas y subes
aquí en Skillshare.
3. Elige el tema de tu proyecto: A lo largo de este curso, vamos a estar aprendiendo sobre comercio electrónico de
WordPress construyendo una tienda online. El tema de la tienda que voy a estar creando está basado en una panadería, pero este tema es completamente opcional y depende de ti. Si optas por usar un tema diferente para tu proyecto, no afectará tu viaje de aprendizaje a lo largo de este curso. La única diferencia es que puede necesitar pensar en
algunos títulos de producto diferentes y diferentes descripciones de productos, y también introducir algunas imágenes diferentes también. Mira el proyecto del curso que voy a estar construyendo, que se basa en una panadería. Eres libre de elegir cualquier tema para tu proyecto de e-commerce, o puedes seguir junto con este mismo proyecto exacto. También se han proporcionado las imágenes del curso como descarga, o si te sientes un poco más creativo o listo para construir una tienda en línea, pero si estás por negocios, ahora sería un buen momento para reunir cualquier imagen que que vas a necesitar para tu proyecto. Esto es un vistazo a la página de inicio, tenemos diversas categorías lo cual ha filtrado hacia abajo nuestros productos por best-seller o por categoría. Tendremos una navegación arriba en la parte superior con enlaces a nuestras diversas páginas para nuestro sitio. Solo, me voy a centrar en iniciar sesión para este proyecto. Sí tenemos una página de blog. Vamos a tener una sección Contáctenos la cual obviamente es importante para el comercio electrónico. Tendremos un área de cuenta de usuario y el usuario podrá iniciar sesión y
consultar cualquier pedido anterior y entrar en estos y encontrar todos los detalles. Podrán tener una sección de Descargas para cualquier mercancía digital que hayan adquirido. Tenemos enlaces para las direcciones, diferentes métodos de pago de la tienda, y también opciones para cambiar los detalles de la cuenta también. Obviamente, la parte más importante va a ser el enlace de la tienda, donde vamos a exhibir todos nuestros productos disponibles. También tenemos una barra lateral que nos va a permitir
filtrar nuestros productos por cosas como el precio, por la categoría, y también diferentes tipos también. Podemos hacer click en cualquiera de estos productos para añadirlos a nuestro carrito. Ya podemos ver que la cesta de la compra se ha actualizado en la parte superior. Podemos hacer click y luego lo estamos llevando al proceso de checkout. Vamos a echar un vistazo a cómo podemos configurar todas
estas cosas incluyendo los métodos de pago. Vamos a integrar raya en nuestro proyecto para que el usuario pueda usar tarjetas de crédito. Al lado de estos simples productos individuales, también
vamos a permitir productos que tengan diferentes variantes. Por ejemplo, estos cupcakes, podemos seleccionar diferentes cantidades de caja, y el precio se actualiza así. También puedes anotar toda esta información si lo deseas,
como títulos de producto, descripciones de productos, y también tal vez cosas como diferentes categorías y etiquetas que puedas necesitar para tu tienda. No te preocupes demasiado por esto si solo quieres
saltar a aprender sobre el comercio electrónico de WordPress porque todos estos se pueden crear a medida que pasamos por el curso y también cambiamos más tarde también. Una vez que estés listo y una vez que tengas tu idea en mente, pasemos ahora al siguiente video donde vamos a empezar a configurar WordPress.
4. Configuración de WordPress: WordPress se escribe en un lenguaje programador llamado PHP, y no necesitas conocer ningún PHP para usar WordPress o para tomar este curso, pero también vale la pena saber que PHP solo se ejecutará en un servidor web, sin embargo, ¿qué significa esto para nosotros? Bueno esto significa que, para crear un sitio web de WordPress, necesitamos comprar algún alojamiento web o necesitamos simular un servidor web en nuestro propio ordenador, aquí en la diapositiva tenemos algunas opciones comunes para hacer esto, Voy a estar usando opción que está a la izquierda y este es un servicio llamado Local por volante, Mamp también es una opción popular a como es Bitnami, y puedes elegir cualquiera que difiera dirigiéndose a los enlaces de aquí, desinstalando para tu sistema operativo particular, te recomendaría local, ya que esto es lo que vamos a estar usando a lo largo del resto del curso, ya
tengo configuración local y si estás siguiendo junto con esto una vez que hayas instalado esto, verás una pantalla que se veía
así, por lo que este es el dashboard local que es donde se va a configurar nuestro proyecto y además incluir enlaces a nuestra página principal junto con la sección de administración, también
podemos crear múltiples sitios usando local y podemos crearlos haciendo click en el icono más en la esquina y luego darle un nombre a nuestro presite, quiero ir por el wp-bakery, no
necesitamos ninguna de las opciones avanzadas para que podamos continuar hasta la siguiente pantalla, el entorno preferido también está bien, y luego podemos agregar nuestro nombre de usuario, contraseña y correo electrónico, que vamos a utilizar para iniciar sesión en el panel de WordPress, así que quiero decir bakery_admin para el nombre de usuario admin y también una contraseña, y también un e-mail también, agrega nuestros sitios y luego solo toma unos momentos configurarlo usando local, y luego una vez hecho somos libres para luego explorar nuestro sitio usando los enlaces proporcionados, si estás usando un Mac, es posible que también necesites agregar la contraseña de administrador para que esto termine de instalar, por lo que una vez hecho esto deberíamos entonces ver que nuestro sitio se está ejecutando y tenemos la opción de detener esto, pero también podemos hacer clic en el admin y también ver nuestro sitio, también como un suspirado nota que no vamos a estar utilizando en este curso, también
tenemos un enlace en vivo el cual podemos habilitar y esto generará un enlace en vivo el cual es un enlace a nuestra página web de WordPress y podemos compartirlo con el resto del mundo, por lo que para empezar podemos ir al link admin que está abierto un serbio dentro del navegador y luego usando los detalles que proporcionamos al configurar nuestro sitio,
podemos agregar nuestro nombre de usuario, fue bakery_admin, y luego también la contraseña, vamos a dar clic Recordar Yo y luego lo llevaremos al back-end o al dashboard de nuestro sitio WordPress, este es un resumen básico de la configuración back-end para nuestros lados y podemos echar un vistazo a cosas como nuestras publicaciones, podemos agregar otras nuevas, podemos editar exitstings unos, tener una mediateca para activos como nuestras imágenes y videos, podemos configurar nuestras páginas, o comentarios de blog y también la configuración general y apariencia para nuestro sitio también, no
vamos a entrar en esto en ningún gran detalle por el momento porque vamos a cubrir estos a medida que avanzamos por el curso, si volvemos a nuestro panel local, también
podemos ver que tenemos una vista, chipre y también, esto nos va a llevar a nuestro recite web real, y así es como se ve nuestra web precisa por el momento, también
podemos acceder al sitio desde el tablero si cursor sobre este icono de la casa y luego bajar a visitar el sitio, y también lo contrario si estamos en la parte frontal de la vista del sitio, también podemos pasar el cursor sobre este ícono y nos llevamos de vuelta al tablero, el
momento, este es el tema por defecto el cual viene con WordPress y está diseñado para ser play general, pero en el siguiente video vamos a pasar a personalizar nuestra puerta de comercio electrónico cambiando el tema y también agregando suma funcionalidad extra con un plugin.
5. Configuración del complemento y el tema de comercio electrónico: Lo siguiente que tenemos que hacer es transformar nuestra instalación genérica de WordPress para ser más como una tienda de ecommerce y para ello, vamos a ser aprovechados de la plataforma WooCommerce. Está construido por automático, que también es responsable de muchas de nuestras grandes herramientas de WordPress. Por identidad, el plug-in WooCommerce extiende nuestra instalación actual de WordPress, la
cual fue configurada en el último video para proporcionar productos, envíos, entrega, cupones, pagos y prácticamente todo lo demás que necesitamos para configurar nuestra tienda de comercio electrónico. También hay características más avanzadas a las que puedes pagar. Para el núcleo de la funcionalidad de ecommerce está disponible totalmente de forma gratuita, igual
que el tema de escaparate, que está disponible de la misma empresa y podemos echar un vistazo a esto si vamos al mercado a nuestra sección temática. El único que necesitamos es el tema de escaparate. Mira el framework y puedes enterarte un poco más sobre el tema que vamos a estar usando. Esta es una pequeña vista previa de cómo se ve fuera de la caja, es totalmente receptiva, por lo que se ve muy bien en todos los tamaños de pantalla, es personalizable, para que podamos seleccionar nuestros propios temas, nuestros propios colores, nuestros propios diseños, y en general personaliza para elegir nuestra tienda. Sólo para recapitular, el plugin proporciona la funcionalidad de ecommerce y este tema proporciona el look y la sensación para nuestra tienda. A nuestro proyecto, ahora los vamos a incluir Dentro del tablero. Dirígete al backend de nuestro tamaño. Empecemos instalando nuestro tema. En el tablero, podemos instalar un tema yendo a la apariencia y luego el enlace del tema está aquí. Por el momento, vemos los temas por defecto que se habían proporcionado cuando iniciamos WordPress y este es el activo que
vemos cuando pasamos al front end de nuestros sitios. Ahora vamos a cambiar esto haciendo clic en agregar nuevo tema. Vamos a buscar los escaparates. Este es el que necesitamos justo aquí. Haga clic en instalar. Una vez instalado, podemos hacer click en activar, y esto pondrá esto como nuestro tema activo. Vemos aquí tenemos el escaparate como nuestros temas activos. Podemos ir ahora a nuestro frente y refrescar el navegador y esto ahora se hace efectivo. Por el momento, todavía no se parece mucho a una tienda de ecommerce. Pronto tendremos alguna funcionalidad de ecommerce como productos, cuando instalemos nuestro plugin. Instalemos nuestro plugin volviendo a nuestro panel de control, donde tenemos una sección de plugin dedicada. Podemos ver los plugins instalados actualmente o ir directamente a nuestro nuevo. Voy a añadir nuevo y luego necesitamos buscar WooCommerce. Esto es lo que necesitamos y como mencionamos esto es por una empresa llamada Automática. Podemos hacer clic en instalar y luego activar todo plugin. Para configurar nuestra tienda WordPress, tenemos muchas opciones ahora en el tablero, o podemos pasar por un asistente de configuración de WordPress, que es lo que vemos justo aquí. Tengo la opción de omitir esto, pero voy a correr por algunos de los ajustes básicos que vamos a incluir para nuestra tienda. Ahora si no conoces las respuestas a algunas de estas, realmente no importa por el momento porque todos estos ajustes también se pueden cambiar en el tablero. En primer lugar, necesitamos seleccionar un país. Ahora alguien sea Reino Unido y también podemos configurar nuestros detalles de dirección. Yo sólo voy a ir a una prueba por el momento. Añadamos algunos detalles de prueba aquí dentro, y solo nos aseguraremos de que esto sea correcto y luego podremos continuar con la siguiente opción. A continuación, nuestra mina de industria de tiendas va a ser panadería. Voy a seleccionar comida y bebida para luego continuar. El tipo de productos que tenemos la opción de vender diferentes tipos de productos como bienes físicos, que en realidad empaquetarán y enviarán dos al cliente. Podemos tener productos virtuales, que el cliente puede descargar, suscripciones y membresías. Productos compuestos que son configuraciones de producto del
cliente y también un libro-en-servicio también. Yo quiero ir por nuestros productos físicos y también descargas también. Queremos saber si apenas estamos iniciando o tenemos un negocio en su lugar. ¿ Cuántos productos queremos mostrar? Diremos que aún no tenemos ningún producto y actualmente no estamos vendiendo en otro lugar y también voy a desmarcar todas estas opciones. Podemos instalarlos manualmente cuando sea necesario. Entonces damos una opción para cambiar temas y también tenemos algunas opciones de pago también, pero sigamos con este tema activo. Haga clic en ahora los instalaremos manualmente si es necesario y luego continúe hasta el panel de control. Al igual que cuando configuramos muchos plugins de WordPress diferentes, WooCommerce también agrega una opción dedicada dentro del tablero. Corrirá por muchas de estas opciones a medida que avancemos por este curso, y también podemos cambiar estos ajustes, cuales acabarán de configurarse durante nuestra configuración. Por ahora sin embargo, pasemos al front-end de nuestro sitio y recarguemos el navegador. Ahora nos presentan muchas páginas de muestra diferentes. Contamos con un carrito de compras, un checkout. Tenemos un área de cuenta para nuestros usuarios, y también una tienda justo al final. Hasta el momento, no tenemos ningún producto para exhibir en nuestra tienda pero por ahora estos enlaces son realmente útiles para nuestros proyectos de ecommerce. Estas páginas tienen bean agregado automáticamente fotos cuando
configuramos el plug-in WooCommerce y a continuación nos
vamos a pegar con las páginas subjetivas agregando y también eliminando otras nuevas junto con mirar algunos ajustes de página diferentes.
6. Cómo configurar nuestras páginas: Como descubrimos antes, el asistente de instalación de WooCommerce ha configurado
automáticamente algunas de las páginas que podemos necesitar para nuestro inicio. Bueno, claro, muchas veces queremos personalizar estas páginas también agregando otras
nuevas y también quitando algunas de las que no necesitas demasiado. Esto es a lo que vamos a echar un vistazo también en este video, junto a descubrir cómo funcionan las plantillas de página. Desde el “Dashboard” de WordPress, podemos agregar y editar páginas con este enlace dedicado de “Páginas”. Al hacer clic en “Siguiente”, podemos entonces ver una lista de todas nuestras páginas que
no sólo habían sido instaladas con el plug-in WooCommerce, sino también la página de muestra también, que fue configurada cuando instalamos WordPress por primera vez. Si notas, junto a ti, muchas de nuestras páginas, vemos que a cada una de ellas se le ha asignado un papel o función particular. nuestro “Carrito” se le ha asignado el papel de “Página del Carrito”, lo mismo para “Pago”, las “Cuentas”, y también la “Política de Privacidad” y la “Tienda” también. Esto se hizo primero cuando usamos el Asistente de configuración de WooCommerce pero si creáramos nuestras propias páginas, este no sería el caso. Por ejemplo, si fuéramos a eliminar esta “
Página de pago ” y luego ir y crear una nueva página nosotros mismos llamada “Checkout”, WooCommerce no asumiría automáticamente que esto es por nuestra funcionalidad de pago. Para asignar estos roles necesitamos volver a nuestra configuración de WooCommerce, así que pasa el cursor sobre este enlace y baja a nuestra “Configuración”. Podemos ver dónde se han asignado estos roles dentro de nuestra pestaña “Avanzado” y también podemos hacer clic en cualquiera de estos desplegables y cambiar el rol particular para cada página. Si quería usar alguna página personalizada utilizada para anular cualquiera de estos valores predeterminados, esto también es completamente posible. Volver a nuestras páginas Ahora voy a crear dos nuevas páginas para nuestros sitios. “ Añadir Nuevo” en la primera página, que vamos a añadir es para nuestro blog. En la parte superior, podemos darle a esta página un título de “Blog”. Entonces si quisiéramos, podemos construir nuestra página usando una serie de bloques. Por defecto, lo estamos llevando a un bloque de texto donde podemos empezar a agregar nuestros párrafos de texto. Si hacemos clic en el icono más en la parte superior izquierda, también
podemos agregar muchos bloques diferentes como encabezados, muestras de
código, imágenes, algunos widgets preconfigurados, y también incrustar algunos enlaces de redes sociales. encima del lado derecho tenemos una sección de documentos que nos da montones de configuraciones diferentes para nuestra página. Podemos establecer la visibilidad y si queremos que esta página se publique de inmediato, o si quieres agendar esto para una fecha en particular. Tenemos una sección de “Permalink” donde podemos ver la “URL Slug.” Esta es la sección que va al final de nuestra URL. Por ejemplo, tendremos wpbakery.local. Entonces para esta página en particular agregaríamos al final una barra inclinada hacia adelante, y luego la babosa URL, que es bloque. Esto tendrá una imagen destacada, que es nuestra imagen principal para esta página y la imagen destacada se puede mostrar en una serie de ubicaciones dependiendo de qué película en particular esté utilizando. Podemos habilitar comentarios para nuestros usuarios en esta página y tendremos una sección de plantillas la cual te vamos a volver muy pronto. Ahora para activar esta página, vamos a dar click en “Publicar” y luego en “Confirmar”. Entonces también podemos crear nuestra segunda página volviendo al panel. Haga clic en el icono de “WordPress”. Después nos devuelven nuestras páginas donde podemos añadir una nueva página y ésta va a ser “Contáctenos”. También volveremos al contenido de esta página para que
solo podamos pulsar “Publicar” y luego “Confirmar”. Por último, para limpiar las cosas podemos volver a nuestras páginas y luego también podemos quitar la página de muestra, que se ha establecido con la instalación de WordPress. Pasa el cursor sobre esta página y luego podemos enviar esto a la basura. Esto ahora nos deja con nuestras páginas preconstruidas junto a nuestras personalizadas, que son “Blog” y “Contáctenos”. Posteriormente se utilizará la página de contacto y
añadiremos un formulario de contacto directamente en esta página. Así como mirábamos antes, con WooCommerce cuando asignamos un rol o función en particular a “Todas las páginas”,
también necesitamos decirle a WordPress que queremos mostrar todas nuestras publicaciones de blog en esta página de blog. Esto es bastante sencillo si vamos a nuestra configuración y luego a nuestra sección de lectura. Por el momento vemos que nuestras últimas entradas de blog han sido asignadas a la página de inicio. Podemos ver esto si vamos al front-end de nuestros sitios web y luego hacemos clic en “Inicio”. Tenemos esta entrada de blog de muestra “Hola mundo”, que se está proporcionando cuando instalamos WordPress. Para ahora pasar esto a nuestro enlace de blog, podemos volver a nuestra configuración. Podemos cambiar esto para que sea una página estática y luego podemos ver, podemos asignar nuestro post a nuestra nueva página de blog, guardar nuestros cambios, y volver a nuestro blog. Ahora cuando recarguemos el navegador en este enlace de blog de barra directa, podemos ver nuestro ejemplo de “Hola mundo”. Si bien este curso está enfocado al comercio electrónico, administrar y agregar nueva entrada de blog es igual de fácil como administrar nuestras páginas. Podemos hacerlo desde el panel de control, desde nuestro enlace “Posts”, dar click en “All”. El modo en que funciona esto es muy similar a “Todas las páginas”, podemos añadir una nueva entrada de blog. También podemos ver nuestro ejemplo de “Hola mundo” el cual podemos editar, podemos eliminar, y también podemos ver cualquier comentario que se hiciera en esta entrada de blog. Ahora tenemos nuestras entradas de blog asignadas a este enlace de blog. Bueno, de vuelta a nuestra página de inicio. Si hacemos clic en el enlace “Inicio”, seguimos viendo nuestra publicación de blog en esta página. Bueno, esto es porque no hemos creado una nueva página para anular esto. Hagámoslo ahora si volvemos a nuestras páginas y podemos usar el atajo
“Añadir nuevo” donde vamos a crear una nueva página llamada “Inicio”. De inmediato podemos publicar esto y luego podemos actualizarlo en nuestra configuración. Volver a nuestro “Dashboard”, abajo a nuestra “Configuración”, y una vez que vayamos al enlace “Lectura”, vamos a ir a nuestro enlace “Página de inicio” y configurar la página de inicio para que sea “Inicio”. Guarda nuestros cambios, de vuelta a nuestro enlace “Inicio”. Vemos la página de inicio que acabamos de crear y si vamos a nuestro blog, seguimos viendo nuestras entradas de blog. Ahora tenemos asignada una página de inicio, pero tendremos algunas opciones que ahora podemos tomar para agregar algún contenido a esta página. Podemos editar esto directamente con nuestro enlace “Editar página” arriba en la parte superior y así como
miramos antes, podemos seguir adelante y agregar algunos bloques diversos, como texto o imágenes o también podemos aprovechar algunos pre- bloques construidos los cuales se han configurado con WooCommerce. Haga clic en el icono “Plus” y si vamos por debajo de todos los bloques por defecto. Justo en la parte inferior, tenemos una sección WooCommerce, por lo que podemos configurar nuestra página de inicio para que sea exactamente como queremos que se vea. Podemos agregar productos por categoría, podemos elegir a mano nuestros productos, podemos agregar opiniones, y también una búsqueda de productos también. Podríamos construir una página de inicio personalizada usando cualquiera de estos bloques. Si bien por el momento no tenemos contenido como reseñas y también productos para probar cómo se verá esto. También puedes volver en el futuro y editar esto agregando cualquiera de estos bloques O podemos ir a la sección de documentos y también podemos aprovechar una de
las plantillas preconstruidas que se habían proporcionado con el escaparate tema. El que voy a usar va a ser la plantilla de “Homepage”, así que vamos a seleccionar esto y una página de plantillas WordPress está codificada en el tema por el creador de temas. Diferentes temas tendrán muchas opciones diferentes, a menudo una plantilla de ancho completo, un diseño de dos columnas y así sucesivamente. Bueno, esta plantilla de página de inicio se proporciona para mostrar cosas como categorías, nuevos artículos, favoritos, y también nuestros productos más vendidos. Actualicemos nuestra página de inicio. Después podemos ver nuestra página de inicio volviendo al “Dashboard” pase el cursor sobre nuestro icono de inicio y luego visitar sitios. Obviamente, no tenemos ningún contenido ni ningún producto para mostrar todavía, por lo que nuestra página parece un poco vacía, pero esto es algo que vamos a empezar a arreglar en el siguiente video configurando nuestras categorías de productos.
7. Cómo configurar categorías de productos: Cuando estamos tratando con los sitios de comercio electrónico, una de las grandes cosas que necesitamos
resolver es exactamente cómo vamos a categorizar todos los productos. Si consideramos una página de producto tradicional que se ve algo así, puede ser difícil para los clientes encontrar exactamente lo que quieren sin ningún tipo de organización. Si tenemos cientos o incluso miles de productos en todos los sitios, todo lo que el usuario necesita es desplazarse por estos, se ha vuelto realmente difícil encontrar el producto exacto que puede necesitar el cliente. Por ejemplo, si hay cierto tipo de pastel que el cliente quiere, esto puede estar por debajo de un 100 o 1,000 sobre diferentes productos. Para ayudar o solucionar este problema, una de las cosas comunes que podemos hacer es agregar diferentes categorías para agrupar nuestros productos relacionados. Estas categorías también se pueden mostrar dentro de una barra lateral y podemos hacer clic en cualquiera de estas categorías para filtrar los productos mostrados, lo
que facilita mucho al usuario final encontrar el producto que desea. Aumentar las posibilidades de que el usuario final compre sus sitios en lugar de uno de sus competidores. WooCommerce hace que el proceso de agregar categorías sea un proceso relativamente sencillo. El que vamos a ver en tan solo un momento. Por eso necesitamos añadir en nuestras imágenes, ya que nuestras categorías también se muestran junto a una imagen. Recuerda que las imágenes básicas se proporcionan con este grueso o puedes usar las tuyas propias. No necesitas ninguna imagen especial solo para categorías. Simplemente puedes hacer uso de una de las imágenes del producto. A medida que creamos nuestras categorías, podemos subir cada una de nuestras imágenes uno comprar una. Todos pueden primero agregarlos todos a la mediateca, por lo que puede seleccionarlos fácilmente cuando sea necesario. Voy a subir todas las imágenes que necesitamos yendo a la mediateca, que está en la barra lateral, click en agregar nuevo, y luego vamos a arrastrar y soltar todas las imágenes que necesitamos insider aquí. He puesto la carpeta de imágenes, guardada en el escritorio justo aquí y
va a ser todas las imágenes las que se proporcionan con este curso. Recuerda, la mía está temática en una panadería, pero si estás usando un tema diferente para tu tienda, puedes subir algunas imágenes diferentes también. Podemos arrastrar estos sobre uno por uno, o en su lugar podemos arrastrar sobre la carpeta de imágenes completa, soltarlos y estos sólo tardarán unos momentos en subirlos. Ahora cuando creamos cualquier producto o en nuestras categorías, también
tenemos acceso a cualquiera de estas imágenes a. Vamos a trabajar sumar en nuestras categorías, que está en la barra lateral de los productos. A continuación, haga clic en el enlace de categorías. Nuestra primera categoría que vamos a crear a sección nuestros productos va a ser para cookies, y también recuerda si estás usando un tema diferente, puedes cambiar cualquiera de estos nombres de categoría dos se adaptan a tu proyecto. Esto también puede ser cookies, recuerda la babosa, al
igual que cuando creamos una nueva página es la parte final de nuestra URL, por lo que sería nuestro nombre de dominio arriba en la parte superior y luego reenviar cookies de barra. Si se trata de una subcategoría, también
podemos elegir una categoría de padres y vamos a echar un vistazo a esto en tan solo un momento. También podríamos agregar una descripción si quisieras, pero esto no es necesario para este tema en particular. Abajo en la parte inferior tenemos un menú desplegable para nuestro tipo de pantalla. Esto es para determinar exactamente qué se mostrará al hacer clic en este enlace de cookies, por lo que si hacemos clic en las cookies sí queremos que se muestren todos los productos de cookies, si lo hacemos hacemos hacemos click en los productos, o también podríamos mostrar cualquier subcategorías si esta categoría de cookies era padre y lo veremos muy pronto también. Dado que las cookies van a ser una categoría de padres, vamos a mostrar todos los productos de cookies debajo. Después podemos subir una nueva imagen o seleccionar la mediateca y elegir una de nuestras imágenes existentes. Vamos por nuestras galletas. Haga clic en las cookies y si fuera a desplegar el sitio a un servidor web en vivo, también
quisiéramos llenar suma más información, como el texto antiguo. Demos click en usar imagen y también añadamos nuestra categoría. A continuación va a ser para los cupcakes, también la babosa de los cupcakes. Esta también es una categoría de padres 2 por lo que dejamos esto como monja junto a la descripción. Esto también mostrará los productos cuando visitemos, haga clic en la miniatura y tengo una imagen de cupcakes, que voy a usar para esta categoría, podemos agregar esto. Entonces en la siguiente categoría va a ser donuts, que también exhibirán productos. Selecciona la imagen de rosquillas y esto es todo lo que necesitamos para esta categoría. El siguiente se va a abeja Muffins, y esta también es una categoría de padres también. Esto también enumerará productos debajo de esto agregará nuestra imagen de magdalenas, que es ésta justo aquí y luego agregará nuestra categoría. La siguiente categoría que voy a añadir van a ser las tarjetas de recetas. Ahora, estas categorías en particular también van a tener algunas categorías infantiles para así a continuación esto dividirá nuestras tarjetas de recetas en cosas como recetas de magdalenas, y todas estas serán categorías infantiles de estas tarjetas de recetas. Si vamos a la sección de tarjetas de recetas, en lugar de mostrar productos, entonces
vamos a mostrar en su lugar nuestras subcategorías, que aún no hemos creado, pero si agregamos la imagen o una miniatura, entonces podemos crear nuestra categoría infantil justo a continuación. La categoría infantil de una tarjeta de receta va a ser una recetas de magdalenas, agregue en esta babosa para la sección, y ahora como esta es una categoría infantil, podemos seleccionar al padre, que era nuestras tarjetas de recetas, el cual lo aprenderemos mostrar cualquier tarjeta de receta que tengamos listada como producto. Pero no tengo una imagen separada para esto. Simplemente voy a usar la misma imagen de tarjeta de receta que tenemos dentro de la mediateca. Ahora podemos sumar éste de niño. Arriba en la parte superior tenemos nuestras tarjetas de recetas, y luego podemos ver las recetas de magdalenas justo debajo, que tiene el prefijo dash, lo que significa que esta es una categoría infantil. El último rubro que hay que estar sumando, va a ser para unas dietas especializadas. Esta también va a ser una categoría principal o una categoría de padres, que va a tener un número de categorías infantiles anidadas en su interior. Esto no tendrá padres de familia, esto será en el nivel superior. Cuando entramos en esta categoría, esto va a mostrar todas
las subcategorías anidadas a nuestra imagen y luego guardar nuestra categoría. Dentro de nuestras dietas especializadas, vamos a sumar una nueva categoría, que va a ser para libre de gluten, en slug 2. Nuestra categoría de padres es nuestras dietas especializadas, que va a exhibir cualquiera de nuestros productos. Yo quiero usar la misma imagen con esta categoría y es igual que también vemos el guión antes de este nombre, ya que se trata de un niño de dietas especializadas, la muy final que queremos agregar también va a ser un niño de esta categoría también. Este se va a llamar vegano, y también tiene la categoría de padres de dietas especializadas. Mostrará nuestros productos, subirá una imagen y nuestra categoría. Esta es la categoría final que irá a sumarse para este proyecto. Si volvemos a la mira sobre la recarga en la página de inicio, no
vemos nada diferente. Lo mismo si entras a la tienda, sección 2. Si ahora volvemos a nuestra página de inicio, todavía no
vemos ningún contenido extra, esto se debe a que aún no hemos creado ningún producto para mostrar realmente dentro de nuestra tienda. Todo lo que estamos haciendo en este momento es configurar las opciones, por lo que estas están disponibles cuando creamos nuestros primeros productos. Vamos a seguir agregando estas opciones en el próximo video, donde vamos a echar un vistazo a los atributos del producto.
8. Atributos del producto: Agregar atributos a un producto es básicamente una forma de incluir alguna información adicional al respecto. Por ejemplo, imagina que teníamos una tienda vendiendo camisetas. atributo de una camiseta tal vez el tamaño, el color, y también el ajuste. Estas son como variables o las partes del producto las cuales pueden cambiar, y luego cada uno de estos atributos tiene sus opciones también. Nuestros atributos de tamaño incluirían cosas como nuestro pequeño, mediano o grande. Tendría varias opciones de color, y también varias opciones para el estilo o el ajuste. Afortunadamente, WooCommerce también nos da control total sobre todos estos atributos, podemos añadirlo a nuestros productos. Podríamos volver a nuestro panel de WordPress, desde aquí podemos agregar nuestros atributos de producto. Vámonos a la barra lateral. Entonces si entramos en los productos, haga clic en la opción de atributos dentro de aquí. Tus primeros atributos para esta panadería va a ser la cantidad de caja y luego también estas babosa de cantidad de caja también. Podemos entonces evaluar si todos estos necesitan ser ordenados por el id, el nombre o también podemos establecer el
orden personalizado para que podamos arrastrar y soltar estos atributos en un orden. Añadamos nuestros atributos. Ahora tenemos nuestros primeros atributos de cantidad de caja y el segundo que voy a estar agregando, va a ser para los sabores. El mismo es tu vas a tener un pedido personalizado, por lo que puedes agregar esto y luego el tercer y último atributos a mi sitio va a ser grande y amigable. Agrega estos atributos y ahora vemos todos nuestros atributos libres en la mesa de la derecha. Aviso tenemos algunas opciones a la derecha, que utilizamos para configurar los términos para cada uno de estos atributos. Primero empecemos con nuestra cantidad de caja, haga clic en configurar términos. Entonces adentro escuchar vamos a agregar algunas opciones para esta cantidad de caja. Por ejemplo, si estamos vendiendo un pastel quizá desee
restringir al usuario para que solo compre cantidades de caja de seis, 12, 18, 24 y así sucesivamente. Voy a añadir estos como nuestras opciones. En primer lugar, el número 6, la babosa del número 6 también. No necesitamos una descripción, por lo que solo haremos click en agregar. El segundo va a ser por 12,
18, 24, también una cantidad de caja de 30. Entonces si alguien quiere muchos pasteles, también
podemos agregar una opción de 60 también agregar nuestra final en. Ver cuando agregamos nuestro producto, también
podemos asignar estas cantidades de caja para crear un producto variable. Por ejemplo, podríamos establecer un producto que se llama caja de cupcakes, y luego podemos proporcionar estos como diferentes opciones, atributos auto. También tenemos dos secciones más para las que necesitamos configurar nuestros términos y la siguiente es para nuestros sabores. Esto va a ser para cosas como magdalenas o pasteles. Podemos agregar diferentes sabores y podemos asignarlos cuando creamos nuestros productos. El primer sabor que voy a agregar va a ser arándano con una babosa a juego. El siguiente va a ser por chocolate. Recuerda, todas estas son opciones personales, por lo que puedes cambiarlas. Mi último va a ser por vainilla. Entonces podemos volver a nuestros atributos de producto, y luego podemos configurar nuestros términos para veganos amigables. Esto va a ser bastante simple, sólo
vamos a tener dos opciones. Va a ser o no vegano amigable añadir esto. Entonces el segundo va a ser vegano amigable. Estas opciones, por supuesto, también serán realmente útiles más adelante cuando creemos nuestros productos. Pero ahora todo esto va a ser todos los que voy a estar sumando para esta panadería. Entonces cuando venimos a agregar productos podemos usarlos de múltiples maneras. Como se mencionó anteriormente, podemos usar estos para crear algunos productos variables, o en su lugar podemos simplemente utilizarlos para agregar información de suma a nuestros productos. Los atributos realmente pueden hacer que nuestros productos sean mucho más personalizables y muy flexibles también. Eso es todo por atributos. En el siguiente video, nos vamos a centrar en los impuestos y también en el envío.
9. Impuestos y tarifas de envío: Al vender productos en línea siempre tenemos el tema de tratar con impuestos a la hora de vender productos descargables físicos o virtuales. También al tratar con bienes físicos también tenemos el tema de las tarifas de envío y cómo realmente vamos a enviar
físicamente el producto al cliente. Ambos son por suerte añadidos fácilmente usando el plug-in WooCommerce que ya tenemos instalado. Este video realmente no va a abejar un video de seguimiento, ya que tanto las tasas tributarias subjetivas como también los cargos de entrega van a depender de tu ubicación, la ubicación de tus clientes, del tipo de productos que vendes, y también cómo se maneja tu negocio. En lugar de ir a través y agregar algunas opciones, voy a mostrar ewe dónde están todas estas opciones y cómo podemos configurarlas. Pero implementarlas es algo específico para tu negocio y es algo que quiero dejarte a ti. Para ello, vuelve al tablero y luego ve a WooCommerce. Tenemos entonces una opción de configuración dentro de aquí. Primero vamos a trabajar con los impuestos subjetivos. Si nos desplazamos hacia abajo, podemos ver que necesitamos revisar esta opción de tasas y cálculos impositivos habilitados. [inaudible] podemos guardar nuestros cambios y luego volver a la cima. Ahora tenemos una opción fiscal separada en este menú. Primero lo primero, nuestros productos van a ser listados incluyendo o excluyendo impuestos. Podemos establecer esta opción justo aquí. A continuación vamos a establecer cómo se calcula nuestro impuesto y algunos países tienen diferentes tipos impositivos dependientes de la ubicación. Aquí podemos establecer si queremos que se aplique el impuesto para la dirección de envío del cliente,
la dirección de facturación del cliente, o en función de la ubicación de la tienda. Después de esto, tenemos una clase fiscal. Si hacemos click en esto, automáticamente tengo tasas estándar reducidas y cero. Estos han sido preconfigurados para mí ya que ya establecí la ubicación de la tienda para estar en el Reino Unido. Estas son tasas impositivas estándar del Reino Unido, y también podemos adjuntar cualquiera de estas tasas impositivas a un producto cuando las creamos también. Las opciones que ves aquí también pueden ser diferentes dependiendo de la ubicación, que establecerás. Si vamos a la pestaña general, podemos ver al país como MIT UK, y si cambias esto para ser un país diferente, posible
que también veas que estas tasas impositivas por defecto también cambian. Pero a todos los impuestos, también se puede redondear el impuesto y por debajo de esto, también
tenemos la capacidad de agregar suma clases fiscales adicionales. Estas clases fiscales adicionales son las que se suman a nuestra tarifa estándar, y éstas también han sido configuradas para mi país automáticamente. Nos fijamos si queremos que los precios de visualización en nuestra tienda sean incluyendo o excluyendo impuestos, lo mismo para los carros en la caja y luego también
podemos agregar un precio displays de sufijo también. Este sufijo va a ser el texto que añadimos después del precio del producto. Por ejemplo, se podría decir 1295, y luego podríamos agregar el impuesto de incluir impuesto o cualquier otro impuesto al cliente que te guste, en la parte superior, simplemente relleno a nuestras opciones fiscales. Tenemos entonces las opciones para afinar cada una de nuestras tasas impositivas particulares. Por ejemplo, si entra en mis tarifas estándar, aquí es donde los impuestos se complican y también muy específicos para su país. Podemos configurar diferentes tarifas para diferentes países, diferentes estados, diferentes códigos postales o postales, y también diferentes ciudades. Para el Reino Unido, esto no es demasiado complicado. En general, el Reino Unido tiene una única tasa impositiva estándar que cubre la mayoría de los productos y actualmente se encuentra en 20 por ciento. También tenemos la tasa reducida, que es del 5 por ciento. Esto cubre algunos productos de seguridad como sillas de coche para
niños y también algunos productos de ahorro de energía también. Entonces la tasa cero, que es para cosas como sólo comida y también algo de ropa para niños. También otros países como Estados Unidos tiene una configuración fiscal mucho más compleja. Una entidad donde necesitarás configurar las cosas para todas tus diferentes tarifas. Se puede configurar cada una de estas individualmente
insertando una nueva fila o si haces una búsqueda en línea, hay algunas hojas de cálculo con toda esta información disponible, y puedes importarlas como CSV. A continuación tenemos la pestaña de tarifas de envío, así que vamos a entrar aquí. Es dentro de aquí donde podemos configurar nuestras zonas de envío, y podemos configurar diferentes métodos de envío en precios, para diferentes ubicaciones. También podemos personalizar esto dentro de la pestaña General, bajo las opciones generales, podemos establecer a qué países quieres vender. Actualmente por defecto, estamos configurados para todos los países, pero también podemos establecer que este sea un país específico también. Por ejemplo, si solo quisiéramos mantener esto a nuestro país de origen, podríamos seleccionar esto, guardar nuestros cambios y luego podríamos configurar nuestras tarifas de envío para este país, agregar una zona de envío así como el nombre de la zona. Podemos entonces establecer la región, y también podemos configurar esta zona de envío en particular, pero restringida a diferentes códigos postales o zip también. Significa que tenemos algunas tarifas de envío realmente flexibles, por lo que tenemos todas las áreas cubiertas. Debajo de esto tenemos nuestros métodos de envío donde podemos agregar uno nuevo. Para esta zona en particular, podemos entonces agregar nuestros métodos de envío. Podemos establecer una tarifa plana que es un precio fijo. Podemos habilitar el envío gratis o también la recogida local también. Voy a seleccionar una tarifa plana a este final. Esta tarifa plana se va a aplicar a cualquier valor antiguo. Si entramos aquí, luego haga clic en “Editar” y luego tener la opción de seleccionar si queremos agregar impuestos al barco y tarifas y además agregar un costo de envío también. Vamos por 495 y luego guardemos nuestros cambios. Entonces también voy a añadir un segundo método de envío, que es para envío gratis en este. Ahora si entramos en “Editar”, podemos decir que el envío gratuito requiere cierta condición, como un cupón o un pedido mínimo, o una combinación de ambos. Voy a establecer un monto mínimo de pedido, establecer los valores mínimos de pedido para que sean 50. También podemos establecer si queremos que se aplique esta regla de pedido mínimo antes de cualquier descuento de cupones también, guarde nuestros cambios. Entonces aún en la sección de envíos, tenemos dos opciones más de opciones de envío y clases de envío. Es aquí donde calculamos el costo de envío, y también si la tarifa de envío aplica a la facturación, o a la dirección de envío. Por último también tenemos una clase de envío. utiliza una clase de envío para agrupar artículos que tienen algo en común. Por ejemplo, podríamos agrupar artículos
grandes y voluminosos o pequeños artículos rompibles y así sucesivamente. Estas clases también se pueden utilizar para cambiar el costo de tarifa plana, si es necesario. Con esto ahora todo en su lugar en el siguiente video, ahora
vamos a pasar a agregar los productos reales a nuestra tienda de E-commerce.
10. Productos físicos: Hola, ha tardado bastante tiempo en crear nuestro primer producto para nuestra tienda. Todo el conjunto de trabajos ya está en su lugar. Si creáramos producto en el iniciado este curso, entonces
tendríamos que volver a cada uno de nuestros productos y agregar cosas y cambiar cosas como las categorías,
las tasas de impuestos, y también el envío ya que creamos cada uno de estos variables. Ahora podemos saltar directo a crear nuestros productos. Todas estas opciones están justo ahí para que sumemos a cada uno de nuestros productos. En este video, vamos a cubrir los productos físicos, que son artículos que vamos a enviar al cliente. productos [inaudibles] sigue unos patrones similares en mayoría de las cosas en WordPress como agregar páginas y también blogposts. Hay opciones dentro de la barra lateral para nuestros productos e incluso podemos ver todos nuestros productos que actualmente tienes o ir directamente a Agregar Nuevo. Desde hear vamos a agregar nuestro primer producto y esto va a ser para macarrones y vamos a
configurar tres productos similares con tres cantidades de caja separadas. El título de macarrones, y luego dirá inicialmente una caja de seis. También podemos agregar una descripción opcional para nuestro producto también, cual es visible cuando hacemos clic en el producto para ir a la página completa del producto. Debajo de esto, podemos sumar toda la información para ello. Este va a ser un producto sencillo y vamos echar un
vistazo a algunas de las otras opciones que alguna vez hemos escenificado también. Yo sabía que esto es autoexplicativo, así que empecemos sumando un precio de 595. También podemos agregar un precio de venta y programar una fecha y hora en la que queremos decir que este producto suceda. Tenemos un estado fiscal y podemos establecer si el impuesto se va a aplicar solo al producto, solo al envío, o si queremos agregar ningún impuesto en absoluto. Si sí agregamos una tasa impositiva, también
podemos establecer la clase impositiva que queremos
aplicar y estas son las opciones que configuramos en los videos anteriores. WooCommerce también nos permite cuidar el inventario para que podamos habilitar la gestión de existencias para nuestros productos. Podemos establecer un código de producto como
unidades de mantenimiento de existencias y también podemos establecer el número de artículos que tenemos en stock, por ejemplo, usando nuestra panadería podemos hornear 100 macarrones por la mañana,
podemos establecer la cantidad de stock en 100. También podemos permitir pedidos atrasados, que es un proceso de permitir que un cliente solicite artículo incluso cuando no esté actualmente en stock. Esto significa que quizá podamos hornear más productos o todos los artículos pequeños en y luego enviarlos cuando los tengamos en stock. También podemos obtener algunas alertas cuando lleguemos a un nivel de stock bajo pero queremos mantener esto sin control para nuestra tienda. Después de esto, tenemos nuestras opciones de envío donde podemos establecer el peso y también las
dimensiones del producto y también podemos agregar una clase de envío la cual podemos configurar en el apartado de envío. También podemos vincular esto a otros productos. Tenemos upsales, que es el proceso de tratar de vender un producto de valor de alquiler a un cliente y también ventas cruzadas, lo cual es un peso de mostrar diferentes productos al cliente al un producto de valor de alquiler a un cliente y también ventas cruzadas,
lo cual es un peso de mostrar diferentes productos al cliente al
pasar por el proceso de pago para intentar y conseguir que agreguen más productos a ahí carrito. Después de esto, tenemos la opción de atributos donde podemos agregar atributos
personalizados o hacer uso de suma de los atributos que ya hemos configurado. Ya tenemos la cantidad de caja por lo que podemos sumar esto. Podemos seleccionar uno de los términos para que nuestro valor de seis y vamos a ahorrar. También podemos seguir adelante y agregar múltiples atributos si queremos. Contamos entonces con la sección Avanzado donde podemos tener una nota de compra que envía nota al cliente después de haber comprado este producto. Esto podría ser para algunas instrucciones adicionales, o también cómo descargar un producto virtual. Podemos establecer el orden de este producto y también habilitar las revisiones también. Abajo en la parte inferior tenemos una breve descripción también. Se trata de una versión corta que aparecería en el listado de productos y esta es una versión más grande o más larga que aparecería cuando entramos en el detalle del producto. Por encima de la derecha, tenemos algunas opciones diversas. Podemos sumar nuestras categorías que ya hemos configurado. Vamos a asignarlo a cualquier categoría que ya tengamos, o añadir una nueva categoría. Ya he agregado la categoría de macarrones, que me perdí de los primeros videos. Puedes seguir adelante y añadir a la sección de macarrones o incluso podríamos necesitar esto adiciones en categorías también. También podemos asignar diferentes etiquetas a este producto y también establecer la imagen para esto también. Abramos esto e ingresemos a la mediateca donde podemos seleccionar nuestra imagen de producto, que son los macarrones, guardemos esto y ahora nuestro producto está listo para ser publicado. Voy a dar clic en esto ahora y vamos a publicar de inmediato nuestro producto o también podemos programar esto para una hora y fecha posteriores también. Sigamos adelante con nuestros macarrones y a continuación podemos crear una caja cantidad de 12. Yo solo quiero dejar la descripción para esto. Este seguirá siendo un producto sencillo y el precio para éste va a ser de 995. Esto también va a ser gravable. No vamos a cuidar el inventario para ninguno de estos productos. Podemos bajar a los productos vinculados. Actualmente sólo tenemos un producto, que es la cantidad de caja de seis. Realmente no tiene sentido revender esto por encima de los productos. Entonces mira cualquiera de estos y baja a los atributos. Establezca la cantidad de caja para que sea un valor de término de 12 y luego guarde esto, asigne una categoría de macarrones. Entonces nuestra imagen de producto. Podemos publicar. El tercer artículo que vamos a agregar es una cantidad de caja de 24. Recuerda, si también usas diferentes productos, esto está completamente bien. Simplemente pasa por el mismo proceso y cambia las descripciones de los productos, las categorías, y también los títulos y precios también. El precio por la caja cantidad de 24, quiero ir por 1,695. Hagamos realmente el inventario, para éste podemos establecer un valor bursátil. Digamos que solo queremos dos vendemos tres cajas. Vamos a cambiarlo a tres luego a los atributos y podemos establecer nuestra cantidad de caja esta vez para que sea 24. Selecciona nuestra categoría y también nuestra misma imagen de producto. El producto editorial en algunas categorías diferentes. Vamos por un muffin de chip de chocolate esta vez y también vamos por una caja de 12. A precio regular, 995. También vinculemos esto a algunos productos diferentes también. Entonces vayamos por una venta ascendente e iremos por nuestra caja grande de macarrones. También podemos vender esto cruzado con nuestros productos sobre. Vamos por una caja de 12 también. Los atributos, una cantidad de caja. Es el valor de 12. Este, también podemos aprovechar los atributos
de sabores y ponerle esto a un término de chocolate. Pasado a las categorías podemos seleccionar los muffins y también nuestra imagen para este artículo, publicar este ítem. Ahora vamos a pasar a sumar algunos productos que van a estar en algunas de las subcategorías. Desde temprano establecemos una categoría de dieta especializada y después podemos agregar una sección vegana y una sección sin gluten. Vamos por un nuevo producto que va a ser para brownies veganos, una caja de seis. Añadamos nuestro precio y nuestra información. También podemos cuidar de inventario en cualquiera de estos si queremos. Vamos por un valor de 10,
nuestros atributos de producto por lo que una cantidad de caja para comenzar. Este fue seis. Guarda nuestros atributos y luego también podemos ir por veganos amigables también. Recuerda vegano amigable tener el término de incluso no vegano amigable o vegano amigable. Por supuesto, éste lo es. Demos click en vegano amigable, guarde nuestros atributos y de hecho también podemos agregar los sabores a esto a. Esto es chocolate para que podamos guardar esto. Pasado a las Categorías, esto fue dentro de las dietas especialistas. Ahora si hacemos click en esto, podemos ver que tenemos nuestras dos subcategorías justo debajo. Haga clic en “Vegano”. También agreguemos algunas etiquetas a este producto también. Lo que tenemos que hacer para agregar múltiples etiquetas es separarlas con una coma, seleccionar nuestra imagen de brownie de la Media Library, y luego podemos presionar “Publicar”. Si tuviéramos múltiples productos que fueran muy similares, igual que estas cantidades de caja, también
podríamos ir a nuestra sección Todos los productos, seleccionar cualquiera de estos. Entonces vamos por nuestros brownies veganos y luego podríamos duplicar estos productos. Ahora en lugar de pasar por toda la misma información, simplemente
podemos cambiar la cantidad de caja, el precio, nuestros atributos también serán los
mismos al lado de nuestras categorías y también nuestras etiquetas. También vamos a usar la misma imagen y
parece que nuestra cantidad de caja no se ha guardado así que agreguemos esto en. Este es el valor de 12, guarde esto y publique nuestro producto. El producto final que voy a agregar también va a estar en la sección de dieta especializada y esto va a ser para brownies sin gluten. Esta es una caja de seis. Por lo que el precio va a ser de 495. También podemos vincular esto a algunos otros productos en nuestra sección de especialistas. Añadamos también una venta cruzada para este producto también dentro de productos vinculados. Vamos a vender esto cruzado a nuestros brownies veganos o a cualquiera de los productos. Pero hay una buena posibilidad de que nuestro cliente esté mirando los artículos dietéticos especializados así que iré por nuestros brownies. En los atributos se puede agregar un sabor a chocolate. También podemos asegurarnos de que el vegano friendly esté configurado para no ser vegano amigable. Esto también es una cantidad de caja. Determinamos seis, guarde esto y podemos agregar nuestra información adicional como nuestra categoría. Dieta especializada bajo esta es la sección sin gluten. Nuestras etiquetas y luego finalmente nuestra imagen de producto. Ahora si volvemos a Todos los productos, vemos todos los productos que hemos creado, podemos ver una visión general de todos los precios, las categorías, y también cualquier etiqueta que hemos agregado también. Si quisiéramos editar alguno de estos productos, podríamos pasar el cursor sobre, hacer clic en el botón “Editar”, o simplemente ir a la sección Edición rápida que aparece como una ventana emergente. Ahora tengo algunos productos, si ahora pasamos a las carreras de cosas, refrescamos y ahora en la página de inicio ahora vimos diversos productos como voy a comprar categoría. Podemos ver los nuevos productos que se añadieron, favoritos y también bestsellers y todo esto se encuentra actualmente en la página de inicio porque si recuerdas, cuando configuramos la página de inicio, hagamos click en “Editar”, tanto en el opciones en la escritura podemos ver nuestros atributos de página los cuales establecen la plantilla para ser página de inicio. Pero recuerda, podríamos personalizar esto yendo por una plantilla predeterminada y luego haciendo clic en varios bloques abriendo arriba a la izquierda. También podemos ver que nos falta una imagen para la sección de macarrones. Si vamos al dashboard a las Categorías y pasamos a la sección de macarrones, podemos editar esto y subir una imagen, toma esto. Nuestra página de inicio ya está todo configurada y podemos ir a la sección de tiendas y veremos un listado de todos nuestros productos que hemos creado. Puede hacer clic en cualquiera de estos para que se lo lleve a una descripción completa del producto. También veremos cosas como la categoría. También veremos nuestra información adicional como la cantidad de caja, cualquier comentario que tenga agregado frijol, y también cualquier producto relacionado a los que se añadieron. Si quisieras pedir esto, podemos añadir esto al carrito. También podemos revisar nuestra página Ver Carrito. Podemos aplicar cupones y podemos ver nuestras tarifas de envío, que configuramos antes, ahora
ha entrado en vigor. También configuramos las tarifas de envío para que sean libres sobre el valor de 50. Vamos a probar esto si subimos la cantidad, cambiamos esto a ser seis, click en “Actualizar” y ahora tenemos la opción de envío gratis también. Una de las cosas que WooCommerce no hace actualmente por defecto es
eliminar la opción de tarifa plana cuando hay disponible una opción de envío gratis. Puede ser un poco molesto para algunas tiendas y esto a menudo
es algo que tal vez quieras quitar. He agregado un enlace a la documentación de WooCommerce y también incluye algún código si quieres agregar, si eres desarrollador o conoces a un desarrollador que puede hacer esto por ti. Todos los resultados pueden plugin listados aquí también, que puede hacer esto por ti si quieres incluir esto. par de este único producto que acabamos de crear, también
tenemos la opción en WooCommerce de crear productos variables también. Esto es a lo que vamos a saltar a continuación en el próximo video.
11. Productos variables: En el último video, creamos productos basados en el único producto y esto equivale a una gran cantidad de casos usados. No obstante, aunque a veces esto puede llevar a mucha repetición, sobre todo si tenemos el mismo producto con una ligera varianza. Por ejemplo, imagina que teníamos una sola camiseta y había muchas opciones diferentes como el tamaño y el color. En lugar de crear, digamos diez o 15 productos individuales diferentes para cada uno de los tamaños y cada uno de los colores, tendría sentido poder enumerar una sola camiseta y luego tener algunas opciones para seleccionar como la talla y el color. Bueno, esto es exactamente lo que vamos a estar haciendo ahora, donde descubrimos cómo usar productos variables. Empezaré por crear un solo producto. Podemos entonces utilizar el atributo que ya tenemos, como una cantidad de caja y hacer uso de ésta como variable. Cada vez que el cliente cambie la cantidad de caja, también
actualizaremos el precio. Volver a nuestro Dashboard y lo vamos a hacer creando un nuevo producto. Pasando a la sección Productos y directamente al atajo Agregar Nuevo. El producto que voy a agregar es una caja de galletas con chip de chocolate, y el cliente puede seleccionar la cantidad de caja. Decimos choc chip cookies, y luego seleccionamos el tamaño de la caja, que el cliente sepa que necesitan hacer una selección. También podemos crear un botón de descripción, yendo a saltar hacia abajo a los datos del producto. En el video anterior, creamos muchos productos simples los cuales son un solo producto sin opciones. No obstante, en este video, vamos a crear nuestros productos variables. Esto también tiene acceso a la misma información básica como el impuesto y también las tarifas de envío también. No obstante, aunque vamos a bajar a la sección de atributos, y vamos a crear nuestro producto variable basado en esta cantidad de caja. Añadamos esto en ella al igual que hicimos en el video anterior, y luego podremos seleccionar nuestros términos. Voy a seleccionar todas las cantidades de caja disponibles. El elemento clave a recordar aquí es que necesitamos revisar Usado para variaciones. Si guardamos esto, esto ahora nos permitirá entrar en la sección de Variación justo debajo, y podemos hacer un producto diferente en función de cada cantidad de caja. Podemos sumar toda primera variación, y luego voy a dar click en Ir seis veces. Esto nos va a dar seis variaciones de producto diferentes. El primero va a ser totalmente caja cantidad de seis. El segundo es 12. Tenemos 18 y agregamos esto para cada una de nuestras opciones de cantidad de caja. Esta es nuestra información básica, pero también necesitamos agregar un precio individual a cada una de estas también. También podemos dar click en este producto y expandirnos para darte algo más de información. Podemos agregar mucha información detallada para cada uno de estos productos, como un código de producto, podemos agregar un precio regular o un precio de venta y también
podemos jugar con los diferentes pesos y dimensiones a. También te podemos encontrar el envío y también las clases de impuestos si estas fueran diferentes para cada producto. No obstante, aunque la nuestra va a ser la misma, entonces todo lo que tenemos que hacer es agregar un precio por cada una de estas. La entidad de primer precio, caja cantidad de 12, 18, baja y agrega un nuevo precio en cada uno de estos. Una vez que estés contento con todos tus cambios y los precios, podemos dar click en Guardar. También podemos agregar una imagen de producto de en el lado derecho. Al igual que hicimos en el video anterior, quiero seleccionar nuestra imagen, que son las galletas con chip de chocolate, guarde esto. También las categorías también, esto va en las cookies luego vamos a publicar esto y echar un vistazo a esto en nuestro sitio. Voy a recargar el navegador y si revisamos la página de inicio, vimos ahora tenemos una sección de cookies. Si vamos a nuestra tienda, vemos que tenemos nuestras galletas con chip de chocolate y
tenemos un rango de precios desde la menor varianza, hasta la mayor cantidad de caja. En lugar de añadir esto directamente al carrito como vemos con el resto de los productos, ahora
podemos seleccionar las opciones. Podemos elegir una cantidad de caja y debe actualizar el precio por cada selección que realicemos. Probemos esto una vez más en el Dashboard. Podemos volver a los productos y Add New, y esta vez vamos a crear una caja de cupcakes surtidos. Al igual que antes, cambiamos esto de unos productos simples a unos variables, donde podemos sumar nuestros atributos. Nuevamente, esta va a ser la cantidad de caja o también puedes crear productos variables a partir de cualquiera de estos atributos también. Podemos seleccionar todos nuestros valores, Usar para variaciones, entonces podemos establecer nuestros precios dentro aquí también. Vamos a sumar seis cantidades de caja diferentes dentro de aquí. Añado seis artículos. El primero es seis y nuestro último. Haga clic en cualquiera de estos y también cambie el precio, por lo que 18, agregue cualquier precio dentro de aquí. Realmente no importa en este momento. También podemos cambiar estos en una fecha posterior también. El precio de 30, la cantidad final de 60. Una vez que estemos contentos con cada uno de estos productos, podemos guardar nuestros cambios. Podemos ir a la galería y añadir una imagen, así que vamos por los cupcakes. Puedes etiquetar si quieres, pero solo voy a añadir una categoría. Este son los cupcakes también y luego publicar nuestro producto. Refresca el navegador y vemos que nuestros cupcakes ya está en su lugar, pero no vemos la imagen en la pantalla. Whoops, acabamos de agregar esto a la galería en lugar de a la imagen regular. Vamos a restablecer nuestra imagen. Selecciona los cupcakes y ahora podemos actualizar nuestro producto. De vuelta al navegador, ahora podemos comprobar que todo esto funciona correctamente. Podemos entrar en esto. Podemos ver nuestro rango de precios y también podemos elegir nuestras opciones también. Al igual que una nota al margen, si quisieras agregar múltiples imágenes y usar galería para cualquiera de estos productos, solo
podemos volver a nuestra sección de galería de productos y agregar múltiples imágenes dentro de aquí. Seleccionemos Nueva imagen, agregue esto a nuestra galería y actualicemos nuestro producto. Ahora si recargamos nuestra página de productos, ahora
podemos seleccionar múltiples imágenes desde abajo de nuestro producto. Estos productos variables son realmente útiles cuando tenemos un producto que tiene algunas pequeñas diferencias y tampoco estamos restringidos a insertar una variable. Podemos basar nuestros productos variables en múltiples atributos como tamaño, cantidades de
caja, colores, y cualquier otra cosa que pueda haber configurado.
12. Productos digitales: Al crear nuestros productos en los videos anteriores, es posible que también hayas notado la opción de configurar productos virtuales o descargables. Bueno en esto nos vamos a centrar ahora en este video. Echemos un vistazo a cómo podemos agregar estos [inaudibles]. Una vez más, vamos a volver al tablero y crear un nuevo producto. Entonces productos y “Añadir nuevo” luego de escuchar vamos a crear nuestra tarjeta de recetas de magdalenas. Desplácese hacia abajo. Entonces a partir de nuestros datos de producto, vamos a mantener esto como un producto sencillo, pero en lugar de agregar un producto físico que podamos enviar, vamos a hacer clic en el botón virtual. Esto significa que no vamos a tener un producto físico para enviar al cliente, en cambio esto va a ser un artículo descargable, así que haz clic en Herramienta descargable”. Esto sólo nos permitirá agregar un precio por nuestra descarga, así que voy a ir por 295. También podemos agregar cosas como un precio de venta, y luego necesitamos agregar un archivo descargable. Para efectos de demostración, no
voy a agregar un archivo aquí dentro, pero este es el lugar donde se agregaría el producto que sólo se utiliza para descargar después de una compra. También podemos establecer un límite en el número de descargas y también establecer fechas de caducidad o el enlace de descarga también. La mayoría de las otras opciones para productos virtuales son muy similares a los productos regulares también. Podemos agregar cosas como el impuesto, podemos controlar el inventario, podemos vincular productos, podemos agregar atributos por lo que básicamente la mayoría de las mismas opciones menos el envío. También podemos establecer nuestra imagen de producto para esto y tenemos una tarjeta de imagen de producto que voy a usar. También tenemos una categoría de tarjetas de recetas y voy a dar click en recetas de magdalenas. Publicemos esto, voy a ver cómo se ve esto en nuestros productos. Dirígete a la tienda. Vimos las tarjetas de recetas de magdalenas apareciendo igual que cualquier otro producto. Si entramos en esto, podemos agregar esto al carrito al igual que con cualquier won de los otros productos. Pero la única diferencia es que si vamos a “Ver nuestro carrito” y si eliminamos alguno de estos productos físicos, dejando solo el producto virtual, vemos que ya no tenemos ninguna opción de envío disponible, ya que este producto será descargable después de una compra. Ahora tenemos más productos y también más categorías mostradas al cliente, ahora
necesitamos una forma de filtrar estas opciones para que el cliente pueda encontrar fácilmente exactamente qué producto quiere comprar. Para ayudar con esto vamos a echar un vistazo en el siguiente video, cómo podemos agregar un widgets a nuestra barra lateral.
13. Widgets y filtros de la barra lateral: Es posible que tengas escena antes al visitar una tienda de comercio electrónico. Cuando tenemos una lista de lotes de diferentes productos en la página, también
podemos tener filtros de suma posiblemente dispuestos en una barra lateral, lo que nos permite filtrar los productos mostrados, cosas como el rango de precios, el categorías, las etiquetas, y también algo diversos atributos a. Bueno, esto es lo que te vamos a presentar, nuestra tienda de comercio electrónico en este video. Voy a pedirles que echen un vistazo a cómo funcionan los widgets. Estos widgets que se suministran con el tema frontal de la tienda están disponibles en el tablero debajo de la sección de apariencia, y luego en widgets. En el lado izquierdo, podemos ver todos
los widgets disponibles que puedes utilizar dentro de nuestros proyectos, tenemos cosas como reproductores de audio, galerías de imágenes. Podemos agregar un HTML personalizado, imágenes y mucho más. Después, a la derecha, tenemos algunas áreas personalizadas que la oferta temática ha establecido. Básicamente podemos poner cualquiera de estos widgets la izquierda en cualquiera de nuestras ubicaciones temáticas a la derecha. Tenemos cuatro áreas diferentes, podemos dividir nuestro pie de página en cuatro secciones a lo largo de la parte inferior de nuestra página. Tenemos una sección que está justo debajo del encabezado, y en este video voy a estar usando la sección de barra lateral. Esto se va a utilizar para agregar algunos filtros a nuestro producto dentro de nuestra página de tienda. Voy a añadir un filtro de precio. Vamos a permitir que el cliente haga clic en diferentes categorías, diferentes etiquetas, etcétera. Los filtros que vamos a utilizar para lograr esto se habían proporcionado comprar e-commerce y están disponibles sobre la izquierda. Podemos hacer cosas como filtrar por atributo de producto, filtrar por precio, rendimientos por calificación. Algunos de los otros filtros tienen bean proporcionado como parte del núcleo de Wordpress. Empecemos con nuestra primera, que va a ser un filtro de precios. Echemos un vistazo a los productos de filtro por precio, para agregar esto, podemos arrastrar esto hacia cualquier ganado de nuestras ubicaciones. Yo quería dejar esto dentro de la barra lateral, que como mencioné antes, se va a mostrar en nuestra página de tienda para que el cliente pueda filtrar estos productos. Este es un filtro bastante sencillo. La única opción que tenemos es cambiar el título y el resto se cuida por nosotros. El siguiente filtro que voy a añadir es para categorías de productos. Vamos a arrastrar esto justo por debajo de nuestro filtro por precio. El orden de esto también va a reflejar la barra lateral dentro de nuestro tema dos. Esto va a mostrar una lista de todas nuestras categorías de productos para que el cliente pueda hacer clic y filtrar nuestros productos. Podemos cambiar el título y también podemos todos estos por el nombre
o el orden que la categoría se establece dentro de la sección de categorías. Podemos cambiar la lista para que sea un desplegable, y también algunas otras opciones para utilizar los gráficos que muestran cuántos productos hay dentro de cada una de estas categorías. A continuación, también vamos a permitir que el cliente te filtre nuestro producto por la etiqueta en particular. [ inaudible] también un widget llamado Product Tag Cloud. Escribamos esto debajo de nuestras categorías. Esto es todo lo que ahora tenemos que hacer. El final que voy a añadir son productos por calificación. Recortar [inaudible] justo debajo de nuestra nube de etiquetas, tenemos un título y también podemos establecer cuántos productos queremos mostrar dentro de esta barra lateral. Esto es todos los widgets y que están a la barra lateral. Ahora si pasamos a nuestra sección de tiendas, click en el enlace superior. Ahora tenemos todos nuestros widgets apareciendo en el área de la barra lateral. Tenemos el filtro. Voy a ver que el rango es actualmente del 0-20, que es nuestro más bajo y nuestro más alto precio artículos. Bajemos esto de 20 a 10. Haga clic en el botón de filtro, y esto ahora eliminará todos los productos que tienen un precio superior a 10 libras. A continuación, también tenemos las categorías de productos. Vamos a reinstaurar el precio. Por ejemplo, si queríamos dos macarrones de búsqueda vamos a dar click en esto. Esto desfiltrará nuestros productos para mostrar únicamente los macarrones. También podemos ver desde la URL que ahora tenemos ambos macarrones [inaudibles], que fue la babosa que pusimos en las categorías anteriores. Volver a nuestra sección de tiendas. Debajo de esta categoría de producto, también
tenemos la nube de etiquetas. Podemos ver todas las etiquetas disponibles que creamos al agregar todos estos productos. Por ejemplo, hagamos click en los Brownies y esto
filtrará nuestros productos a esta etiqueta en particular. El final en la parte inferior fueron nuestros productos mejor valorados. Actualmente no tenemos ninguna calificación sobre ninguno de nuestros productos. Esta es solo una selección aleatoria que se muestra dentro de la barra lateral. Estos son solo los widgets que quería agregar a la tienda. Eres completamente libre de reorganizarlos a través y matizar y también de quitar los que no quieras que eso. Recuerda también que puedes colocar widgets en diferentes ubicaciones justo debajo del encabezado, y también en el área de pie de página.
14. Ventas adicionales, ventas cruzadas y productos destacados: venta cruzada, up-selling Los productos deventa cruzada, up-selling
y feature es algo que es realmente importante con el e-commerce, y es algo que no solo beneficia al negocio, sino también al cliente. Miramos brevemente estas opciones al principio cuando agregamos nuestros productos, y ahora si entramos en la sección de productos y luego hacemos clic en todos los productos. Obvio upsell aquí será la cantidad de caja, por ejemplo, si seleccionamos los macarrones debajo de la caja de seis, un buen sí mismo de este producto tal vez dos proporcionaría opciones para up-sell, para tejer cajas 12 o una caja de 24 macarrones en el caja de seis. Ahora podemos ir a la sección de edición y luego bajar a los productos de enlace. En primer lugar, el up-sell, que es el proceso de tratar de proporcionar un producto de alto valor al cliente. Haga clic en esto y dentro de aquí podemos buscar todos los macarrones. En primer lugar, vamos a ir por la caja de 12. Podemos agregar múltiples productos dentro de hear como los macarrones,
boxer 24, y los artículos de facilidad up-sell ahora se mostrarán en el área del carrito de compras. También podemos cruzar células y productos a los que es el proceso de mostrar algunos productos al cliente, cuales también pueden estar interesados. Podemos agregar algunos productos relacionados dentro de aquí, como cupcakes agredidos de suma. También pueden seleccionar el tamaño de caja para este producto en particular. A lo mejor también tantas galletas con chip de chocolate, iremos por una caja de seis. Entonces podemos actualizar nuestros productos. Podemos seguir adelante y agregar estos dos productos en todo el mundo también dependiendo del tipo de artículo que esté vendiendo. Pero recuerda solo hacer esto con artículos que están relacionados, no
queremos [inaudible] encontrarnos como demasiado ventoso y otra opción posible que tal vez
vendería cruzando diferentes artículos de nuestra sección de dieta especializada. Pero volvamos a nuestra lista de productos. Abajo a todos los brownies veganos, podemos hacer click en editar en nuestros productos de link. Podemos cruzar vender algunos de los otros productos dietéticos especializados dentro de un aquí, por ejemplo, podemos buscar los Brownies sin gluten, actualizar nuestros productos. Ya podemos probar esto por dentro de nuestros sitios, iré a la tienda. El primero que hice fue por los macarrones en la caja de seis, vamos a dar click en esto, que nos lleva a la descripción completa. Abajo en la parte inferior, este producto, ahora
vimos una nueva sección llamada también te puede gustar, que incluye las dos de celdas que se añadieron para su sección de macarrones. Si ahora agregamos este producto a nuestro carrito, y luego pinchamos en la sección “Ver carrito”. También vemos algunas de las ventas cruzadas hacia abajo en la parte inferior, usan algunos productos alternativos que el cliente tal vez interesado en comprar también. También tenemos las opciones, agrega esto a nuestro carrito antes de proceder a la compra. Otra cosa que podemos hacer es promocionar o resaltar un producto en particular por cierto es ser destacado, volveremos a nuestro área de dashboard y volveremos a todos los productos. Por cada producto que hemos enumerado, podemos ver que se trata de una estrella, que al hacer clic en para cada línea de ítem, haga clic en este stile fijará cada ganado de estos productos para que sea un artículo destacado. Empecemos con nuestras cajas de seis, que son nuestros brownies sin gluten también es todo vegano Brownies, y también nuestros macarrones todavía. Ahora si volvemos a nuestro sitio y hacemos clic en el icono de inicio, abajo en la parte inferior tenemos una sección que recomendamos, que ahora mostrará todos los artículos destacados los cuales restablecemos.
15. Cómo crear cupones: Crear cupones de descuento es algo que no sólo es bueno para aumentar las ventas, sino que también es bueno para la satisfacción del cliente también. Al igual que con la mayoría de las cosas, WooCommerce también tiene este código para agregar cupones también. Podemos generar cupones de descuento en la configuración principal de WooCommerce desde la barra lateral. Pasa el cursor sobre esto, y podemos bajar a nuestra sección de cupones. A partir de aquí, voy a crear un cupón para clientes repetidos, ofreciéndoles un 20 por ciento de descuento en futuras compras. Para ello, podemos hacer click en crear tu primer cupón, y luego podemos configurarlo el tipo de descuento. Podemos establecer un porcentaje, podemos establecer un precio fijo a partir de cualquier producto en particular, como un descuento de $10, o podemos establecer una cantidad fija a partir del valor total del carrito. Quiero ir por un descuento porcentual y ofrecer un 20 por ciento de descuento para el pedido completo. También podemos marcar esta casilla si el cupón otorga envío gratis, cual el nuestro no va a ir. También podemos proporcionar una fecha de caducidad si queremos. También tenemos una sección de restricción y podemos hacer cosas
como solo permitir que este cupón sea válido si hay un gasto mínimo. También podemos restringir estos cupones a un gasto máximo a un solo uso, podemos excluir artículos de venta, y también restringir esto a solo ciertos productos o categorías también. Por último, abajo en la parte inferior, también podemos restringir este cupón a ciertos clientes al permitir ciertos correos electrónicos también. Tenemos entonces una sección de límite donde también podemos restringir los límites de uso del cupón, en
base a un producto, un usuario, o la cantidad de veces que se utiliza el cupón. Ahora, todo lo que queda por hacer es darle un nombre a nuestro cupón y como es un cupón de orden repetido, llamemos a esto REPETR20. También hay una característica justo debajo para generar un código de cupón para nosotros. Con esto en su lugar, ahora podemos guardar este cupón para que esté activo, y podemos probar esto de nuevo en el navegador. Ya tengo artículos de suma dentro de la canasta. Añadamos un poco más. Podemos ir por magdalenas, seleccionar nuestras opciones, vamos por 60, dirígete
a nuestro carrito de compras donde ahora tenemos una sección donde podemos añadir un código de cupón. El código de cupón que acabamos de crear fue REPEAT20. Aplica esto, hasta la sección total y ya podemos ver nuestro cupón REPETR20 ha entrado en vigor.
16. Cómo incluir un formulario de contacto: El siguiente paso para nuestra tienda de comercio electrónico es agregar un formulario de contacto. Esto va a ir en nuestra página de contacto y permitir que el cliente no sólo haga preguntas sino que también plantee cualquier problema a. Para ello, vamos a aprovechar un plugin llamado formulario de contacto siete. Ya buscamos plugins temprano cuando agregamos el plug-in WooCommerce lo a nuestra tienda. Una vez más, tenemos que ir a la sección de complementos del tablero. Después vamos a añadir nuevo. El plugin que vamos a utilizar se llama Formulario de Contacto 7. Podemos hacer una búsqueda por encima de la parte superior para esto o también
puede que encuentres que está bajo la sección popular también. Para mí, actualmente es la primera opción. Voy a dar click en “Instalar” y luego podremos activar esto una vez instalado. Al igual que muchos plug-ins, nos dará una opción de dashboard. Daré click en contacto y luego veremos todos los formularios de contacto que ha configurado. Cuando instalamos esto por primera vez, tenemos un formulario de contacto de muestra y podemos crear uno nuevo o editar este existente en. No te preocupes si toda esta sección se ve completamente nueva dos tú. Esto es sólo algún código que nos va a permitir crear nuestros elementos de forma. Ni siquiera necesitas escribir y usar este código fuera. Lo único que tienes que hacer es hacer clic en cualquiera de estos botones para agregar un elemento de formulario. Por ejemplo, si quisiéramos agregar una entrada de texto si el usuario puede escribir texto de suma en un campo o hacer clic en el botón de texto y generar un nuevo campo con todas estas opciones. Podemos establecer primero si se va a requerir este campo, lo que significa que el usuario debe ingresar un valor dentro de este campo antes de poder enviar el formulario de contacto. Podemos darle un nombre a este campo y también podemos proporcionar un valor predeterminado, que va a ser el valor inicial que usted establezca en este campo. Junto con un ID de tu clase el cual podemos usar para darle estilo a nuestros elementos usando CSS, luego inserta el [inaudible]. Esto es todo lo que necesitamos hacer para agregar cualquier nuevo campo o formulario. También podemos aplicar cosas como campos de números telefónicos, un campo numérica general, un área de texto, casillas de verificación y botones de radio y también una entrada de archivo generada también. Podemos seguir adelante y editar cualquiera de estos campos. Pero en el momento esta es una forma bastante estándar que son todos los campos que necesitamos. Tenemos una entrada de texto para el nombre del usuario. Contamos con una sección de correo electrónico. Tenemos un campo de texto para los sujetos del mensaje. Tenemos entonces un área de texto para el mensaje del usuario. Entonces por fin un botón de envío abajo en la parte inferior, que va a enviar nuestro formulario. Si has realizado algún cambio, asegúrate de guardarlos. Entonces necesitamos un pesaje para incluir esto en nuestras páginas. El modo fácil de hacer esto es copiar el código corto que se genera en la parte superior de este formulario. Podemos pegar el código corto en cualquier entrada de blog o en cualquiera de todas las páginas. Quiero agregar esto de nuevo a nuestra página Contáctenos que creamos desde el principio. Iré a páginas y todo y abajo a Contáctenos en la sección Editar. Entonces todo lo que tenemos que hacer es hacer click en este texto aquí, pegar en nuestro código corto. WordPress reconocerá automáticamente esto como un bloque de código corto. Podemos actualizar nuestra página Contáctanos y dirigirnos a nuestro sitio, dirígete al enlace Contáctenos. Después podemos ver todos los campos que restablecemos en nuestro formulario de contacto. Ahora tenemos un formulario Contáctenos, pero a dónde va este mensaje realmente. Bueno, para ver esto, volvamos al tablero,
a la sección de contactos y luego volvamos a la sección de edición de nuestro formulario de contacto. par de esta plantilla formada, también
tenemos algunas opciones de fervor por encima de la parte superior. Tenemos una sección masculina y en el interior aquí podemos ver la dirección de correo electrónico a donde se enviará el correo electrónico. Podemos ver la sección de formularios. Sabemos que nuestros correos electrónicos han sido enviados desde una panadería WordPress. Podemos ver los temas y su tema entre estos corchetes se va a agregar automáticamente desde nuestro formulario. Cuando el usuario ingrese aquí un sujeto de texto dentro de este campo, éste se colocará entonces dentro de nuestros sujetos. Lo mismo con cualquiera de estas secciones, que está entre corchetes. Estos van a ser valores variables. Estos serán insertados por WordPress. Tenemos el nombre del usuario, el correo electrónico del usuario, el asunto del usuario. Entonces finalmente el mensaje real que ha sido enviado por el usuario. Después de esto, tenemos una sección de mensajes. Aquí es donde podemos editar el mensaje o el texto que se muestra al usuario. Por ejemplo, cuando un mensaje ha sido enviado con éxito, verá este mensaje el cual podemos editar. Tenemos un mensaje falla y también muchos otros mensajes también, como cuando se requiere un campo y falta información. Ahora podemos ir al formulario de contacto y probar esto, todo lo que hay que recordar es muy común, sobre todo en desarrollo para que nuestros correos electrónicos pasen por un filtro de spam. Si bien este no es un problema enorme en el desarrollo humano, si sí ves correos electrónicos enviando problemas cuando hayas terminado tus sitios y empuja esto a la producción. Para ayudar con esto, los creadores del Formulario de Contacto 7 han creado una página de mejores prácticas para evitar conjunto
común de problemas que pueden provocar que nuestro correo electrónico se filtre. Si sí necesita este enlace para futura referencia, éste es el que ahora se muestra en pantalla.
17. Cómo crear un menú: Si echamos un vistazo a nuestra página de inicio y dentro del encabezado, tendremos enlaces a todas nuestras páginas. Todas estas páginas han sido añadidas automáticamente para nosotros. Pero esto no es ideal actualmente porque tenemos enlaces a nuestro carrito y también a nuestras páginas de pago. No obstante, queremos esconderlos hasta que el cliente realmente
se le agregue algo a la canasta y esté listo para comprar. Para configurar estos enlaces exactamente como quiero que se vean. Pero necesito ir al tablero y agregar nuevo menú. Acude al tablero en el interior de la sección de apariencia, tenemos un enlace de menús dedicado. Si hacemos click en esto para que lo lleven a nuestra ubicación
del menú, lo primero que tenemos que hacer es agregar un nuevo nombre del menú. El nombre del menú que voy a dar esto es navegación de cabecera y luego dar click en Crear. Entonces necesitamos agregar algunos enlaces de menú es navegación tendremos un montón de opciones diferentes para agregar enlaces aquí. Lo primero que podemos hacer es agregar diferentes páginas. Este es probablemente el uso más común para un menú. En lugar de tener acceso a todos los enlaces que vemos dentro de aquí. Voy a personalizar esto dando click en ver todo. Entonces sólo podemos añadir las páginas que queremos ver. Yo quiero ir por el hogar, el blog, el contacto, mi cuenta, y también la tienda. También podemos seleccionar todos los tubos. Sólo voy a añadir estas cinco páginas a nuestro menú. Después podemos arrastrar y soltar estos para reordenarlos. También podemos anidar estos enlaces para ser hijo de otro enlace a. Por ejemplo, si queríamos la sección de blog, ser una subcategoría del hogar, solo hacer es mover esto hacia la derecha y ahora podemos ver que este es un subítem. Esto ahora significa que desde nuestro menú de navegación, el usuario tendría que pasar el mouse sobre el enlace de inicio, luego revelar el enlace del blog a continuación. Yo quiero mantener esto en el mismo nivel que todos los demás enlaces. Si lo deseabas, también puedes añadir enlaces directos a las publicaciones del blog. Podemos agregar enlaces personalizados donde podemos crear nuestra propia URL de Link. Podemos enlazar con usted sobre categorías en nuestro sitio. También, vendrá como agregar algunos enlaces a, como el enlace de contraseña perdida. No obstante, aunque sólo voy a mantener esto como nuestras cinco páginas. Si lo quisieras, podrías habilitar automáticamente cualquier nueva página que creemos para que se agregue a esta herramienta de menú. Voy a mantener esto como sin marcar para que podamos personalizar
menú en lugar de que estas páginas aparezcan automáticamente. Lo siguiente que hay que hacer es establecer la ubicación donde queremos que se muestre este menú. Podemos establecer esto directamente desde aquí o también podemos, como usted dijo, esta primera, también
podemos ir a la sección Administrar ubicación. Podemos asignar cualquiera de los menús que cree a estas tres ubicaciones temáticas. Estas tres ubicaciones temáticas han sido establecidas por el cráter de campo. En el menú principal se encuentra la ubicación donde tenemos nuestro menú actual dentro del encabezado. Este es todos nuestros enlaces de página arriba en la parte superior. Si fuera a restablecer nuestro recinto principal esta nueva navegación de cabecera, guarde. Esto dejaría ahora nuestros cinco enlaces que se creó. El menú secundario, que está justo debajo. Este también es un menú que podemos agregar dentro del encabezado. No obstante, este menú aparecerá justo a la izquierda de nuestra herramienta de cuadro de búsqueda, la tercera opción, que es para el menú de mano. Esto nos permitirá crear un menú separado el cual sólo
se mostrará en los dispositivos de pantalla pequeña. Por ejemplo, si tuviéramos un menú con muchas cosas diferentes, quizá
queramos recortar esto para nuestro menú de pantalla pequeña. No obstante, ya que sólo tenemos cinco enlaces de páginas, también
voy a mostrar nuestra navegación de encabezado en la herramienta de ubicación de mano, vamos a darle a esto un guardado. También podemos probar esto en el navegador así que ten nuestro enlace de inicio, un enlace a nuestro blog, contratistas, las cuentas, y finalmente nuestra sección de tienda. Estos son nuestros cinco enlaces mientras que cinco páginas no funcionan. A pesar de que dejamos fuera un par de nuestros enlaces, si volvemos a la sección de menú de edición dentro de las páginas web, nos perdimos el enlace a la caja y también el enlace directo a la herramienta de carrito. Probablemente use case esto no causa ningún problema porque en
cuanto seleccionamos cualquiera de nuestras opciones para agregar al carrito, podemos ver en la parte superior del encabezado,
podemos pasar el cursor sobre esta sección y aún así ver una vista previa de todos nuestros artículos. Podemos ir directamente a nuestro carrito. [ inaudible] checkout de frutas, lo que significa que todos
los enlaces que necesitamos son todos todavía accesibles desde nuestro encabezado.
18. Pagos con Stripe: Para una tienda de comercio electrónico, también
necesitamos una forma de tomar pagos por nuestros productos. WooCommerce nos permite integrarnos con muchos proveedores de pago populares. En este video, vamos a echar un vistazo a cómo podemos integrar raya en nuestra tienda online. Se trata de una obra que raya para integrar esto en nuestra tienda de comercio electrónico. El primero que tenemos que hacer es dirigirnos a stripe.com y crear una nueva cuenta. O puedes usar una existente si ya tienes una configuración. Pausa este video y sigue adelante y pasa por el proceso de registro. Es bastante sencillo. Usando eso una dirección de correo electrónico, tu nombre, contraseña, y luego estás listo para ir. Ya tengo una cuenta de raya o está en la parte superior. Voy dos click en el enlace al tablero. Desde el panel de control, necesitamos obtener algunas claves de API de prueba con las que trabajar. Puede obtenerlas directamente desde la configuración justo aquí, o si entra en la sección de desarrolladores, haga clic en las “claves API”. Esto nos dará un enlace a las claves que necesitamos. Podemos ver que actualmente estamos en modo test. También podemos cambiar esto entre la prueba y también el modo de producción en vivo. Por el momento ahora como solo estamos probando cosas, estamos considerando esto como los datos de prueba. Podemos conmutar fácilmente más adelante. Si el otro suspiró se convierte en una tienda de comercio electrónico en vivo, agarraremos esta llave en tan solo un momento. Pero lo siguiente que tenemos que hacer es ir a nuestro tablero y habilitar la franja dentro de WooCommerce. El tablero de mandos se dirige a la sección WooCommerce. Vamos a habilitar esto desde el enlace “Configuraciones”. Haga clic en la pestaña “Pagos”. Después tenemos acceso a todos estos diferentes proveedores de pago. Yo quiero ir a la sección de raya. Activa esto y guarda nuestros cambios. Ahora podemos ir a la sección de dinero y adentrarnos en la configuración de la raya. Primero lo primero, vamos a habilitar el modo de prueba ya que nuestro sitio aún no está en producción. Entonces es agregar o publicable y también la
clave secreta también junto con nuestro webhook secret to. Ya tenemos acceso a estos sobre en el tablero rayado. Seguimos dentro de los datos de prueba. Haga clic para copiar la clave Publishable. Primero podemos entender. Entonces tenemos que añadir nuestra clave secreta también. Revelemos y también copiemos esto. A continuación necesitamos habilitar un endpoints webhook. Esto nos permitirá recibir notificaciones directamente de stripe. Esto significa que WooCommerce recibirá una notificación cuando ocurran eventos, como se hizo
un pedido, se hizo un pago, y también tenemos control total sobre qué eventos queremos desencadenar. Para ello, necesitamos copiar estos endpoints webhook, que es un enlace directo a nuestra tienda. Control o Comando “C” sobre el tablero de rayas, y luego en el enlace de ganchos web. Haga clic en Agregar endpoint donde podemos pegar en nuestra URL de endpoint. Entonces necesitamos declarar exactamente qué eventos queremos enviar de vuelta a WooCommerce. Si nos desplazamos hacia abajo, hay muchos eventos diferentes
como si se actualizara la cuenta de un usuario, si se está haciendo un cargo, si falla un cargo. Para este ejemplo, voy a seleccionar todos los eventos de carga. Podemos ver tenemos los 13 eventos. Si hacemos clic en esto, será si RRHH está pendiente en si es reembolsado, si ha sido exitoso. Es prácticamente todo lo relacionado con los pagos. Añada nuestros puntos finales. Lo que ahora nos dará acceso a una clave secreta. Agarra esto y vamos a pegar esto como nuestros secretos de prueba. Haga clic en “Guardar”. Ahora estamos listos para probar las cosas en nuestra tienda. Para probar las cosas en modo de prueba. No te preocupes por tener una tarjeta de crédito hasta que le des una oportunidad a esto. Stripe nos da acceso a una tarjeta ficticia, que podemos usar para probar nuestro proceso de pago. Encima al front end o a nuestra tienda, ya
tengo artículos de suma en la tarjeta. Voy a ir directo a la caja. Ahora vemos en esta sección de pago tenemos
una sección de detalles de facturación junto con una sección de tarjeta de crédito también. Algunos de estos campos son obligatorios, por lo que sí necesitamos agregar algunos datos ficticios a estos campos de inicio. Sólo tienes que añadir cualquier información dentro de escuchar. Lo que nos permitirá pasar por la caja hasta la sección de franjas de tarjetas de crédito. Tenemos que añadir un número de tarjeta de crédito dentro de aquí. Quiero ver desde justo arriba en modo test, podemos usar este número de tarjeta ficticia. Vamos a copiar esto más y luego agregar cualquier fecha de caducidad válida a partir de hoy. Vamos por el 10, 28 y también el código de la tarjeta también. Cualquier cosa está bien. Haga clic en hacer orden. Voy a necesitar agregar un código postal válido para que esto pase. Probemos esto. Un número telefónico aleatorio. Tratemos de hacer el pedido una vez más. Todavía no está contento con el post o el código postal, así que intentemos ganar más. Esto es completamente aleatorio, así que disculpas. Si es tu código postal exacto intentemos hacer un pedido una vez más. Ese ha funcionado. Ahora tenemos el pedido recibido. Esta es ahora la sección que el usuario verá una vez que haya realizado un pedido. Podemos ver la información sobre los totales, las fechas
de pedido y también los productos que se ordenaron. Si volvemos al panel de control de escriba, haga clic en el “Enlace Inicio”. Ya podemos ver el valor del pago por el que acabas pasar significando que esto es todo ahora configuración. Si lo desea, también puede habilitar el pago en exceso proporcionado a usted como PayPal y está habilitado en el mismo peso exacto dentro de
la configuración de Woo Commerce ahora con nuestro proveedor de pagos y ahora en su lugar, bueno ahora nosotros van a pasar a la gestión de pedidos de existencias y también revisiones.
19. Cómo administrar existencias, pedidos y revisiones: No sólo WooCommerce nos da la capacidad de vender productos en línea, sino que también nos da las herramientas para gestionar un negocio en línea también. Al usar el plug-in, también
podemos gestionar nuestro stock, nuestros pedidos y también las revisiones. Empecemos con la gestión de nuestros pedidos existentes. Como cabría esperar, si vamos al tablero y entramos a la sección WooCommerce, tenemos aquí un enlace de pedidos dedicado. Podemos ver que tenemos un pedido actualmente colocado, que fue el que creaste en el último video. También tenemos la capacidad sobre la parte superior, para agregar un nuevo pedido manualmente y ya que también está enganchado al sistema WooCommerce. Esto también actualizaría cosas como los niveles de producto, si habilitáramos la gestión de existencias. Volver a los pedidos existentes, podemos entonces dar click en el nuevo orden que creamos en el último video. Vemos todos los detalles del pedido como la información del cliente, el envío y la dirección de facturación, junto con todos los artículos y las cantidades que se habían pedido. Ves las tarifas de envío, todos los totales y también podemos obtener el estado del pedido ya que cumplimos el pedido también. Podríamos poner en espera, podemos marcar como completado e incluso podemos cancelar y reembolsar el pedido dos. Se acabó algo interesante en la escritura tenemos estas secciones de notas más antiguas. No sólo podemos agregar nuestros propios apuntes, hoja de
dinero con el pedido, también
podemos ver suma de los ganchos web de raya que fueron creados en el último video. Una vez que se crean los cargos de pago de franja, este sin enviar un gancho web o una notificación. Pero también lo hará el comercio y esto ahora se está colocando en nuestra sección de notas. También podemos ver que una vez que el estado del pedido cambie de procesamiento pendiente, esta nota también se agregó aquí dos arriba esto
tenemos una sección de acción y tenemos algunas opciones como reciente en notificación de pedidos y también la capacidad para enviar por correo electrónico una factura o los detalles de auditoría al cliente. Es así como podemos agregar y también gestionar cualquier pedido existente de WooCommerce. También como nota suspirada, esta sección de ordenadas, también
obtendríamos notas aparecidas aquí si
permitiéramos la gestión de existencias para cualquiera de estos productos. También desde esta sección de pedidos de WooCommerce, como vimos brevemente antes al crear productos, también
podemos gestionar los niveles de stock desde aquí también. De qué hacemos esto haciendo click en la opción de acciones desde la parte superior. Actualmente no tenemos alertas de stock bajo. Pero si quisiéramos habilitar esto, necesitamos configurarlo para cada uno de nuestros productos. Tratemos de ver uno de los productos que tienen dentro de aquí. Vamos por el chocolate, tus magdalenas. Esto nos llevará directamente a la edición para su detección. Abajo en el inventario. Podemos habilitar la gestión de existencias. Vamos a establecer una cantidad de stock. Valoramos con 10 y luego un umbral de stock bajo sea igual a nueve. Esto significa que habilitamos 10 de estos productos para abeja disponibles en nuestra tienda y luego quiere que se haya colocado un solo pedido, reduciendo nuestro nivel de existencias a nueve, luego
obtendría una alerta en el tablero, actualiza nuestros productos. Actualmente porque nuestro stock sigue fijado para ser de 10. Todavía vemos que nuestro stock está en buena forma. Volvamos al front end y si
hacemos un pedido para todos los muffins con chip de chocolate y la caja a las 12. Tienda integral las cajas 12 magdalenas podemos agregar esto a nuestro carrito y luego ir directamente por la caja. Literalmente WooCommerce ha guardado todos mis detalles de nuestro último video. Todo lo que necesitamos hacer es agregar el número de tarjeta de crédito de rayas, cualquier fecha de caducidad y también una tarjeta de crédito. Acude a hacer algún pedido y ahora si volvemos a nuestro tablero y refrescamos, toma los niveles de stock. Nosotros ahora, vemos esto aparece en nuestra sección de nivel de existencias y también podemos actualizar el stock directamente también. También WooCommerce desde su mismo menú nos permite gestionar nuestras reseñas también. Si hacemos click en esto, actualmente no tenemos ninguna reseña que mostrar. Si sí queremos agregar reseñas, lo primero que tenemos que hacer es asegurarnos de que estas estén habilitadas en la configuración. Podemos habilitar estos desde la sección WooCommerce hasta ajustes. A partir de aquí, haz clic en ella la pestaña de productos y asegúrate de que se revise
la sección de revisión habilitada y luego podremos guardar nuestros cambios. De vuelta a nuestra tienda, vamos a ir a cualquiera de nuestros productos y haga clic en para expandirnos a la vista completa del producto. Actualmente no tenemos ninguna valoración de este producto actual. Haga clic en esto. También podemos dejar nuestra propia opinión también, van a entender la escritura y también algún texto para luego enviar una revisión que luego aparecerá en la parte inferior del producto. Las mismas revisiones también son visibles desde el back-end, si entras en la sección de comentarios. Al igual que cuando un usuario agrega un comentario a una entrada de blog, ahora
podemos ver el comentario o la revisión que acabamos crear y también podemos editar o eliminar esto también.
20. SEO con Yoast: optimización del SEO o del motor de búsqueda es el proceso de optimización de otros contenidos, por lo que se puede encontrar más fácilmente en los motores de búsqueda. Después de todo, no tiene sentido tener una tienda en línea. Si no tenemos clientes, lo puedes encontrar. Ayudará a optimizar nuestro contenido para que se pueda encontrar más fácilmente. Hay un plugin popular llamado Yoast. Para acceder a esto, necesitamos ir al dashboard y agregar esto como plugin. Como ya saben, podemos acceder a nuestra sección de plugins directamente desde el menú y luego bajar a Agregar Nuevo. Yoast es un plugin bastante popular, por lo que también puedes encontrar esto en la sección popular. El mío también está actualmente en posición, pero si no ves esto aquí, puedes buscar desde la barra de búsqueda arriba en la parte superior,
hacer clic en “Instalar”, activar nuestro plugin, y una vez que esto haya terminado de instalar y activar, el panel ahora tendrá una opción SEO personalizada. El primero que voy a hacer es hacer click en este botón justo aquí el cual va a crear un índice de todo nuestro contenido. Esto ayudará a Yoast a acelerar nuestro sitio. Una vez hecho esto, entonces vamos a correr por el asistente de configuración y podemos acceder a esto con la opción general desde el menú. Haga clic en este asistente, y luego al igual que cuando configuramos el WooCommerce, todo lo que necesitamos hacer es correr a través de una serie de preguntas para obtener esta configuración. En un principio, nuestro sitio aún está en construcción por lo que podemos dar click en esto. Haga clic en “Siguiente”, y lo siguiente que tenemos que
hacer es seleccionar el tipo de sitio que tenemos. Yo sólo iba a ser una tienda en línea. Después podemos agregar la información personal relativa a nuestro negocio y también una imagen también. Voy a saltarme esto por ahora. Entonces la siguiente pregunta es sobre la visibilidad de los motores de búsqueda. Se puede declarar qué tipo de contenido queremos aparecer en los motores de búsqueda. Tenemos la opción de mostrar publicaciones o páginas y también nuestros productos también. Dejemos visibles las tres. No tenemos múltiples ofertas, así que voy a seleccionar la opción no. Tenemos entonces la opción te permite establecer el nombre de nuestro sitio web y también el separador que va a ir entre cada una de las palabras, así que voy a cambiar esto para ser panadería WordPress. El siguiente paso tenemos tanta información de rastreo, voy a dejar esta opción no tiene, salte el newsletter, y luego terminamos todos con la configuración. Al igual que al usar los muchos plug-ins en WordPress, si no conoces las respuestas a algunas de las preguntas durante la configuración inicial, eso está completamente bien. Todas estas opciones suelen ser configurables a partir de las opciones del plug-in. A la par de todas estas opciones generales que acabamos configurar y las opciones del menú SEO. También contamos con una sección SEO ahora proporcionada en todas nuestras páginas, hosts, y productos. Podemos ver esto, volveremos a cualquiera de nuestros productos. Entra en la sección de productos, desde aquí, podemos luego seleccionar cualquiera de nuestros productos. Yo quiero ir por los muffins de chip de chocolate debajo de la caja 12. Si hacemos click en la sección de edición, ahora
tenemos una nueva sección de Yoast SEO donde
podemos mejorar el rendimiento del motor de búsqueda para cualquiera de estos productos. El primero que tenemos que hacer es agregar una frase clave de enfoque que
va a ser en la que queremos concentrarnos para este producto en particular. Nuestra frase clave va a estar relacionada con nuestro producto, así que quiero decir magdalenas con chip de chocolate. Después de esto, el plugin generará entonces una vista previa de cómo se verá
nuestro producto en el móvil o el resultado de escritorio dentro de una búsqueda de Google. Por el momento podemos ver que tenemos una fase de lectura infeliz para nuestro análisis, lo que esto significa que necesitamos hacer algunos cambios para mejorar los resultados del buscador o este producto en particular. Los principales problemas en los que debemos enfocarnos primero son estos rojos, después
tenemos los anaranjados los cuales son mejoras recomendadas, y luego tenemos las cosas buenas que estamos haciendo correctamente en la sección verde en la parte inferior. Podemos ver nuestra frase clave es una buena tierra, si también es una única que no hemos utilizado antes. También usamos el título del producto en esta frase clave y también en la babosa también. Para mejorar esto, vamos a dar click en el “Editar fragmento, aflojarlo” justo arriba. Esto nos va a dar unas cinco opciones como nuestra babosa, nuestra descripción donde podemos enfocarnos en algunos de estos temas. Esta sección de Meta Descripción satisfará una de estas cuestiones que vemos aquí. Vemos que no se ha especificado ninguna Meta Description por lo que vamos a mejorar esto agregando algún texto que está relacionado con nuestro producto. Voy a decir deliciosos magdalenas con sabor a chip de chocolate horneados frescos hoy en día, y luego estos usan nuestra famosa receta familiar utilizada desde hace más de 20 años. De inmediato una vez que
hayamos hecho esto, podemos ver que ahora se ha
eliminado uno de nuestros problemas rojos y también podemos insertar variables en esta descripción también. También vamos a insertar la variable que es el título de nuestro producto, por lo que esto ahora dirá muffins baratos de chocolate, caja a las 12 en el inicio mismo de nuestra Meta Descripción. Una de las otras cuestiones es la longitud del texto que está dentro de nuestro producto. Actualmente no tenemos una descripción para este producto, así que voy a utilizar parte de la misma información que agregamos al Meta, y luego voy a ir a abrir y añadir esto dentro de nuestra sección de descripción. Entonces queremos agregar alguna información adicional de caja de 12,
empaquetada de forma segura para la entrega al día siguiente, y también todos los muffins se pueden almacenar hasta por cinco días después del pedido. Si nos desplazamos hacia abajo, podemos ver en la sección SEO que la longitud del texto solo contiene 39 palabras y esto es menor a las 300 recomendadas. Si fueras a empujar esto a la producción y usos como un estilo de vida real, se
recomienda agregar más contenido en la sección de descripción. A lo largo también añadiríamos algunos enlaces más internos a diferentes productos y también algunos enlaces salientes a otros sitios web también. Aviso también tenemos algunas recomendaciones como agregar la vieja época a nuestras imágenes, sí lo
mencionamos antes también y se recomienda para nuestros sitios de producción, y también se recomienda aumentar la longitud de nuestro título también. Después de esta sección, vamos a bajar a la frase clave relacionada con el arte. Esta es una frase clave extra la cual se puede usar si compramos la versión premium de este plugin. Sólo tenemos la versión gratuita, así que voy a dejar esto. Contamos entonces con el contenido de piedra angular y
podemos marcar cualquiera de nuestros productos como contenido de piedra angular, que generalmente se utiliza para las páginas o publicaciones de productos más importantes en nuestro sitio. Algo en lo que quieres enfocarte como parte central de nuestro negocio, por lo que si nuestro negocio era famoso por los muffins baratos de chocolate, consideraremos añadirlos como nuestro contenido de piedra angular. Tenemos la sección Avanzado abajo en la parte inferior y dentro de esta sección Avanzado, la primera opción es si queremos que este producto esté habilitado o visible en los resultados de los motores de búsqueda. Por defecto tenemos este conjunto para que sea sí, pero podemos adaptar esto para cada producto individual. Recuerda, este nuestro producto actualmente no está vinculado a nada más. Veamos si es aquí donde podemos configurar el motor de búsqueda para que también siga este enlace y dentro aquí podemos agregar ajustes como sin índice o sin seguimiento y no estaremos cubriendo esto a detalle para este curso pero la idea general es esto puede evitar que mucho contenido sea indexado por motores de búsqueda como Google. Quizás quisiéramos considerar excluir ciertos productos por motivos legales o contenidos que sean de baja calidad o incluso no relacionados con nuestra marca. Por último, tenemos una sección de URL canónica que puede sonar un poco extraño si no has escuchado este término antes, pero es simplemente forma de tratar con contenido duplicado. Si consideramos estos dos enlaces en la pantalla, ambos de estos enlaces apuntarán al mismo muffin barato de chocolate, pero quizá queramos incluir este producto en más de una categoría. Digamos magdalenas y especiales. Ahora, en un motor de búsqueda, si un cliente busca muffin barato chocolate, ¿cuál de estos dos enlaces debemos mostrar? Bueno, opción para la cual uno de estos enlaces a mostrar nos corresponde totalmente y
es dentro de esta sección canónica de URL donde estableceríamos la principal que quiere mostrar dentro de los resultados de búsqueda. Si volvemos a desplazarnos hacia arriba junto a nuestra pestaña SEO, también
tenemos una pestaña de legibilidad también, donde también hay algunas recomendaciones sobre cómo frases o cómo formulamos nuestras descripciones de productos. Contamos con una pestaña Esquema donde podemos describir exactamente qué tipo de contenido se muestra en esta página. Tenemos opciones como una página web genérica,
una página de preguntas frecuentes, y también esta una página de Item. Por último, tenemos una tina social también. Aquí es donde podemos anular el título, la descripción, y las imágenes, que se va a utilizar cuando se comparte en redes sociales, como Facebook o Twitter. Muchas de estas prácticas de SEO son simplemente un caso de jugar con diferentes palabras clave y descripciones para asegurarnos de que nuestro sitio es lo más óptimo posible para los motores de búsqueda. Recuerda también, puedes usar estas mismas herramientas exactas. Estos también están disponibles en la sección elite por encima de todas las páginas y también en nuestra entrada de blog también.
21. Cómo migrar a un servidor en vivo: Una vez que tu sitio esté terminado y estés contento con cómo se ve, entonces
seguirás a querer empujar esto al servidor web en vivo. Este video es opcional y no es necesario seguir junto con esto. Si fueras feliz solo desarrollándote localmente, y no estabas listo para empujar a tu estrella a la producción. No obstante, aunque este video está aquí como referencia si lo
necesitas y vas a necesitar un proveedor de hosting. Hay muchos diferentes proveedores de hosting de WordPress que puedes usar, y para esta demostración, voy a estar usando el terreno del sitio. Si está utilizando un proveedor de hosting diferente, lo general es un proceso bastante sencillo para establecer
un WordPress a menudo evolucionan en una instalación de clic de advertencia. Para un terreno de sitio, sí necesitamos registrarnos y luego entrar en la sección Mi Cuenta. Si quieres usar sitio terreno, tengo un enlace de afiliado que puedes usar, que está en la pantalla, y esto te dará un mes de hosting gratuito. Esto depende completamente de
ti, no necesitas usar este enlace. Simplemente puedes ir a siteground.co.uk y puedes registrarte desde ahí. Una vez que estés en la sección Mi Cuenta, tendrás que ir al enlace de sitios web. Aquí tendrá un enlace a nuestro sitio en vivo. Aquí no tenemos esta configuración, así que vamos a seguir adelante y crear nuestro nuevo sitio web. De Site Tools que luego nos dará la opción de
instalar WordPress y también diferentes tipos de sitios web también. Ejecuta el dashboard vamos a entrar en el enlace de WordPress donde podamos instalar. Estamos utilizando Woo Commerce pro para esta instalación, que va a seleccionar ocho instalación básica de WordPress. Esto se debe a que vamos a migrar sobre toda la información de nuestros sitios locales, y esto también incluye el plugin WooCommerce. Recuerda que aunque los sitios web cambian a menudo y Siteground puede verse un poco diferente a la hora de hacer tu versión. No obstante, sin embargo, la mayoría de las opciones serán bastante similares, y es solo un caso de encontrar la instalación de WordPress. Una vez que haya seleccionado esto, podemos entonces seleccionar nuestros idiomas, puede agregar la información del administrador para iniciar sesión en nuestro sitio. necesitarás una contraseña, y también una dirección de correo electrónico. Si lo deseas, también puedes convertirlo en un multisitio de WordPress. Pero sólo voy a saltarme esto y desencadena la instalación. Una vez hecho esto, tenemos un enlace a nuestro sitio donde podemos visitar el panel de administración y también el sitio en vivo. Al igual que cuando configuramos esto localmente por primera vez, esto configurará una instalación predeterminada de WordPress utilizando el tema estándar. Si vamos al enlace de back-end, podemos saltarnos el procedimiento de configuración de WordPress ya que
vamos a estar usando toda la información de nuestros sitios locales. Esto ahora evoluciona un proceso de dos etapas, necesitamos ir a nuestro sitio local. Voy a exportar todos los datos, entonces necesitamos ir a nuestro sitio en vivo y luego importar este archivo. Para exportar estos datos, voy a ir a plug-ins y luego agregar Nuevo. En el plugin que voy a usar para esto se llama, todo en uno migración WP. Después configuramos la instalación y luego podemos activarla, una vez que esté instalada. Esto luego nos dará un enlace directo a este plug-in donde tenemos la opción de exportar nuestro sitio, hay varios lugares a los que podemos exportar esto pero voy a exportar esto como archivo. Una vez que se está generando, podemos hacer clic en el enlace de descarga, y esto luego se descargará en nuestro equipo. Pasado a nuestros sitios en vivo vamos a necesitar importar este archivo, y para ello, vamos a usar exactamente el mismo plug-in, así que ve a plug-ins y agrega nuevos y busca todo en uno, instala este plugin. Esta vez vamos a ir al enlace de importación donde puedes arrastrar y soltar todo el archivo o puedes seleccionar esto de nuestro recolector. Desde aquí la mía está en la descarga, así que vamos a seleccionar este archivo, ábrelo y vamos a empezar la importación. Una vez que ha subido recibimos un mensaje el cual sólo nos va a advertir que esto va a anular todos los datos existentes. Eso está completamente bien ya que se trata de una instalación fresca de WordPress, por lo que no tenemos ningún dato que sugerir. Terminemos este proceso, y ahora si pasamos al frontend de nuestro sitio y
actualizamos, entonces vemos que nuestro nuevo sitio reflejará el que teníamos en nuestro anfitrión local. Otra característica esencial que estamos teniendo una tienda de comercio electrónico en vivo es asegurarnos de que tenemos un certificado SSL toda la configuración. Podemos hacerlo yendo hacia el panel lateral de tierra e ingresando a la sección de seguridad donde tenemos un enlace SSL. Desde aquí podemos seleccionar un nuevo certificado el cual voy a utilizar
a través del servicio, vamos a cifrar. Tendría trabajo de mentalidades, así que todo lo que necesitas hacer es hacer click en, encriptemos, y luego dar click en el botón get. Esto emitirá entonces un nuevo certificado el cual va a cifrar los datos entre su sitio y el servidor. Esto significa que cuando un usuario ingresa un detalle de tarjeta de crédito o cualquiera de esa información personal, ésta será encriptada y más segura. Tan sólo para terminar las cosas por fin, vamos a volver a nuestro panel de instalación en tierra de nuestro sitio, y luego a partir de aquí vamos a habilitar a los motores de búsqueda para poder llamar a nuestro nuevo sitio. Vuelve a la sección de instalación bajo la pestaña de WordPress, y luego desde aquí podemos hacer clic en este botón, que nos va a llevar a nuestro panel de administración para el backend de nuestro sitio de WordPress. Podemos habilitar esto yendo a ajustes y rehecho, y desde el principio revisamos el botón de desalentar motores de búsqueda porque aún estábamos en desarrollo. Desmarque esto y guarde nuestros cambios, y esto va a hacer que nuestro nuevo sitio en vivo también sea más descubrible en los motores de búsqueda.
22. Gracias: Gracias por tomar este curso y espero que le haya dado una visión del mundo del comercio electrónico. Espero que ahora uses estas habilidades recién fundadas para salir y construir algo grandioso.