Ve a la sección de sitios y haz clic en el botón "Crear":
Al hacer clic en el botón "Crear", se abre un menú desplegable con los tipos de sitio web. Desde allí, selecciona "Tienda en línea":
Después de hacer clic en el botón "Tienda en línea", accederás a la configuración del sitio, donde debes abrir la pestaña "Productos":
Categoría de producto
Al ir a la sección "Productos", verás las plantillas de tarjetas de producto:
Puedes ir directamente a configurar los productos, pero si deseas categorizarlos para que tus clientes encuentren fácilmente lo que necesitan por categoría en el sitio, te recomendamos crear primero las categorías.
Para ello, haz clic en el icono de engranaje:
Después, se abre el menú derecho con la configuración de la categoría:
Haz clic en el botón "Crear categoría":
En la ventana que se abre, ingresa el nombre de la categoría y selecciona el color (se mostrará en la tabla de productos).
También puedes cambiar la visualización de las columnas en la configuración de la categoría:
Después de configurar la categoría, puedes ir a la configuración de la tarjeta de producto.
Cómo importar productos desde otra plataforma
Por ejemplo, subimos una tabla con productos que creamos manualmente en la sección Tablas de Mavibot.
Si necesitas transferir una tienda en línea desde otro sitio u otro servicio a Mabibot, usa las pestañas para descargar productos en la configuración de la categoría:
Hay una pestaña Importar en la configuración de la categoría. Haz clic en el botón del mismo nombre para descargar la tabla con las tarjetas de producto:
Después de subir el archivo que contiene tus tarjetas de producto (exportadas desde otra plataforma), deberás mapear las columnas.
Una vez que se suba la tabla de productos, verás una interfaz de mapeo con dos columnas clave:
- La primera columna de la tabla: muestra los nombres de tus columnas de la tabla subida. Las columnas corresponden a los nombres de las columnas en la tabla.
- La segunda columna de la tabla: muestra un ejemplo de valores tomados de la segunda fila, justo después de los encabezados de columna.
- Columna de producto: ayuda a comparar (u omitir, si una columna no es necesaria) los valores de las columnas de la tabla subida con las columnas del producto.
A continuación, haz clic en "Subir productos".
¡Listo!
De esta manera, puedes subir productos rápidamente a MaviBot y lanzar tu tienda en línea.
Si es necesario, puedes editar una tarjeta de producto haciendo clic en el icono de lupa en la fila del producto.
Cómo exportar tarjetas de producto
Para exportar las tarjetas de producto creadas de un sitio a otro, usa la pestaña de exportación en la configuración de la categoría.
Hay una pestaña "Exportar productos" en la configuración de la categoría.
Exportar productos: aquí puedes configurar qué columnas de la tabla de tarjetas de producto deseas exportar (descargar a tu dispositivo) y transferir a otro proyecto.
Para eliminar columnas innecesarias, basta con quitar la marca de verificación en la fila con el nombre de la columna.
A continuación, haz clic en "Exportar productos" — luego, las tarjetas de producto se descargarán en tu dispositivo en formato de tabla:
Puedes exportar tarjetas de producto en formato cvs desde cualquier plataforma, para que puedas configurar y lanzar rápidamente una tienda en línea.
Tarjeta de producto
Para crear una nueva tarjeta, haz clic en el botón redondo "+".
Se abrirá la ventana de configuración del producto.
Para editar una tarjeta de producto existente, haz clic en la lupa en la línea del producto.
Aquí debes agregar el título, subir una imagen (una o más) y agregar una descripción.
A continuación, especifica el precio del producto y otros detalles:
a) Categoría del producto
b) Precio (por ejemplo, precio actual y anterior — útil para mostrar descuentos)
c) Artículo (número)
d) Cantidad (puedes especificar cuántas unidades están disponibles en tu tienda)
e) Descripción breve
¡Atención!
Primero, crea al menos un producto antes de agregar categorías de producto
Luego, si es necesario, agrega las características del producto y haz clic en "Guardar".
Después de eso, la tarjeta de producto aparecerá en la tabla en la pestaña "Productos".
Para agregar más productos, haz clic en el botón redondo "+":
Configuración del sitio
Después de crear las categorías necesarias y completar las tarjetas de producto, procede a la configuración del sitio. Para ello, haz clic en el nombre de tu sitio web en la barra de navegación superior.
Luego volverás a la configuración del sitio, donde debes hacer clic en la página para ir a la configuración de la sección.
Cambiarás al modo de edición de página haciendo clic en el botón "+":
En el menú derecho, selecciona la sección "Catálogo de productos":
Las tarjetas de producto de la pestaña "Productos", incluidos todos los detalles, precios e imágenes, aparecerán automáticamente en la configuración de la sección:
Estás a solo unos pasos:
- Ahora, selecciona qué categorías de producto deseas mostrar en la sección:
- A continuación, selecciona el número de columnas:
- Especifica cuántos productos mostrar al inicio (antes de hacer clic en el botón "Mostrar más"):
- A continuación, activa los interruptores si deseas que tus clientes puedan ordenar productos por categorías y filtros, y mostrar una descripción breve del producto:
Ahora haz clic en "Guardar".
Ahora, pasa el cursor sobre la sección y haz clic en "Configuración" para personalizarla.
Ahora, pasa el cursor sobre la sección y haz clic en el icono "Configuración" para personalizarla.
Dentro de la configuración de la sección, puedes:
- Personalizar la tipografía: Selecciona la fuente y ajusta su tamaño para la sección.
- Diseñar el fondo: Sube una imagen o elige un color sólido o degradado.
- Configurar el diseño: Ajusta el ancho, la visibilidad, el tamaño general y la alineación.
Puedes obtener más información sobre la configuración global de la sección aquí.
Ahora ve a la vista previa.
Aquí puedes previsualizar cómo el sitio web muestra los productos, probar cómo funcionan los filtros y la búsqueda por categoría, y ver el carrito y el proceso de pago.
Puedes agregar cualquier número de secciones para tu tienda en línea — por ejemplo, para mostrar categorías de producto específicas en cada sección o colocar secciones en diferentes páginas del sitio web.
Todo lo que necesitas hacer es completar las tarjetas de producto, mientras que la configuración de la sección es mínima para un lanzamiento rápido.
Cómo cambiar la dirección del sitio
Para darle a tu sitio una dirección limpia y concisa en lugar de una URL generada automáticamente (como la que se muestra a continuación), puedes personalizar el enlace de la página. Ve a la configuración del sitio para realizar este cambio.
A continuación, en la configuración principal, actualiza los campos como se muestra en la imagen a continuación.
- Nombre del sitio. Este es el nombre que se muestra en la sección Sitios. Cambiarlo te ayuda a identificar y encontrar el sitio más fácilmente en tu lista más adelante.
- Título de la pestaña del navegador. El título que se muestra en la pestaña del navegador y en la barra de direcciones.
- URL. La dirección del sitio.
¡Tu tienda en línea completamente funcional está lista!
Cómo compartir un enlace en un chatbot
Puedes compartir un enlace a tu tienda en línea en un chatbot. Por ejemplo, puedes enviar un enlace directo (compatible con la mayoría de los mensajeros) o usar el botón dedicado Web App en Telegram.
Telegram Web-app
Puedes compartir tu tienda en línea en un chatbot a través de un botón de Telegram Web App o como un enlace estándar (para otros mensajeros).
Método 1: Botón de Telegram Web App
Este método abre tu tienda dentro de la interfaz nativa de Telegram.
Paso 1. Copia la dirección de tu tienda
Copia la URL de la barra de direcciones de tu navegador o de la tarjeta de la tienda en la sección "Sitios".
Paso 2. Crea o edita un bloque
Crea un nuevo bloque en el constructor o intégralo en un flujo de bot existente.
Paso 3. Configura el botón de Telegram Web App
- En tu bloque, navega a Botones en la configuración y haz clic en "Agregar botón".
- En la ventana modal, selecciona la función "Aplicación web de Telegram".
- Pega la URL de tu tienda en el campo de enlace.
- Nombra el botón (por ejemplo, "Ir al sitio") y haz clic en "Agregar".
- Establece el tipo de botón como "En línea" o "Teclado" según sea necesario, luego guarda la configuración del bloque.
Paso 4. Prueba el bot
Activa el bloque (por ejemplo, enviando la palabra "Tienda"). El bot responderá con un mensaje que contiene el botón. Al hacer clic, se abrirá tu tienda como una Telegram Web App.
Método 2: Botón de enlace estándar (para otros mensajeros)
Este método crea un botón estándar que abre la tienda en un navegador web.
Paso 1. Copia la dirección de tu tienda
Copia la URL de la barra de direcciones de tu navegador o de la tarjeta de la tienda en la sección "Sitios".
Paso 2. Crea o edita un bloque
Crea un nuevo bloque en el constructor o intégralo en un flujo de bot existente.
Paso 3. Configura el botón de enlace
- En tu bloque, navega a Botones en la configuración y haz clic en "Agregar botón".
- En la ventana modal, deja la función como predeterminada (generalmente "Abrir URL").
- Pega la URL de tu tienda en el campo de enlace y nombra el botón.
- Establece el tipo de botón como "En línea" o "Teclado" y guarda la configuración del bloque.
¡Listo!
Has configurado exitosamente tu chatbot para compartir tu tienda en línea a través de un enlace directo o una Telegram Web App nativa.