WL_Catalog_and_Product_1280x720.mp4

00:00:00

En este tutorial, explicaré el widget de catálogo y el widget de producto en el mismo tutorial porque están muy relacionados.

00:00:10

El catálogo te permite vender múltiples productos en línea

00:00:14

Como puede ver aquí, este es un sitio de muestra de demostración solo para accesorios vintage como anillos, collares y sombreros de mujer.

00:00:26

Y cuando creas el catálogo, lo primero que verás es que estará en blanco y podrás hacer clic en agregar un nuevo elemento a la lista.

00:00:36

Y aquí es donde crearías tus productos individuales.

00:00:40

Entonces, por ejemplo, veamos estos para ver cómo funcionan.

00:00:44

Este cuesta $50 por el anillo con un precio original de $75.

00:00:50

Y si te fijas aquí, ese precio original está tachado.

00:00:53

Todo lo que ingreses aquí será tachado y se mostrará este precio real en su lugar.

00:00:58

Así que esto en realidad cuesta $50.

00:00:59

Parece que está en oferta.

00:01:01

Así que esa es la ilusión.

00:01:02

Puedes añadir los gastos de envío que se calcularán automáticamente y el número máximo de cantidades.

00:01:07

Aquí es donde puedes agregar diferentes opciones, como si quieres diferentes tamaños o colores.

00:01:13

Puede introducir el tamaño aquí o el color aquí

00:01:16

Y luego las opciones que puedes elegir son: pequeño, mediano, grande o las diferentes opciones de colores disponibles.

00:01:21

Y luego aquí abajo es donde ingresarías tu título, tu subtítulo y luego el resumen.

00:01:26

El resumen es lo que se muestra inicialmente en el catálogo.

00:01:30

Y luego el texto principal es lo que se mostrará cuando realmente lo abras.

00:01:42

Entonces, si lo abrieras, ahí está el texto principal.

00:01:46

Puedes agregar tus imágenes aquí mismo

00:01:52

Si agrega varias imágenes, se creará automáticamente un control deslizante que se desplazará hacia adelante y hacia atrás.

00:01:57

Y luego aquí es donde ajustarías la configuración del control deslizante.

00:02:03

Incluso puedes agregar un video si lo deseas.

00:02:07

Los botones, puedes agregar un botón a cada producto que tal vez te vincule a un lugar diferente o te envíe un correo electrónico, muchas opciones y botones diferentes

00:02:16

Y estos se explican en el tutorial de botones.

00:02:19

Y luego aquí está el SEO y el gráfico abierto.

00:02:24

Esto es para la optimización de motores de búsqueda, Facebook y las redes sociales, y eso se explica en un tutorial aparte.

00:02:31

Una vez que tenga toda su información y todo su producto, es muy sencillo simplemente cargar la imagen, contar un poco sobre el producto y establecer sus precios aquí mismo.

00:02:41

Una vez que todo esté configurado, asegúrese de que esté guardado y luego regresará al catálogo principal.

00:02:46

Puedes hacerlo haciendo clic en el catálogo aquí arriba en el menú o bajando y haciendo clic en el botón Atrás aquí abajo.

00:02:53

Una vez que regrese al catálogo principal, puede agregar un nuevo artículo y luego simplemente agregará cada producto a medida que avanza hacia abajo.

00:03:02

Los creará con el precio.

00:03:06

Aquí es donde agregarías tu título inicial y el subtítulo.

00:03:14

Este botón para agregar al carrito oculta el carrito, por lo que si lo desea, puede probar todo y asegurarse de que todos los productos se vean bien.

00:03:27

Todo se ve bien

00:03:29

Puedes ocultar esto y luego podrás ver que todo desapareció.

00:03:34

Puedes actualizar todo, poner todos los elementos de tu lista, asegurarte de que todo se vea bien, asegurarte de que todos estén contentos con eso y luego es una cuestión muy simple de simplemente apagar eso y eso hará que todo funcione.

00:03:45

Disponible para comprar

00:03:48

Bueno, eso es después de haber configurado su comercio electrónico para poder realizar esas compras y eso se ha explicado en el tutorial de comercio electrónico.

00:03:54

Pero en cuanto al resto del catálogo, tenemos opciones de búsqueda.

00:04:01

Entonces, si haces clic aquí, se cargará una pequeña barra de búsqueda, lo cual es bastante bueno.

00:04:08

Así la gente podrá buscar si tienes varias páginas

00:04:10

Eso también ayuda

00:04:11

Y luego aquí abajo es donde organizarías las opciones para las múltiples páginas.

00:04:16

Y luego aquí puedes agregar diferentes pestañas que se abrirán en cada opción dentro de cada producto.

00:04:24

Si quieres mostrarle un mapa o un calendario, también puedes hacerlo.

00:04:28

Y luego RSS es para cargar desde una fuente RSS, eso se explica en el tutorial de RSS.

00:04:36

Este estilo y diseño de lista te permitirá determinar cómo se ve en dispositivos móviles y computadoras de escritorio, lo cual es bastante bueno.

00:04:43

Puedes tener cada uno por separado

00:04:45

Entonces, por ejemplo, si quisiera tener dos columnas para dispositivos móviles, simplemente cambiaría esto a dos.

00:04:53

Y luego, en lugar de estar todo en una línea, ahora lo hará en secciones de dos, lo cual es bastante bueno.

00:05:00

Y puedes separarlos de forma diferente para dispositivos móviles y computadoras de escritorio.

00:05:04

Como dije, puedes tener la imagen de arriba, abajo o a la izquierda o derecha del texto y en dispositivos móviles y computadoras de escritorio de manera diferente.

00:05:10

Y luego, ya sea que quieras abrirlo en un modal o en una página, el modal es lo que aparece aquí.

00:05:16

Observa cómo es una página separada que aparece y te permite cerrarla y volver a ella fácilmente.

00:05:21

Mientras que si lo abres en una página, se abrirá en una página separada y luego tendrán que hacer clic en el botón Atrás para volver a la lista principal.

00:05:43

Y luego un cordian es simplemente un look diferente

00:05:46

La forma en que lo organiza, puedes colapsar el cordian y diferentes cosas.

00:05:49

Y luego las opciones adicionales te permiten determinar si tienen que iniciar sesión o no para ver y comprar algo.

00:05:56

Y si el carrito aparece o no en el móvil o en el ordenador

00:05:59

Y los estilos adicionales son bastante similares a muchos de los otros widgets que te permiten determinar el espacio del escritorio.

00:06:06

Quiere ocupar menos espacio en un escritorio y luego cambiar los diferentes márgenes.

00:06:09

También puedes determinar como fondo donde toda esta sección tendría un fondo si quieres poner una imagen o un color o incluso un video

00:06:18

Y diferentes estilos de animación donde se desvanece desde la parte superior.

00:06:22

Así que es realmente fácil hacer todas tus configuraciones y enumerar todos tus elementos aquí.

00:06:27

Y luego, una vez que esté todo listo, activarás tu comercio electrónico y simplemente mirarás el video de comercio electrónico para descubrir cómo configurarlo.

00:06:34

Lo que vamos a hacer ahora es crear una página de producto separada, no una página de producto separada, sino un widget de producto separado.

00:06:41

Entonces, si regresa a la página principal y digamos que tiene solo un producto que desea vender, es muy fácil simplemente agregar un solo producto.

00:06:49

Irías a agregar un widget y luego bajarías al producto aquí.

00:06:52

Y este es un producto único que puedes comprar de inmediato.

00:06:55

Y notarás que todo es prácticamente igual aquí.

00:06:59

Entonces simplemente ingresarías tu precio, tus $50 y el precio original de $100.

00:07:05

Puedes tener tu título aquí y luego cargar tu texto e imágenes del producto.

00:07:16

Digamos entonces que quiero vender este vino.

00:07:21

Y ahora, si te desplazas hacia abajo en este catálogo inicial, veremos el producto individual aquí.

00:07:30

Está toda la información en el texto y, obviamente, probablemente lo estilizarías.

00:07:35

Puedes estilizar el texto para que coincida

00:07:37

Todo eso lo harías aquí mismo

00:07:38

Puedes ajustar el tamaño, la fuente, el color de todo.

00:07:44

Y aquí abajo, si tienes varias imágenes, puedes ajustar las diferentes diapositivas y configuraciones del control deslizante.

00:07:53

Y luego verás que todo lo demás es igual que el widget anterior porque es otro producto.

00:08:00

Es solo un único producto

00:08:01

Entonces no tendrías esa lista, pero aún puedes hacer el escritorio móvil, aún así todos los estilos y widgets adicionales.

00:08:08

Entonces, una vez que tengas eso configurado, entonces irás a tu comercio electrónico, como dije, mira ese video.

00:08:15

Y el producto y los catálogos son muy fáciles de usar.