Cómo entrar al editor de tu tienda y editar su diseño

Cómo entrar al editor de tu tienda y editar su diseño

El diseño de tu tienda (portada, banners, secciones, colores, páginas) se cambia en el editor de la tienda. Entras desde tu panel de QPayPro, sin crear otra cuenta ni escribir otra contraseña.

Cómo entrar al editor

  1. Inicia sesión en tu panel de QPayPro como siempre.
  2. Abre Tienda en línea → Dashboard y presiona Editar mi tienda. También lo encuentras en la Guía de configuración.
  3. El editor se abre en una pestaña nueva y entras automáticamente con tu usuario.

Botón Editar mi tienda en el panel

Junto a ese botón, Ir a mi tienda abre tu tienda tal como la ven tus clientes.

  • Si tu comercio tiene más de una tienda, primero verás la ventana Elige tu tienda.
  • Si todavía no tienes tienda, el botón te lleva a la Guía de configuración para crearla.
  • Si no ves el botón, tu usuario no tiene acceso a la tienda en línea. Pídele al dueño del comercio que te lo dé en Roles y permisos.

Importante: si abres directamente tutienda.qpayshop.com/qp-admin sin haber entrado desde el panel, verás la pantalla "Administrador de tienda" pidiendo correo y contraseña. Tu contraseña de QPayPro no funciona ahí: entra siempre con el botón Editar mi tienda de tu panel.

Conoce el editor

A la izquierda está el panel con dos pestañas, Contenido y Configuración. A la derecha ves la vista previa de tu tienda, que se actualiza en tiempo real.

Contenido: las secciones de tu página

En Estructura de la página aparecen las secciones de tu portada en orden (encabezado, banner, carruseles, pie de página…). En cada una puedes:

  • Editar: abre sus opciones. También puedes hacer clic directamente sobre la sección en la vista previa.
  • Ocultar o mostrar con el ícono del ojo.
  • Reordenar arrastrándola desde los puntos de la derecha.

Al editar una sección verás tres pestañas: Contenido (textos, imágenes y botones), Diseño (colores y estilo) y Elementos. Para quitarla usa Eliminar sección, y Volver a secciones te regresa a la lista.

Editando el banner principal

Agregar una sección

Presiona Agregar sección y elige un tipo: Portada, Productos y categorías, Carruseles, Banners y avisos o Contenido (por ejemplo, preguntas frecuentes). Verás cada opción antes de agregarla.

Biblioteca de secciones

Configuración: el resto de tu tienda

  • Plantilla y diseño: la plantilla y el estilo general de tu tienda.
  • Páginas: páginas como políticas, nosotros o preguntas frecuentes.
  • Catálogo, producto y carrito: cómo se ven los listados, la página de producto y el carrito.
  • Botón de WhatsApp: el chat flotante para que tus clientes te escriban.
  • Actualizar catálogo: trae las categorías y productos más recientes de tu panel de QPayPro.
  • Sesión: cambia a modo oscuro o cierra tu sesión del editor.

Pestaña Configuración del editor

Los productos, precios e inventario no se cambian en el editor: se administran en tu panel de QPayPro y la tienda los toma de ahí.

Revisa y publica tus cambios

En la barra de arriba tienes:

  • Computadora / celular: cambia la vista previa para revisar cómo se ve tu tienda en un teléfono.
  • Deshacer / rehacer: las flechas para revertir tu último cambio.
  • Vista previa: ve tu tienda sin los controles del editor.
  • Guardar como plantilla: guarda tu diseño actual para reutilizarlo.
  • Guardar y publicar: tus clientes solo ven los cambios después de presionarlo. Cuando no hay cambios pendientes verás la etiqueta Todo publicado.

Recomendación: guarda tus cambios poco a poco. Cada vez que termines de editar una sección, presiona Guardar y publicar antes de pasar a la siguiente. Así, si se cierra la pestaña, se corta el internet o tu sesión vence, no pierdes todo lo que llevabas hecho.

Vista previa en celular

Cuando termines, usa Salir del editor.