Saltar al contenido
Speaksite Manual de uso PDF

Capítulo 8 de 11

Tienda: catálogo

Productos, categorías, características y cómo traer un catálogo entero.

En esta página
  1. Tus productos
  2. La ficha de un producto
  3. Ejemplo completo: un pan con dos formatos y su foto
  4. Categorías
  5. Tallas, colores y demás características
  6. Traer un catálogo entero
  7. Sacar el catálogo
  8. Otras pantallas del catálogo
  9. El aspecto de la tienda: claro u oscuro
  10. Resumen de lo que más se rompe

Aquí montas y mantienes lo que vendes: los productos, sus fotos, sus precios, sus tallas o formatos, las categorías con las que el cliente se orienta, y las herramientas para meter o sacar todo el catálogo de golpe.

Todas estas pantallas están dentro de Tienda. Para llegar: entra en tu proyecto desde el panel de proyectos, abre el editor y pulsa el botón Tienda de la cabecera. A partir de ahí te mueves con el menú de la izquierda.

Fácil y Avanzado. Arriba a la derecha hay un interruptor con dos posiciones. En Fácil el menú de la tienda solo enseña Resumen, Diseño, Apps, Productos, Pedidos y Ajustes. Categorías, Atributos, Importar, Exportar, Listas de deseos, Widgets y Datos estructurados solo aparecen en Avanzado. Si buscas una de esas y no la ves, no es que no la tengas: es que estás en Fácil.

Tus productos

Para qué sirve. Es la lista de todo lo que vendes. Desde aquí ves de un vistazo precio, stock y si está publicado, y entras a editar cualquier producto.

Cómo llegar. Tienda → Productos (visible también en modo Fácil).

La lista de productos. Cada fila lleva su foto, el nombre, la referencia (SKU), el precio, las unidades que te quedan y su estado.
Figura 8.1. La lista de productos. Cada fila lleva su foto, el nombre, la referencia (SKU), el precio, las unidades que te quedan y su estado.

Qué hay en pantalla.

  • Estado (Activo / Borrador): solo los Activos salen en tu tienda. Un Borrador es un producto que estás preparando y que nadie ve todavía.
  • El interruptor de la columna «Activo»: el atajo para publicar o esconder un producto sin entrar en su ficha.
  • Stock: las unidades que te quedan. Un 0 no borra el producto de la tienda; sale marcado como agotado.
  • Modo de venta: si vendes por unidad, por caja o por peso. Mientras esté «Sin asignar» verás el aviso naranja de arriba. No te impide vender: es un recordatorio para que la ficha diga con claridad qué se lleva el cliente.
  • Eliminar: borra el producto. Pide confirmación y no tiene vuelta atrás.
El aviso antes de borrar. Lee el nombre que sale entre comillas: es lo único que te separa de borrar el producto equivocado, y no hay papelera donde recuperarlo.
Figura 8.2. El aviso antes de borrar. Lee el nombre que sale entre comillas: es lo único que te separa de borrar el producto equivocado, y no hay papelera donde recuperarlo.

Buscar entre muchos productos

Cuando el catálogo crece, el buscador y los filtros son la única forma cómoda de moverse. El buscador mira el nombre, la referencia y la dirección del producto.

Buscando «tarta» y filtrando además por la categoría «Tartas por encargo»: de trece productos quedan los dos que interesan.
Figura 8.3. Buscando «tarta» y filtrando además por la categoría «Tartas por encargo»: de trece productos quedan los dos que interesan.

Cuidado con… combinar un filtro de categoría con una búsqueda que no case (buscar «tarta» dentro de «Panes»). No sale nada y parece que se han perdido los productos. Si la lista sale vacía, vuelve a poner «Todas las categorías» antes de asustarte.

Cambiar muchos productos a la vez

Marca la casilla de la cabecera de la tabla y aparece una barra de acciones para todo lo seleccionado.

Con todos los productos marcados puedes activarlos, desactivarlos o pedirle a la IA que les escriba la descripción, sin entrar uno por uno.
Figura 8.4. Con todos los productos marcados puedes activarlos, desactivarlos o pedirle a la IA que les escriba la descripción, sin entrar uno por uno.

Cuidado con… «Desactivar seleccionados» con todo marcado: dejas la tienda sin un solo producto a la venta en un clic. Se arregla igual de rápido (volver a activarlos), pero mientras tanto tu tienda está vacía de cara al público.

La ficha de un producto

Para qué sirve. Es donde vive todo lo que se sabe de un producto: cómo se llama, cuánto cuesta, cuántas unidades tienes, qué foto lo enseña y en qué categorías aparece.

Cómo llegar. Tienda → Productos → Nuevo producto, o pulsa sobre la fila de un producto que ya exista.

La ficha de un producto nuevo, recién abierta. Solo hace falta el nombre para poder guardar.
Figura 8.5. La ficha de un producto nuevo, recién abierta. Solo hace falta el nombre para poder guardar.

Qué hay en pantalla. La ficha es larga; estas son las partes que de verdad usas:

  • Nombre: lo único obligatorio.
  • URL (slug): la dirección del producto en tu tienda. Si la dejas vacía se saca del nombre.
  • Descripción corta y larga: son campos con formato (negrita, listas, enlaces). La corta es la que acompaña al producto en los listados; la larga, la de su ficha.
  • Precio y Precio tachado: el segundo es opcional y sirve para enseñar una rebaja: se pinta tachado al lado del precio real.
  • SKU: tu referencia interna. Si la dejas vacía no pasa nada, pero es lo que te salva cuando tengas doscientos productos parecidos.
  • Stock disponible: déjalo vacío si no quieres llevar la cuenta de unidades.
  • IVA (%): vacío significa «el que tenga la categoría o el general de la tienda». Solo lo rellenas si ESE producto va a otro tipo.
  • Estado (columna derecha): Borrador mientras lo preparas, Activo para que se vea.
La misma ficha a medio rellenar. Fíjate en el panel de la derecha: mientras el estado sea «Borrador», el producto no aparece en la tienda.
Figura 8.6. La misma ficha a medio rellenar. Fíjate en el panel de la derecha: mientras el estado sea «Borrador», el producto no aparece en la tienda.

Cuando el botón Guardar está apagado

Si te falta el nombre, Speaksite no te enseña ningún mensaje de error: sencillamente deja el botón Guardar apagado hasta que lo escribas.

Precio y referencia rellenos, nombre vacío: el botón Guardar de arriba a la derecha está apagado. No hay ningún aviso que te lo explique.
Figura 8.7. Precio y referencia rellenos, nombre vacío: el botón Guardar de arriba a la derecha está apagado. No hay ningún aviso que te lo explique.

Ejemplo completo: un pan con dos formatos y su foto

Este es el recorrido entero, tal cual, para dar de alta un producto que se vende en dos tamaños.

1. Crea el producto. Tienda → Productos → Nuevo producto. Nombre «Pan de centeno artesano», descripción corta, precio 4,80, referencia ESP-CENTENO, stock 24.

2. Ponle la foto. Baja hasta Imagen principal y pulsa Subir imagen. Rellena también el texto alternativo («Hogaza de pan de centeno partida por la mitad»): es lo que leen los buscadores y las personas que no pueden ver la foto.

El apartado de la foto, con la imagen ya subida y su dirección puesta abajo. En el momento de escribir este manual, la vista previa de la foto sale en blanco aunque la foto esté bien subida: para comprobarla, vuelve a la lista de productos y mírala en la miniatura de la fila.
Figura 8.8. El apartado de la foto, con la imagen ya subida y su dirección puesta abajo. En el momento de escribir este manual, la vista previa de la foto sale en blanco aunque la foto esté bien subida: para comprobarla, vuelve a la lista de productos y mírala en la miniatura de la fila.

3. Ponlo Activo y guarda. En la columna de la derecha, cambia Estado de Borrador a Activo y pulsa Guardar.

4. Añade los dos formatos. Vuelve a entrar en el producto (las variantes solo aparecen cuando el producto ya existe) y baja hasta Variantes. Pulsa Añadir eje, llámalo Formato y escribe sus valores separados por comas: 500 g, 1 kg. Pulsa Generar matriz y rellena el precio y el stock de cada uno. Marca cuál es el que sale por defecto. Pulsa Guardar variantes.

Un eje llamado «Formato» con dos valores genera dos variantes. Cada una lleva su referencia, su precio y su stock; el punto azul marca la que el cliente ve al entrar.
Figura 8.9. Un eje llamado «Formato» con dos valores genera dos variantes. Cada una lleva su referencia, su precio y su stock; el punto azul marca la que el cliente ve al entrar.

5. Míralo en tu tienda. Abre la tienda pública y busca el producto.

El producto ya publicado. El cliente elige entre los dos formatos y ve el precio de cada uno (4,80 € y 8,40 €).
Figura 8.10. El producto ya publicado. El cliente elige entre los dos formatos y ve el precio de cada uno (4,80 € y 8,40 €).

Cuidado con… el producto no aparece en la tienda nada más crearlo, aunque lo hayas puesto Activo. Es un fallo conocido: entra otra vez en el producto y pulsa Guardar una segunda vez. Con eso ya sale. Si acabas de crear algo y no lo ves en tu tienda, prueba esto antes que nada.

Cuidado con… las fotos que subes a un producto quedan guardadas en el borrador de tu web. Para que el cliente las vea en la tienda tienes que publicar el sitio. Los precios, el stock y los nombres sí se ven al momento; las imágenes, no.

Categorías

Para qué sirve. Son los cajones en los que el cliente se orienta: «Panes», «Bollería», «Tartas por encargo». Un producto puede estar en varias.

Cómo llegar. Tienda → Categorías. Solo en modo Avanzado.

Las categorías de la tienda. «Sin gluten» aparece indentada debajo de «Panes»: es una subcategoría suya.
Figura 8.11. Las categorías de la tienda. «Sin gluten» aparece indentada debajo de «Panes»: es una subcategoría suya.
La ficha de una categoría nueva. La **categoría madre** es lo que crea la jerarquía.
Figura 8.12. La ficha de una categoría nueva. La categoría madre es lo que crea la jerarquía.

Qué hay en pantalla.

  • Categoría madre: déjala vacía y la categoría cuelga del primer nivel. Elige otra categoría y se convierte en subcategoría suya.
  • IVA de la categoría: si lo rellenas, todos sus productos lo heredan salvo que uno traiga el suyo propio. Es la forma cómoda de tener «alimentación al 4%» sin repetirlo producto a producto.
  • SEO: el título y la descripción con los que la categoría sale en Google.
Creando la categoría «Sin lactosa». Si eliges una categoría madre, colgará de ella en el menú de tu tienda.
Figura 8.13. Creando la categoría «Sin lactosa». Si eliges una categoría madre, colgará de ella en el menú de tu tienda.

Ejemplo. Quieres separar los panes normales de los que no llevan gluten: crea «Sin gluten», elige «Panes» como categoría madre, guarda, y luego entra en cada pan sin gluten y márcalo en esa categoría desde el apartado Categorías de su ficha.

Cuidado con… borrar una categoría que tiene productos dentro. Los productos no se borran, pero se quedan sin ese cajón y desaparecen del menú por el que llegaban tus clientes.

Tallas, colores y demás características

Para qué sirve. Son las fichas técnicas de tus productos: «Formato», «Tipo de harina», «Alérgenos». Rellenas su valor en cada producto y el cliente puede filtrar por ellas en la tienda.

Cómo llegar. Tienda → Atributos. Solo en modo Avanzado.

Las características definidas en esta tienda. La columna **Filtrable** marca las que el cliente puede usar como filtro en el listado.
Figura 8.14. Las características definidas en esta tienda. La columna Filtrable marca las que el cliente puede usar como filtro en el listado.
La ficha de una característica nueva, recién abierta. El identificador se saca del nombre; no hace falta que lo toques.
Figura 8.15. La ficha de una característica nueva, recién abierta. El identificador se saca del nombre; no hace falta que lo toques.
La misma ficha con un nombre («Tamaño») y sus dos valores. Cada **Añadir valor** suma una opción a la lista que verás luego en cada producto.
Figura 8.16. La misma ficha con un nombre («Tamaño») y sus dos valores. Cada Añadir valor suma una opción a la lista que verás luego en cada producto.

Qué hay en pantalla.

  • Tipo: Selección cuando quieres una lista cerrada de valores (Trigo / Centeno / Espelta); Texto cuando cada producto escribe lo suyo (los alérgenos, por ejemplo).
  • Filtrable: si lo marcas, aparece como filtro en la tienda. Solo tiene sentido en las de tipo Selección: filtrar por un texto libre no sirve de nada.

No confundas características con variantes. Es la confusión número uno:

  • Una característica describe el producto. «Esta harina es de centeno». No cambia el precio ni el stock.
  • Una variante es una versión distinta del mismo producto que se vende aparte: el pan de 500 g y el de 1 kg tienen su propio precio y su propio stock.

Si dos versiones cuestan lo mismo y comparten stock, es una característica. Si cada una tiene su precio o su inventario, es una variante.

Cuidado con… borrar una característica que ya usan los productos: se pierde el valor que tuvieran rellenado.

Traer un catálogo entero

Para qué sirve. Meter muchos productos de golpe desde una hoja de cálculo o desde una tienda WooCommerce que ya tengas, en vez de crearlos uno a uno.

Cómo llegar. Tienda → Importar. Solo en modo Avanzado.

El asistente de importación por archivo. Primero eliges qué traes (productos, clientes o pedidos) y te descargas la plantilla para no equivocarte de columnas.
Figura 8.17. El asistente de importación por archivo. Primero eliges qué traes (productos, clientes o pedidos) y te descargas la plantilla para no equivocarte de columnas.

Ejemplo. Tienes los productos en Excel: entra en Importar, pulsa el botón de nueva importación, elige Productos, descarga la plantilla CSV, copia tus datos respetando esas columnas, guarda el archivo como CSV y súbelo. Antes de escribir nada, Speaksite te enseña una vista previa para que compruebes que las columnas han caído donde tenían que caer.

Desde WooCommerce

Tres formas de traerte la tienda de WordPress. La conexión directa (API REST) es la más cómoda: no tienes que exportar nada a mano.
Figura 8.18. Tres formas de traerte la tienda de WordPress. La conexión directa (API REST) es la más cómoda: no tienes que exportar nada a mano.
Las claves de conexión. Se generan dentro de WooCommerce, en WooCommerce → Ajustes → Avanzado → API REST, con permisos de lectura.
Figura 8.19. Las claves de conexión. Se generan dentro de WooCommerce, en WooCommerce → Ajustes → Avanzado → API REST, con permisos de lectura.

La importación tiene cinco pasos: de dónde vienen los datos, las claves, qué quieres traerte (productos, categorías, clientes, pedidos, cupones), una vista previa, y la ejecución con su pantalla de seguimiento, que va contando lo que lleva importado y lo que ha fallado.

Los tres últimos pasos (elegir qué traes, la vista previa y el seguimiento) solo se abren cuando la conexión con una tienda WooCommerce real responde. No se pueden enseñar aquí sin conectar una tienda de verdad, así que este manual no los ilustra con foto.

Cuidado con… importar dos veces el mismo archivo: te quedas con el catálogo duplicado. Haz una prueba con tres o cuatro filas antes de subir las mil.

Cuidado con… las claves de WooCommerce. Dale permisos de solo lectura: para traerte los datos no hace falta nada más, y así una clave perdida no puede tocar tu tienda antigua.

Para qué sirve. Descargarte tus productos, clientes o pedidos en un archivo CSV que se abre con Excel: para revisarlos con calma, para tu gestoría o para tenerlos guardados.

Cómo llegar. Tienda → Exportar. Solo en modo Avanzado.

La descarga se hace en el momento. Si tienes más de 5.000 filas, se prepara aparte y te llega por correo cuando está lista.
Figura 8.20. La descarga se hace en el momento. Si tienes más de 5.000 filas, se prepara aparte y te llega por correo cuando está lista.

En la pestaña de exportaciones programadas puedes dejar montada una descarga que se repita sola (cada semana, cada mes) y te llegue por correo, sin tener que acordarte.

Listas de deseos

Lo que tus clientes han guardado para más adelante. Te dice qué se está mirando la gente sin haberlo comprado todavía: buena pista para saber qué reponer o qué poner en oferta.

Cómo llegar. Tienda → Listas de deseos. Solo en modo Avanzado.

Las listas de deseos de tus clientes. Están vacías hasta que alguien guarde su primer producto.
Figura 8.21. Las listas de deseos de tus clientes. Están vacías hasta que alguien guarde su primer producto.

Bloques para tu tienda

Trozos de tienda que puedes colocar en cualquier página de tu web: los productos destacados, las novedades, una categoría concreta.

Cómo llegar. Tienda → Widgets. Solo en modo Avanzado.

Los bloques disponibles. Se copian y se pegan en la página donde los quieras.
Figura 8.22. Los bloques disponibles. Se copian y se pegan en la página donde los quieras.

Datos estructurados

Speaksite prepara, con ayuda de la IA, la ficha técnica invisible que Google lee de cada producto (el precio, si hay stock, las valoraciones). Bien puesta, es lo que hace que tu producto salga en Google con su precio y sus estrellas.

Cómo llegar. Tienda → Datos estructurados. Solo en modo Avanzado.

Una sugerencia por producto, con su estado. «Pendiente» significa que todavía no se ha generado.
Figura 8.23. Una sugerencia por producto, con su estado. «Pendiente» significa que todavía no se ha generado.
El detalle de una sugerencia. Nada se publica hasta que tú lo apruebas.
Figura 8.24. El detalle de una sugerencia. Nada se publica hasta que tú lo apruebas.

Cuidado con… generar sugerencias a lo loco: cada generación gasta créditos de IA de tu plan. Empieza por los productos que más vendes.

El aspecto de la tienda: claro u oscuro

El panel de Speaksite es oscuro, pero la sección de Tienda tiene su propio interruptor claro / oscuro: es el icono de sol o luna de la cabecera, al lado de la campana. Solo cambia cómo TÚ ves el panel mientras trabajas; no toca nada del aspecto de tu tienda de cara al cliente.

La misma pantalla de productos en tema claro. Se recuerda para la próxima vez que entres.
Figura 8.25. La misma pantalla de productos en tema claro. Se recuerda para la próxima vez que entres.

Resumen de lo que más se rompe

  • Lo creo Activo y no sale en la tienda. Vuelve a entrar en el producto y pulsa Guardar otra vez. Es un fallo conocido del alta.
  • Subo la foto y no la veo. La vista previa de la ficha sale en blanco; la miniatura de la lista de productos sí la enseña. Y para que la vea tu cliente, publica el sitio.
  • No encuentro Categorías / Atributos / Importar. Estás en modo Fácil. Cambia a Avanzado en la cabecera.
  • No me deja guardar. Te falta el nombre del producto. No sale ningún aviso: el botón se queda apagado.
  • Borrar no tiene vuelta atrás. Ni un producto, ni una categoría, ni una característica.