Web y catálogo

Monta tu propia página web con tu diseño: tu logo, quiénes sois, tu contacto y tu catálogo de productos y servicios con sus precios (en CotizaBeauty, la carta de servicios, bonos y productos), en tu propia dirección con su código QR, y descárgalo en PDF. No es una tienda online: tus clientes te piden presupuesto o te reservan por WhatsApp, teléfono o correo. No hace falta ser diseñador: el diseño se hace con IA.

Qué es

Un módulo de Configuración → Módulos e integraciones que monta tu página web y tus catálogos públicos con lo que ya tienes en CotizaPrint: tus categorías, tus productos con calculadora, tus servicios y tus artículos, con sus precios. Cada catálogo tiene su contenido, su diseño y su dirección (direct.cotizaprint.com/catalogo/<tu-empresa>), su QR, su PDF y un botón para que tu cliente te lo pida o te reserve. Puedes tener todos los catálogos que quieras.

Para qué sirve

• Tener tu propia página web sencilla sin montar una tienda online: tu logo, quiénes sois (el texto de Descripción, que el diseño con IA puede poner como apartado «Sobre nosotros»), tu contacto y tu catálogo con precios, en una dirección que Google puede encontrar.
• Enseñar tu tarifa con los precios por cantidad sin mandar presupuestos uno a uno.
• Poner el QR en el mostrador, en tus tarjetas o en tus redes para que te pidan desde el móvil.
• Recibir los pedidos y las reservas por WhatsApp, por teléfono, por correo o en tu web.
• Tener la tarifa en PDF para imprimirla o mandarla.
• Separar catálogos por público (tiendas, empresas, una campaña), cada uno con su dirección.

Cómo se usa

1. Pulsa tu nombre (arriba a la derecha) → Configuración → Módulos e integraciones → Web y catálogo. Si tu empresa no tiene el módulo, la baldosa está en Configuración → Disponibles para contratar → «Web y catálogo» y abre su ficha para contratarlo.
2. En Dirección de tu empresa revisa la que te proponemos (sale de tu nombre comercial) y pulsa Guardar dirección.
3. Pulsa Nuevo catálogo. En la pestaña Contenido marca las categorías, productos, servicios y artículos que entran y, en cada producto con calculadora, las cantidades que se ven (puedes añadir otras con Otra cantidad y Añadir).
4. En Grupos y orden, junto a la lista, arrastra los productos para ordenarlos o pasarlos a otro grupo. Si no tocas nada, salen agrupados por tus categorías.
5. En Diseño con IA elige un Estilo o pide el diseño a una IA y pega su respuesta.
6. En Publicar pon el Nombre y el Título, elige en Cómo te contactan el botón de tus clientes (WhatsApp, Llamar, Correo, Web o Sin botón), pulsa Generar para calcular los precios, cambia el interruptor a Publicado y pulsa Guardar.
7. Comparte la dirección con Copiar enlace o Descargar QR, y usa Descargar PDF (abajo, en la pestaña Publicar) para imprimirlo.

Estructura de la pantalla

La ventana Web y catálogo lleva el lema Tu página web, sin ser diseñador y, arriba, Ver demo, que abre en otra pestaña el catálogo de ejemplo de tu sector. Debajo, siempre, las pestañas Mis catálogos, Contenido, Diseño con IA y Publicar. Desde la lista, Contenido, Diseño con IA o Publicar abren tu catálogo principal (o uno nuevo si todavía no tienes ninguno); Mis catálogos vuelve a la lista. Tiene dos vistas:

1. Lista de tus catálogos — se abre al entrar.

• Dirección de tu empresa (Es la parte común de la dirección de todos tus catálogos.): la dirección guardada con Cambiar o, al editarla, el campo Dirección de tu empresa con Cancelar y Guardar dirección.
• Tus catálogos (Cada catálogo tiene su contenido, su diseño y su dirección.): una fila por catálogo con su nombre, las etiquetas Principal y Publicado o Sin publicar, su dirección (o Sin dirección), Precios calculados el … o Sin precios calculados, la papelera para borrarlo y Abrir.
• Pie: Cerrar y Nuevo catálogo.

1. Editor del catálogo — se abre con Nuevo catálogo o Abrir. Pestañas Contenido, Diseño con IA y Publicar; pie Borrar (si ya está guardado), Descargar PDF y Exportar HTML (solo en Publicar), Mis catálogos (vuelve a la lista) y Guardar. Si sales con cambios sin guardar, pregunta ¿Salir sin guardar? (Los cambios de este catálogo que no has guardado se perderán.).

Contenido

Qué entra en el catálogo (Si marcas una categoría, entra todo lo que tiene dentro.). Es el árbol de tus categorías con lo que tienen dentro:

• En imprenta, las secciones de Cotizar (las que montas con Configurar catálogo, ver Categorías del catálogo) con sus productos, servicios y artículos y, como en Cotizar, la rama Servicios y artículos con tus categorías de servicios y artículos y los que están En venta (los que ya pusiste en una sección de productos salen solo allí).
• En CotizaBeauty, las categorías de Servicios y productos con los servicios, productos y bonos que están En venta (ver Servicios y artículos).

En imprenta, si tienes productos activos que no están en ninguna sección de Cotizar, salen al final en la categoría Fuera del cotizador y arriba eliges qué ver: Todos los productos o Solo los del cotizador. Debajo, Buscar (Nombre de la categoría o del producto), Marcar todo, Desmarcar todo y el recuento n/m marcados. Cada categoría se abre y se cierra con su flecha (Desplegar / Plegar) y enseña cuántos de los suyos están marcados.

En cada producto con calculadora, aunque tenga una sola cantidad, el botón Cantidades n/m despliega su lista de cantidades: por defecto entran todas; desmarca las que no quieras enseñar. Para enseñar otra, escríbela en Otra cantidad y pulsa Añadir (o Intro): entra marcada y se calcula su precio con Generar / Actualizar precios; si la desmarcas, se quita. Un producto admite como máximo 50 cantidades. Un producto que lleva la etiqueta Sin precio no se puede marcar: no tiene ningún cotizador visible y abierto, así que su precio no se puede calcular (ver Si algo no cuadra).

Grupos y orden (Arrastra un producto para ordenarlo o pasarlo a otro grupo. Si no tocas nada, se agrupan por tus categorías.), al lado de la lista (debajo en el móvil), enseña lo marcado tal como sale en la página, por grupos:

• Arrastra un producto por su asa para cambiarlo de sitio o soltarlo en otro grupo; el icono de flechas cruzadas marca los que has movido de su categoría (Movido de su categoría).
• Nuevo grupo: escribe el nombre en Nombre del grupo nuevo y pulsa Nuevo grupo; sale vacío (Suelta aquí los productos de este grupo.) hasta que arrastres algo a él. Si ya existe: Ya hay un grupo con ese nombre: arrastra los productos a él.
• En cada grupo: el lápiz (Cambiar el nombre, con Aplicar y Cancelar) y las flechas Subir el grupo / Bajar el grupo. Si le pones el nombre de otro grupo, se juntan.
• Usar tus categorías (solo si has cambiado algo) vuelve a agrupar por tus categorías, en su orden.

Los cambios se guardan con Guardar.

Ojo: lo que marcas son los productos de hoy. Un producto que añadas después a una categoría no entra solo: márcalo y pulsa Guardar.

Botón de contacto

En la pestaña Publicar, Botón de contacto (Cada producto lleva un botón para que tu cliente te lo pida.). En Cómo te contactan eliges uno para todo el catálogo:

El texto del botón lo pone el sector: en imprenta Pedir presupuesto en los productos con calculadora y Pedir en lo de precio fijo; en CotizaBeauty Reservar en los servicios y Pedir en lo demás. Un catálogo nuevo sale con WhatsApp si tu empresa tiene móvil, con Correo si solo tiene correo y si no, Sin botón.

Publicar

A la izquierda, lo que dice el catálogo:

• Datos del catálogo: Nombre (Solo lo ves tú, en la lista de tus catálogos.), Título (Si lo dejas vacío, se usa el nombre), en los catálogos que no son el principal Dirección del catálogo con la casilla Hacerlo el principal, y Descripción (Quiénes sois y qué hacéis: tu presentación o tu «Sobre nosotros».), que sale debajo del título o, si se lo pides al diseño con IA, en un apartado «Sobre nosotros».
• Botón de contacto: Cómo te contactan y su campo (ver Botón de contacto).
• Precios: IVA elige Como en la configuración de venta, Con IVA incluido o Sin IVA; al lado, Precios calculados el … y Generar / Actualizar precios (ver Precios del catálogo).

A la derecha, la tarjeta Publicación (debajo de la cabecera en el móvil), que se pone verde cuando está publicado:

• El interruptor Sin publicar / Publicado, que decide si se ve.
• En el catálogo principal: Es tu catálogo principal: se ve en la dirección de tu empresa.
• El QR y la Dirección pública (Guarda el catálogo para tener su dirección. mientras no está guardado). Mientras está sin publicar avisa: Mientras no lo publiques, en esa dirección se ve «Catálogo no disponible».
• Copiar enlace, Abrir y Descargar QR.

En el pie, Descargar PDF (Lleva tu logo y el QR, con un formato fijo para imprimir.) y Exportar HTML (Lleva tu diseño, para modificarlo después.) (ver PDF, HTML e impresión).

Diseño con IA

No hace falta ser diseñador: eliges un estilo de partida o le pides el diseño a una IA y pegas su respuesta. La Vista previa de la derecha cambia al momento y se ve en Ordenador o en Móvil.

1. Estilo (Elige un estilo de partida: la vista previa cambia al momento.): en imprenta CotizaPrint, Kraft y tinta, Noche neón y Minimal; en CotizaBeauty CotizaBeauty, Salvia y lino, Terciopelo y oro y Blanco clínico. Cuando aplicas un diseño de la IA aparece Diseño propio. Volver al diseño de CotizaPrint (Volver al diseño de CotizaBeauty en estética) deja el diseño de partida.
2. Copiar el prompt y pégalo en Claude, ChatGPT o Gemini. El prompt lleva tu plantilla actual y, en la última línea, un ejemplo de cómo lo quieres.
3. Cambia la última línea por cómo quieres tu web: colores, letra, estilo y, si quieres, una portada o un apartado «Sobre nosotros». El texto de «Sobre nosotros» sale de Descripción (pestaña Publicar): escríbelo ahí, no en el diseño.
4. Copia la respuesta entera de la IA, pégala en Respuesta de la IA y pulsa Aplicar diseño. Sale Diseño aplicado: revísalo en la vista previa y pulsa Guardar.

Atajo: Diseñar con el asistente IA hace lo mismo sin salir de CotizaPrint: describes cómo lo quieres y la respuesta se aplica sola. Necesita plan Pro o superior.

Qué se acepta: la respuesta trae dos bloques de código, uno html (la plantilla con las marcas {{…}} de tus datos) y otro css; vale también uno solo (cambia solo esa parte) o el texto suelto. Solo se admite HTML y CSS seguros:

• sin JavaScript (etiquetas script, atributos on… o enlaces javascript:);
• sin atributos style ni id y sin etiqueta <style>: los estilos van en el CSS, con clases;
• @import solo de Google Fonts, y url() solo de imágenes data:image/, de Google Fonts o de las imágenes que ya tienes subidas en CotizaPrint;
• enlaces e imágenes con https:, mailto:, tel: o una marca entera como href="{{boton.enlace}}";
• hasta 200 KB de HTML y 100 KB de CSS.

Si algo no pasa, el aviso dice qué quitar (por ejemplo La plantilla lleva JavaScript… o Solo se aceptan @import de Google Fonts.): pídeselo así a la IA y vuelve a pegar. En la vista previa salen tus productos cuando el catálogo está guardado (Pulsa Guardar para ver la vista previa con tus productos.).

Precios del catálogo

• Productos con calculadora (imprenta): Generar calcula el precio de cada cantidad marcada con la configuración por defecto del producto y guarda esa foto. Si el catálogo no tiene precios todavía, la foto se calcula sola al pulsar Guardar con el catálogo en Publicado (sale Calculando precios…). Desde entonces el botón dice Actualizar precios: púlsalo cuando cambies tus tarifas, márgenes o costes. Al terminar ves Precios calculados: N y, si alguno falla, No se pudo calcular el precio de estos productos: con el motivo de cada uno.
• Servicios y artículos: se ven siempre con su precio al día, sin calcular nada.
• En la página, cada producto enseña Desde (el precio de su primera cantidad), su configuración Por defecto: y la tabla Cantidad · Precio · Por unidad, con el resto en Ver más cantidades. La fila más barata por unidad se resalta (solo si hay una cantidad de verdad más barata). Un producto sin precio calculado sale como Precio a medida (en el PDF, Precio a consultar).
• IVA (en Publicar → Precios): Con IVA incluido, Sin IVA o Como en la configuración de venta, que sigue Precios de servicios y productos: del botón Ajuste de Venta (ver Configuración de venta) y, si no está elegido, el del sector: sin IVA en imprenta y con IVA en estética. La página lo dice en la cabecera: Precios sin IVA. o Precios con IVA incluido., con la fecha de los precios (Precios actualizados: …).

Cómo se ve la página pública

• Cabecera: a la izquierda, tu logo (o tus iniciales), el título del catálogo, el nombre de tu empresa, la descripción y la nota de precios. A la derecha, en una tarjeta, tu dirección, teléfono, correo y web, cada dato en su línea con su icono y separados por una línea fina, y debajo el QR con la dirección del catálogo (Escanea el QR para llevarte el catálogo en el móvil). En el móvil, la tarjeta va debajo. Los datos salen de Configuración → Empresa; el que esté vacío no sale.
• Pie: el mismo de los enlaces de presupuesto y seguimiento: © año, el nombre de tu empresa (con enlace a tu web) y tu correo, y Powered by con el logo de CotizaPrint (CotizaBeauty en estética). Lo pone CotizaPrint debajo de cualquier diseño, también de uno hecho con IA, y no sale al imprimir.

Ojo: Generar, Descargar PDF y Exportar HTML guardan antes el catálogo si tiene cambios.

PDF, HTML e impresión

El PDF lleva tu logo y el QR, con un formato fijo para imprimir. El HTML lleva tu diseño, para modificarlo después.

• Descargar PDF: un A4 con tu logo (o tus iniciales), tu nombre, el título y la descripción, tus productos en dos columnas con sus precios y, al pie de cada página, el QR, la dirección y tu contacto. Su formato es siempre el mismo: no sigue el diseño de la IA.
• Exportar HTML: descarga la página con tu diseño y tus precios de ese momento, en un archivo .html que puedes abrir, retocar o subir a otra web. No se vuelve a cargar en el generador: para cambiar el diseño del catálogo usa Diseño con IA.
• Imprimir la página: la página pública también se imprime desde el navegador. Con el diseño de partida y los estilos de ejemplo sale en A4 limpio, sin fondos oscuros ni botones y con todas las cantidades a la vista; el prompt pide lo mismo a la IA para tu diseño propio.
• Descargar QR: el código QR en PNG, listo para tus impresos.

La página pública

• Dirección: el catálogo principal vive en direct.cotizaprint.com/catalogo/<tu-empresa> y los demás en direct.cotizaprint.com/catalogo/<tu-empresa>/<catálogo>. Al marcar otro como principal, el anterior se queda con su propia dirección.
• La dirección de tu empresa: de 3 a 60 caracteres, en letras minúsculas sin tilde, números y guiones (sin guion al principio ni al final). Es única: si ya la usa otra empresa, elige otra. Hay palabras reservadas y las direcciones que empiezan por demo- son de las demostraciones. Cambiarla pregunta ¿Cambiar la dirección de tu empresa?: los enlaces y los QR que ya hayas repartido dejan de funcionar.
• Google: la página publicada se puede encontrar en Google; lleva su título, su descripción y la lista de tus productos y servicios para los buscadores.
• Catálogo no disponible: sale si el catálogo está Sin publicar, si se borró, si la dirección no existe o si tu empresa no tiene el módulo. Dice Puede que la empresa lo haya retirado o que la dirección no sea correcta. y, si los tienes en tus datos de empresa, Para cualquier consulta, contacta con la empresa: con tu Teléfono, Correo electrónico y Web.
• No se pudo cargar el catálogo: un fallo de conexión (Comprueba la conexión y vuelve a intentarlo.) o muchas consultas seguidas (Hay muchas consultas seguidas: espera un minuto y vuelve a intentarlo.). Reintentar vuelve a cargarla.
• Si el módulo caduca o lo das de baja: tus catálogos se guardan con todo; sus direcciones enseñan Catálogo no disponible con tus datos de contacto y la baldosa pasa a Disponibles para contratar. Al volver a contratarlo, los que tenías publicados vuelven a verse tal como los dejaste.
• Demos: Ver demo abre direct.cotizaprint.com/catalogo/demo-imprenta (imprenta) o direct.cotizaprint.com/catalogo/demo-beauty (CotizaBeauty).

Imprenta y estética: qué cambia

Botones y acciones — para qué sirve cada uno

Conceptos clave

• Dirección de tu empresa: la parte común de la dirección de todos tus catálogos (direct.cotizaprint.com/catalogo/<tu-empresa>).
• Catálogo principal: el que se ve en la dirección de tu empresa, sin nada detrás. Solo hay uno; el primero que creas lo es.
• Dirección del catálogo: lo que va detrás de la de tu empresa en los demás catálogos.
• Publicado / Sin publicar: si la dirección enseña el catálogo o Catálogo no disponible.
• Foto de precios: los precios de los productos con calculadora, calculados con Generar con su configuración por defecto y guardados con su fecha (Precios calculados el …). No cambian hasta Actualizar precios.
• Sin precio: producto sin ningún cotizador visible y abierto; no se puede calcular ni marcar.
• Precio a medida / Precio a consultar: lo que enseñan la página y el PDF de un producto sin precio.
• Estilo / Diseño propio: un diseño de partida o el que has aplicado con la IA.
• Prompt: el encargo que copias para la IA, con tu plantilla actual y una última línea para decir cómo lo quieres.
• Catálogo no disponible: la página que se ve en una dirección sin catálogo publicado, con tus datos de contacto.

Funciones según plan / rol

• Módulo Web y catálogo: 10 €/mes o 100 €/año (USD 10/mes o USD 100/año), catálogos ilimitados. En imprenta se contrata aparte con cualquier plan, también con el Full. En CotizaBeauty va incluido en el plan Full; con Estándar o Pro se contrata aparte. Se contrata en Suscripción → Planes y precios → Módulos o con Contratar Web y catálogo desde su ficha (ver Suscripción y planes).
• Diseñar con el asistente IA: plan Pro o superior. Copiar el prompt funciona con cualquier plan.
• Permiso de rol: Configurar integraciones y automatizaciones (integracion_edit). Sin él, la baldosa sale atenuada con «No tienes permiso».

Si algo no cuadra

Preguntas frecuentes

¿Dónde está Web y catálogo?

Pulsa tu nombre (arriba a la derecha) → Configuración → Módulos e integraciones → Web y catálogo. Si tu empresa no lo tiene, está en Configuración → Disponibles para contratar → «Web y catálogo», que abre la ficha para contratarlo.

¿Cuánto cuesta y con qué plan va?

10 €/mes o 100 €/año (USD 10 o USD 100), con catálogos ilimitados. En imprenta se contrata aparte con cualquier plan, también con el Full; en CotizaBeauty va incluido en el plan Full y con Estándar o Pro se contrata aparte.

¿Me sirve como página web de mi empresa?

Sí: es tu propia página web sencilla, con tu logo, quiénes sois, tu contacto y tu catálogo con precios, en tu propia dirección, que Google puede encontrar. Escribe tu presentación en Descripción (pestaña Publicar) y, en Diseño con IA, pide por ejemplo «que parezca la web de mi empresa, con una portada y un apartado Sobre nosotros». Si ya tienes web, enlázala desde ella o súbela con Exportar HTML.

¿Es una tienda online?

No: no lleva carrito ni pago. Tus clientes ven tus precios y te piden presupuesto o te reservan con el botón de contacto (WhatsApp, teléfono, correo o tu web).

No soy diseñador, ¿cómo le doy mi imagen?

Elige un Estilo en Diseño con IA o pulsa Copiar el prompt, pégalo en Claude, ChatGPT o Gemini cambiando la última línea por cómo lo quieres, y pega su respuesta en Respuesta de la IA → Aplicar diseño. Con plan Pro, Diseñar con el asistente IA lo hace sin salir de CotizaPrint.

La IA me devuelve algo que no se acepta.

El aviso dice qué sobra (JavaScript, atributos style o id, un @import que no es de Google Fonts, una imagen o un enlace que no es https:). Pídele a la IA que lo quite tal cual y pega otra vez la respuesta entera, con sus bloques html y css.

No me sale el precio de un producto.

Si lleva Sin precio, no tiene ningún cotizador visible y abierto: en Productos, pon su cotizador interno con Visibilidad en Visible y Cotizador en Abierto. Si ya lo tiene, pulsa Generar o Actualizar precios en Publicar: mientras no se calcula, sale como Precio a medida. La primera foto también se calcula sola al guardar el catálogo en Publicado.

He cambiado precios y el catálogo no.

Los productos con calculadora guardan una foto de sus precios: pulsa Actualizar precios en la pestaña Publicar. Los servicios y artículos se ven siempre con su precio al día.

¿Puedo enseñar solo algunas cantidades de un producto?

Sí. En Contenido, pulsa Cantidades n/m del producto y desmarca las que no quieras; por defecto entran todas. Si quieres una que no está, escríbela en Otra cantidad y pulsa Añadir. Luego Guardar y Actualizar precios.

¿Puedo cambiar los grupos o el orden de los productos en el catálogo?

Sí. En Contenido, en Grupos y orden, arrastra cada producto por su asa para ordenarlo o soltarlo en otro grupo, crea grupos con Nuevo grupo y cambia su nombre con el lápiz. No toca Cotizar: solo cambia este catálogo. Usar tus categorías lo deja como estaba. Luego Guardar.

¿Puedo meter un producto que no sale en Cotizar?

Sí. En Contenido, con Todos los productos, búscalo en la categoría Fuera del cotizador y márcalo. En la página sale en Productos (en CotizaBeauty, Otros) o en el grupo al que lo arrastres.

¿Sale en Google?

Sí. La página publicada se puede encontrar en Google con su título, su descripción y tus productos. Para que la encuentre antes, enlázala desde tu web y tus redes. Mientras está Sin publicar no se ve.

¿Cuántos catálogos puedo tener?

Todos los que quieras. El principal se ve en la dirección de tu empresa y cada uno de los demás en su propia dirección.

¿Cómo comparto el catálogo con mis clientes?

En Publicar, pulsa Copiar enlace para mandar la dirección o Descargar QR para ponerlo en tus impresos o en el mostrador. Descargar PDF te da la versión para imprimir.

¿Por qué el PDF no tiene el diseño que he hecho con la IA?

El PDF tiene siempre el mismo formato para imprimir bien, con tu logo y el QR. La página pública y Exportar HTML sí llevan tu diseño, y la página también se imprime en A4 desde el navegador.

¿Los precios llevan IVA?

Lo eliges en Publicar → Precios → IVA: Con IVA incluido, Sin IVA o Como en la configuración de venta. Si no lo cambias, imprenta sale sin IVA y estética con IVA incluido.

¿Puedo cambiar la dirección de mi empresa?

Sí, con Cambiar en Dirección de tu empresa. Los enlaces y los QR que ya hayas repartido dejan de funcionar, así que cámbiala antes de imprimirlos.

¿Qué pasa con mis catálogos si caduca el módulo?

Se guardan con todo. Sus direcciones enseñan Catálogo no disponible con tus datos de contacto y, al volver a contratarlo, los que tenías publicados se ven de nuevo tal como estaban.

¿Puedo verlo antes de contratarlo?

Sí: Ver demo en la ficha del módulo abre un catálogo de ejemplo real de tu sector.