Acceso al editor (común a todo): Perfil → Web 2.0 → Editor. Reglas globales: no hay historial; los cambios se aplican con Guardar y publicar; usar Previsualizar (escritorio/tablet/móvil) antes de publicar.
Índice
Antes del editor: acceso y panel de Web 2.0 (Web vs Web 2.0, multi-web, hosting, Ajustes y Diseño, Vehículos en Web, Integraciones, Privacidad y Cookies)
Estructura del editor (paneles laterales)
Páginas (ajustes, SEO, crear Página/Landing/Ventanas emergentes)
Ajustes globales (Temas del sitio: Colores y Tipografías · Navegación: Navbar y Footer)
Panel "Secciones" y catálogo de secciones
Mecánica de edición de secciones (variantes, botón ⇄, configurador de botones)
Detalle por sección (Portada, Banner de CTA, Características, Vídeo integrado, Síguenos, Mapa y contacto, Vehículos destacados, Preguntas frecuentes, Reseñas de Google…)
Blog (Blog Builder)
- Glosario
- FAQ de errores frecuentes
- Galería completa de capturas
- Artículos del Academy relacionados
0. Antes del editor: acceso y panel de Web 2.0
0.1 Acceso y diferencia Web vs Web 2.0
Se accede desde el menú de perfil → Web 2.0.
Importante: existe también "Web" (a secas), que son las webs antiguas que Dealcar creaba antes, más simples y tipo plantilla. Siguen vigentes porque hay clientes que aún no se han migrado. La Web 2.0 es el editor nuevo, desarrollado inhouse, mucho más personalizable, y es el recomendado.
0.2 Varias webs, hosting y dominios
Desde el panel puedes generar y gestionar varias webs, cada una editable dentro de Dealcar (selector arriba con la opción Añadir, duplicar y eliminar).
Hosting: Dealcar no gestiona el hosting. El cliente debe tener una cuenta en un proveedor de hosting (por ejemplo, IONOS). Después, Dealcar conecta los dominios a las webs que genera.
Acceso al editor: se puede dar a cualquiera que necesite editar la web (por ejemplo, un equipo de marketing).
Botones del panel: Ir al editor y Ver web.
0.3 Pestaña "Ajustes y Diseño"
Configuración global e identidad de la web (guardar con el botón Guardar de abajo):
Título del sitio: el nombre de tu web (aparece en el panel de control y como título en buscadores).
Descripción: metadescripción global de la web (para Google).
Previsualizar: vista de cómo se verá el resultado en Google.
Dirección de la página web (URL): el dominio conectado. Botón Gestionar el dominio.
⚠️ Cambio de dominio: si el cliente quiere cambiar el dominio de su web (manteniendo el mismo diseño y contenido), debe contactar con Dealcar. Nosotros lo modificamos internamente y configuramos que cada web redirija al dominio que el cliente haya comprado, conectándolo a las webs que ha editado. El cliente no lo hace por su cuenta.
Imágenes del sitio → Favicon: icono pequeño (64x64 px) de la pestaña del navegador. Botones Actualizar favicon / Eliminar favicon.
💡 El título de cada página concreta se edita en el editor visual (ver sección 2.2); aquí se configura el del sitio en general.
0.4 Pestaña "Vehículos en Web"
Define qué vehículos se muestran y las opciones de reserva:
Visibilidad por estado: interruptor por cada estado para mostrarlos o no en la web — Disponible, En preparación, Reservados, Vendidos. Si activas el estado, esos coches aparecen; si no, no se muestran.
Mostrar localización del vehículo: interruptor para mostrar la ubicación del coche en la página de stock y en la ficha.
Habilitar reservas online: interruptor para permitir que los usuarios inicien la reserva de un coche desde la ficha en la web.
Reserva Online:
No reembolsable: interruptor (si está activo, el importe de la reserva no se devuelve si no se completa la compra).
Precio por reserva (ej.: 500,00 €).
Días de reserva (ej.: 7).
Añade más información: texto para el cliente (ej.: "Reserva por 500€, no pierdas la oportunidad").
Nota: el coste de la reserva digital es del 1,5% del valor de la reserva, se factura a fin de mes como extra sobre la cuota y lo imponen los proveedores de pago online.
0.5 Pestaña "Integraciones"
Cada integración es una tarjeta con botón Conectar / Editar y un estado (Conectado cuando está activa):
Google Ads: conecta la cuenta mediante Google Tag para medir conversiones y optimizar campañas de Google Ads (formato AW-XXXXX). Campos: Identificador del sitio web, Lead generado, Mostrar teléfono, Mostrar WhatsApp, Mostrar email.
⚠️ Está ligada a las campañas de VLA. Mejor que el cliente NO la toque: si tiene dudas, que pregunte al soporte de Dealcar.
Google Analytics: etiqueta de Google (G-XXXXX) para medir las analíticas de su web. El cliente puede añadir su propio código.
Google Tag Manager: gestiona etiquetas, eventos y conversiones desde un único lugar (GTM-XXXXX). El cliente puede añadir su código.
Botón de WhatsApp: botón flotante para que los visitantes contacten directamente. Editable por el cliente. Campos: Número de teléfono (con prefijo de país), Mensaje predeterminado (placeholder de la conversación) y Visibilidad del botón (Visible on/off).
Píxel y API de conversiones de Meta: seguimiento y medición de conversiones de campañas de Facebook. El cliente puede añadir su código.
TikTok Pixel: seguimiento de eventos para optimizar campañas de TikTok Ads. El cliente puede añadir su código.
Script personalizado: inserta un script que se carga en todas las páginas del sitio.
- Nota: puede que algún script no funcione porque no se da acceso al backend del código. El cliente puede probar y, si no funciona, escribir al soporte.
💡 Además, el botón Ver web (arriba a la derecha) permite ver la web publicada en directo, tal cual la ve un visitante.
0.6 Pestaña "Privacidad y Cookies"
Contiene los textos legales de la web, editables por el cliente:
Términos y condiciones: gestión de los acuerdos legales y uso del servicio.
Política de Privacidad: control de la recopilación y uso de datos personales.
Cookies: configuración del consentimiento y preferencias de cookies.
Aviso Legal: información legal obligatoria del sitio web.
💡 De forma predeterminada, Dealcar rellena estos textos al crear la web para que cumpla con la legalidad sin problema, pero el cliente puede reeditarlos como quiera. Recordatorio del propio panel: todos los sitios web están obligados a proporcionar un enlace a una política de privacidad completa. Guardar con el botón Guardar.
1. Estructura del editor (paneles laterales)
El editor tiene una barra de iconos a la izquierda con estos paneles:
Páginas: crear, duplicar y gestionar las páginas del sitio.
Secciones: ver, añadir, ordenar y editar las secciones de la página seleccionada.
Temas del sitio: estilo global (colores y tipografías).
Navegación: menú superior (Navbar) y pie de página (Footer).
Blog: gestión de entradas del blog (Blog Builder).
Barra superior (común a todo el editor)
Selector de vista: escritorio / tablet / móvil. Puedes revisar y editar cada formato de forma independiente (por ejemplo, usar una imagen distinta en escritorio y en móvil).
Descartar cambios: deshace los cambios no guardados (equivale a "tirar atrás").
Previsualizar: ver cómo quedarían los cambios en la web antes de publicarlos.
Guardar y publicar: aplica los cambios en la web en vivo.
⚠️ Importante: si no pulsas Guardar y publicar, no se cambia nada. No hay historial ni forma de volver a una versión anterior, así que previsualiza siempre antes de publicar.
Barra de la previsualización (bajo la barra superior):
Muestra la URL de la web y un indicador "Cambios sin guardar" cuando hay ediciones pendientes de publicar.
Selector de dispositivo (escritorio/tablet/móvil) e icono de inicio.
Zoom (− / % / +) para aumentar o reducir la vista del lienzo mientras editas.
2. Páginas
Qué es: listado de páginas del sitio. Dealcar ya muestra todas las páginas por defecto, listas para editar.
Tipos:
- Páginas propias: Inicio, Tasación, Financiación, Servicios, Taller, Coches a la carta, Contacto, Stock Online…
- Página de blog: Blog.
- Páginas predeterminadas (vienen dadas): Ejemplo detalle vehículo, Página de stock, Cookies, Política de privacidad, Términos y condiciones, Aviso legal.
2.1 Acciones sobre una página (menú •••)
Ajustes: editar metadatos y SEO (ver abajo).
Duplicar: crear una copia de la página.
Establecer como página de inicio.
Eliminar.
2.2 Ajustes de página → pestaña "Básico"
Nombre de la página.
Etiqueta de título (meta title, con contador de caracteres; ideal 53-60).
Metadescripción (con contador; ideal ~138-160).
URL de la página (la de la página principal/Inicio no se puede modificar).
Estado de indexación: interruptor "Permite que los motores de búsqueda indexen esta página".
Incluye una vista previa en Google de cómo se verá el resultado.
2.3 Ajustes de página → pestaña "SEO página" (Open Graph)
Controla cómo se ve la página al compartirla en redes (Facebook, Pinterest…):
og:title (con contador, ideal 53-60).
og:description (con contador, ideal 138-150).
Imagen social: especificaciones recomendadas — tamaño 1200x630 px, formatos JPG/PNG/WebP, máximo 8 MB, relación 1.91:1. Consejo: poco texto en la imagen y colores contrastados.
Incluye vista previa en redes sociales.
2.4 Crear nuevas páginas (botón +)
Al pulsar + puedes crear:
Página: una página desde cero (con los mismos campos Básico + SEO página).
Landing: páginas enfocadas a objetivos de marketing (con su propio SEO).
Ventanas emergentes (pop-ups): ventanas para promociones o anuncios.
Crear ventana emergente: se define un título y una descripción (para identificarla) y se guarda. Se puede eliminar.
3. Ajustes globales
3.1 Temas del sitio → Colores
Qué es: paleta de color global de la web.
Paletas predefinidas (selector "Seleccionar paleta de colores"): Personalizado, Ocean Breeze, Sunset Coral, Arctic Frost, Forest Calm, Plum Royal, Urban Slate, Solar Fresh, Café au Lait, Bubblegum Pop, Bold Tech, Sakura Mist, Noir Minimal.
Importar tema personalizado: con el botón de importar, el cliente puede cargar su propia paleta pegando el CSS con variables :root (solo colores en formato HEX, ej.: #FF0000). Variables admitidas: --primary, --primary-foreground, --secondary, --secondary-foreground, --background, --foreground, --accent, --accent-foreground, --destructive, --card, --card-foreground, --muted, --muted-foreground, --border… Ideal para replicar los colores de marca desde otra plataforma.
Grupos de color editables:
- Colores principales
- Colores secundarios
- Colores de acento
- Colores base
- Colores de tarjetas
- Colores de ventanas emergentes
- Colores interactivos
- Colores de estado
- Colores de botones
- Colores de banners
Otros ajustes globales de estilo:
- Redondez base (ej.: Mediano 0.5rem): redondez de esquinas de los elementos.
- Sombra: editar la sombra de los elementos.
3.2 Temas del sitio → Tipografías
Qué es: fuentes globales de la web (títulos y textos).
Fuentes: desplegable para elegir la tipografía del sitio (ej.: Roboto).
Temas de texto: cada nivel de texto tiene un tamaño y es editable (icono lápiz):
H1 (4xl), H2 (3xl), H3 (2xl), H4 (xl), H5 (lg), H6 (md), P / párrafo (sm).
Así defines de forma global cómo se ven todos los títulos y textos de la web.
3.3 Navegación → Navbar
Qué es: el menú superior de la web. Panel con dos pestañas: Navbar y Footer.
Campos editables:
- Variante del navbar: Default, Navbar Floating, Navbar Transparent.
- Logotipo del navbar: subir el logo.
- URL de redirección: a dónde lleva el logo al hacer clic.
- Elementos del menú: lista ordenable (arrastrar). Cada elemento puede tener subelementos (ej.: Vehículos → Stock Online, Stock). Botón Añadir elemento del menú.
- Crear elemento del menú: se define Nombre, Tipo (Página, etc.) y, según el tipo, la Página de destino (u otro destino). Guardar elemento.
- Botón principal (Primary CTA): el botón destacado (ej.: Llama). Se configura texto y destino con el icono de ajustes (mismo modal de enlace: Página / Dirección web / Ancla / Documento / Email / Número de teléfono / WhatsApp + variante + icono + posición + ventana nueva/actual).
- Botón secundario (Secondary CTA): botón alternativo (ej.: WhatsApp), con la misma configuración.
3.4 Navegación → Footer
Qué es: el pie de página.
Campos editables:
- Variante del footer (ej.: Default).
- Logotipo del footer: subir el logo del pie.
- Descripción del footer: texto libre (ej.: razón social, dirección y horario). Ejemplo: "Dealcar Software SL · Calle Dealcar 23, 28009 Madrid · Lunes a Viernes de 10:00 a 14:00 y de 16:00 a 19:00".
- Redes sociales: campos para añadir las URLs de Instagram, TikTok, Facebook, LinkedIn y X; cada icono enlaza a su perfil.
- Elementos del menú: enlaces del pie (ej.: Tasación, Financiación, Servicios, Taller, Coches a la carta, Contacto, Stock Online, Blog), ordenables, con botón Añadir elemento del menú.
4. Panel "Secciones" y catálogo de secciones
4.1 Cómo funciona el panel Secciones
En la parte superior eliges qué página estás editando (desplegable con todas las páginas: Inicio, Tasación, Financiación, Servicios, Taller, Coches a la carta, Contacto, Stock Online, Aviso legal, Cookies, Política de privacidad, Términos y condiciones, Ejemplo detalle vehículo, Página de stock…).
Debajo se listan las secciones de esa página, ordenables (arrastrar) y editables (•••).
Cada página tiene sus propias secciones. Ejemplo (página Tasación): Banner de CTA, Formulario de tasación, Preguntas frecuentes.
4.2 Cómo añadir una sección
Dos formas, ambas abren el mismo catálogo:
Botón + en el panel Secciones.
Botón "Añadir sección" que aparece debajo de cada sección en la previsualización.
Al añadir una sección, eliges el tipo, y luego la personalizas (variante, elementos, textos, imágenes, modelos…).
4.3 Catálogo completo de secciones disponibles
Portada (hero)
Características
Preguntas frecuentes
Banner de CTA
Formulario de tasación
Sección de financiación
Vídeo integrado
Sección de contacto
Mapa y contacto
Síguenos (redes sociales)
Sobre nosotros
Prueba social
Cronología
Testimonios
Reseñas de Google
Vehículos destacados
Texto plano
Encabezados
Cita en taller
Sección con imagen
5. Mecánica de edición de secciones (cómo funciona)
Esto aplica a todas las secciones, tanto en páginas predeterminadas como en páginas creadas:
Abrir el editor: haz clic dentro de una sección en la previsualización. A la derecha se abre el panel Editar contenido y estilos, con dos pestañas: Contenido y Estilos.
Botón de cambiar diseño (icono de intercambio ⇄): aparece sobre la sección seleccionada. Permite alternar entre diseños completamente distintos de esa sección de golpe, en lugar de editar elemento por elemento.
Variante de la sección (desplegable): en la columna derecha eliges entre las variantes disponibles de ese tipo de sección. Cada tipo tiene sus propias variantes.
Editar contenido: desde la pestaña Contenido cambias textos, subtítulos, descripciones, imágenes, y añades/configuras botones.
Editar estilos: la pestaña Estilos permite ajustar los colores de esa sección (agrupados: Principales, Secundarios, Interactivos, Botones, Banners… según la sección).
5.0 Configurar el destino de un botón (común a todas las secciones)
Al editar un botón se abre el modal "¿A dónde quieres que dirija el enlace?". Opciones de destino:
Página (interna del sitio)
Dirección web (URL externa)
Ancla (a una sección de la misma página)
Documento
Email
Número de teléfono
WhatsApp
Además se configura:
- Variante del botón (ej.: Primario).
- Icono (ej.: Sin icono) y posición del icono (Izquierda / Derecha).
- Se abre: en una ventana nueva o en la ventana actual.
6. Detalle por sección
Cada sección se edita seleccionándola en la previsualización o en el panel Secciones. La columna derecha tiene dos pestañas: Contenido y Estilos.
6.1 Portada (Hero)
Qué es: la cabecera principal de la página, lo primero que ve el visitante.
Variantes disponibles (ejemplos vistos): hero clásico con buscador, hero con logos de marcas, hero oscuro con tarjeta/CTA, hero dividido (texto + imagen), hero con selector de tipos de carrocería. (Confirmar nombres exactos de cada variante.)
Campos editables (Contenido):
- Variante de la sección (ej.: Hero clásico).
- Tipo de buscador: selector del buscador de vehículos que se muestra.
- Título (ej.: "Dealcar 2026").
- Descripción (subtítulo, ej.: "Tu concesionario de confianza en Madrid").
- Fondo de la sección en ordenador: imagen o vídeo de fondo (con control de opacidad/intensidad 0-100 y Editar alineación).
- Fondo de la sección en móvil: imagen o vídeo distinto para móvil (misma opacidad y alineación).
- Activar el sonido de los vídeos de fondo: on/off.
Notas: admite fondo diferente para escritorio y móvil. También tiene pestaña Estilos.
6.2 Banner de CTA
Qué es: banner con llamada a la acción (título, texto, imagen y botón). Se puede repetir varias veces en una misma página.
Variantes disponibles: Banner con llamada a la acción · Banner en tarjeta · Banner con fondo de color · Banner con imagen de fondo · Banner con diseño Bento.
Campos editables (Contenido):
- Variante de la sección.
- Diseño: posición del contenido (Izquierda / Derecha).
- Título (ej.: "Nuestro stock de vehículos" / "Financiación flexible y a tu medida").
- Subtítulo (ej.: "¿Por qué elegirnos?").
- Descripción: texto del banner.
- Imagen principal: imagen del banner (con control de intensidad 0-100).
- Botón: texto y destino del CTA (ej.: "Ver coches"), configurable con el icono de ajustes (ver 5.0).
Campos editables (Estilos): grupos de color de la sección — Colores Principales, Secundarios, Interactivos, de Botones y de Banners.
💡 Regla general: el cliente puede montar las secciones a su gusto, añadiendo otras imágenes, formularios o botones como quiera. Lo que sigue son los campos típicos de cada tipo.
6.3 Características
Qué es: rejilla de ventajas/servicios del concesionario, cada uno con icono, título y descripción.
Campos editables (Contenido):
- Variante de la sección (ej.: Tarjetas en cuadrícula).
- Título (ej.: "Un lugar, múltiples soluciones") y Subtítulo (ej.: "¿Qué te podemos ofrecer?").
- Elementos de características: lista ordenable, cada elemento con icono/imagen, título y descripción (ej.: Amplio stock de ocasión, Financiación, Tasación, Atención personalizada, Envío a toda España, Garantía de 12 meses).
- Botón (ej.: "Descubre nuestros servicios"), con su configurador de destino.
Nota: cada elemento se puede editar en pequeño (icono, textos) o darle un enlace/redirección.
6.4 Vídeo integrado
Qué es: sección con un vídeo destacado y texto.
Campos editables (Contenido):
- Título y Subtítulo (texto descriptivo).
- Vídeo en ordenador y Vídeo en móvil: el cliente puede subir vídeos distintos para cada dispositivo.
6.5 Síguenos (redes sociales)
Qué es: sección para enlazar tus redes y, opcionalmente, incrustar un feed.
Campos editables (Contenido):
- Variante de la sección: Seguimiento con enlaces · Feed incrustado de Instagram · Feed incrustado de TikTok.
- Título y Descripción.
- Redes sociales principales: las que quieres destacar e incrustar como feed (puedes añadir varias y elegir cuál va primera). Botón Añadir red social.
- Botones de redes sociales: enlaces a cada red (Red social 1, 2, 3…), con Añadir botón de red social.
⚠️ Importante: cada red se registra con la URL completa del perfil (ej.: https://www.tiktok.com/@dealcar.io, https://www.instagram.com/dealcar...). Se obtiene buscando el perfil en el navegador y copiando su URL (igual que con Google Maps). No es escribir solo el nombre de usuario/nick.
6.6 Mapa y contacto
Qué es: sección con un mapa de Google y los datos de contacto/ubicación. Muy usada.
Campos editables (Contenido):
- Variante de la sección (ej.: Mapa y datos de contacto).
- Título y Subtítulo.
- Url del mapa: enlace o iframe de Google Maps. Se pueden mostrar varias direcciones distintas; para cada una se copia la URL de esa dirección desde Google Maps (estamos integrados con Google Maps, muestra vista normal o satélite).
- Elementos (por dirección): imagen/icono, título (ej.: "Ubicación") y descripción (ej.: "123 calle principal, Barcelona").
6.7 Vehículos destacados
Qué es: muestra una selección de coches de tu stock en la página, con su ficha resumida (precio, cuota, estado, km…).
Campos editables (Contenido):
- Título (ej.: "Descubre nuestro stock").
- Cambiar categoría de vehículo: Todos / Coches / Motos.
- Número de vehículos para mostrar: 3, 6 o 9 (solo estas opciones).
- Mostrar vehículos destacados por (orden): Fecha (más reciente/más antiguo), Precio (menor/mayor o mayor/menor), Kilómetros (menos/más).
- Seleccionar vehículos manualmente: elegir coches concretos.
- Cambiar estilo de tarjeta de vehículos (ej.: Tarjeta con footer).
- Botón CTA configurable.
💡 Encadenando varias secciones de vehículos destacados (3/6/9) se puede llegar a mostrar todo el stock. El cliente puede ser creativo combinando secciones.
6.8 Preguntas frecuentes
Qué es: sección de FAQ para resolver dudas comunes.
Campos editables (Contenido):
- Variante de la sección (ej.: Preguntas frecuentes en cuadrícula).
- Pretítulo, Título principal (ej.: "¿Tienes alguna pregunta?") y Subtítulo.
- Preguntas frecuentes: lista ordenable de preguntas (hasta 10), cada una con su pregunta y respuesta. Botón Añadir pregunta.
- CTA: Título del CTA, Descripción del CTA y Botón (ej.: "Contactar").
6.9 Reseñas de Google
Qué es: muestra en la web las reseñas de tu perfil de negocio de Google.
Campos editables (Contenido):
- Variante de la sección: Reseñas destacadas · Reseñas en cuadrícula · Reseñas deslizables · Reseñas en carrusel automático · Reseñas en carrusel.
- Título principal (ej.: "Tu opinión importa") y Descripción.
- Selecciona una localización: la sede de la que se muestran las reseñas de Google Maps (requiere tener el Google Place ID configurado en Perfil de empresa → Sedes).
- Número de reseñas para mostrar: 3, 5, 7 o 10.
💡 Alternativa: si en lugar de las reseñas reales de Google quieres poner testimonios propios (con nombre, foto y texto que elijas), usa la sección Testimonios.
Requisito para que las reseñas sean reales y automáticas: hay que tener registrado el Google Place ID en el Perfil de empresa → Localizaciones.
Acceso: menú de perfil → Perfil de empresa → pestaña Localizaciones. En cada localización, además de la dirección (Dirección, Número, Código postal, Población, Provincia…), están los campos Url Google Maps, Google Place ID, correo, móvil, teléfono y horario. Pega ahí el Place ID y Guarda.
Cómo obtener el Google Place ID:
1. Entra en el Place ID Finder de Google.
2. Busca la dirección exacta de tu concesionario y selecciónalo.
3. Copia el Place ID y pégalo en Localizaciones.
⚠️ Muy importante: busca tu dirección de forma muy precisa. Si la ubicación es imprecisa, el Place ID podría coger el perfil de otro negocio cercano.
6.10 Nota sobre creatividad y mejoras
El cliente puede montar las secciones a su gusto y ser creativo con las herramientas; le animamos a ello, y siempre puede preguntar al soporte.
Se aceptan sugerencias de mejora para ir añadiendo funciones al editor: el equipo las valora y trabaja en ellas, aunque sin fecha comprometida.
6.11 Formularios: Tasación, Financiación, Contacto y Cita en taller
Qué son: secciones con formularios que el visitante rellena en la web.
Formulario de tasación, Sección de financiación, Sección de contacto y Cita en taller se pueden añadir o quitar libremente.
🔑 Muy importante: todo lo que rellenan los clientes en estos formularios (y también en el formulario de la ficha de cada vehículo) llega de forma centralizada al Buzón de leads del CRM, indicando de qué sección/origen proviene (tasación, financiación, contacto, cita en taller…).
Cita en taller está conectada con Dealcar y el CRM.
6.12 Prueba social
Qué es: muestra logos de marcas para transmitir confianza ("Aquí encontrarás todas las marcas del mercado").
6.13 Cronología
Qué es: línea temporal con los hitos de tu historia (fecha, título, descripción e imagen por hito).
6.14 Testimonios
Qué es: testimonios de clientes, editables (nombre, foto y texto propios). Tiene varias variantes de presentación.
6.15 Otras secciones (Sobre nosotros, Texto plano, Encabezados, Sección con imagen)
Secciones de contenido libre que siguen la misma mecánica (variante + Contenido + Estilos): Sobre nosotros, Texto plano, Encabezados y Sección con imagen. El cliente las usa para montar la web a su gusto con textos, imágenes y bloques adicionales.
6bis. Páginas predefinidas: Detalle de vehículo y Stock
Además de las secciones, dos páginas vienen predefinidas y también se editan.
6bis.1 Página de detalle del vehículo ("Ejemplo detalle vehículo")
Qué es: la ficha de cada coche. Muestra los datos actualizados desde el CRM (precio, año, km, combustible, cambio, potencia, etiqueta, ficha técnica, historial DGT/CARFAX…). Define la estructura común de todas las fichas.
Campos editables (Contenido):
- Tipo de grid de fotos: Grid inferior · Grid lateral · Carrusel horizontal · Vista única con navegación.
- Chat AI: activar/desactivar.
- Reservas habilitadas: activar/desactivar la reserva online desde la ficha.
- Banner destacado: activa el banner de "¿Tienes un vehículo? Tásalo" con título, descripción y texto del botón (ej.: "Iniciar Tasación").
- Sección de garantía: variante, título, descripción y lista de garantías (elementos editables).
- Sección de daños: título, descripción y lista de puntos; botón Añadir garantía.
- Los botones de la ficha (Reservar, Agendar cita, WhatsApp, Llamar) y qué datos del coche se muestran son configurables (mostrar/ocultar), igual que la sección final de Vehículos relacionados.
6bis.2 Página de Stock
Qué es: el listado público de vehículos, con filtros para el cliente. Página predefinida que se alimenta automáticamente del stock.
Campos editables (Contenido):
- Tipo de filtros (ej.: Filtros en barra lateral).
- Ordenar vehículos por (opción de orden por defecto).
- Tarjeta de vehículo (estilo, ej.: Tarjeta estándar).
- Banner destacado (el banner del medio del listado): título, subtítulo, descripción, multimedia (imagen) y opacidad.
- Se puede editar el texto y la foto del banner central y los filtros disponibles para los clientes.
7. Blog (Blog Builder)
Qué es: panel para crear y gestionar las entradas del blog de la web. Permite publicar artículos y hacer SEO para ayudar a posicionar la web.
Listado de entradas (columnas): Slug, Título, Fecha de publicación, Estado (ej.: Publicado), Categoría, Imagen, Autor, Creado el, Editado el. Botón + Nueva entrada.
Acciones por entrada (menú •••): Ver, Editar, Duplicar, Eliminar.
Crear artículo de blog (campos):
- Título.
- Slug: se genera automáticamente a partir del título; se puede editar (conviene que incluya las palabras clave).
- Fecha de publicación: se muestra en el artículo y permite programar entradas a futuro.
- Autor.
- Categoría: selecciona una existente o crea una nueva.
- Imagen principal: formatos JPG, PNG, WEBP.
- Contenido: editor de texto enriquecido con barra de herramientas (tipografía/tamaños, alineación, color, negrita, cursiva, subrayado, tachado, limpiar formato, listas con viñetas y numeradas, insertar imagen e insertar enlace).
- Botón Crear para guardar la entrada.
📎 Más contexto de estrategia en el artículo "Cómo crear y publicar artículos con el Blog Builder".
Glosario
Web 2.0: el editor nuevo de webs, desarrollado inhouse por Dealcar, muy personalizable. Es el recomendado.
Web (a secas): las webs antiguas tipo plantilla, más simples. Siguen vigentes para clientes no migrados.
Editor: entorno visual donde se editan páginas, secciones, textos, estilos, menús y blog (Perfil → Web 2.0 → Editor).
Panel de Web 2.0: pantalla previa al editor con las pestañas Ajustes y Diseño, Vehículos en Web, Integraciones y Privacidad y Cookies.
Sección: bloque de contenido de una página (Portada, Banner de CTA, Características…). Hay 20 tipos en el catálogo.
Variante: los distintos diseños de una misma sección; se cambian con el desplegable o el botón ⇄, sin editar elemento por elemento.
Guardar y publicar: aplica los cambios a la web en vivo. Sin pulsarlo, no se cambia nada. No hay historial.
Place ID (Google): identificador de tu negocio en Google; necesario para mostrar las reseñas reales. Se registra en Perfil de empresa → Localizaciones.
Hosting: servicio de alojamiento del dominio; lo contrata el cliente (ej.: IONOS). Dealcar conecta el dominio a la web.
DealPay: sistema de cobros online de Dealcar (reservas). El importe entra en la Wallet Dealcar.
Dealcar Boost: el servicio de Google VLA (anuncios de vehículos en Google).
FAQ de errores frecuentes
No veo mis cambios en la web.
Falta Guardar y publicar. Los cambios no se aplican hasta pulsarlo, y no hay historial: previsualiza siempre antes.
Las reseñas de Google no aparecen (o salen las de otro negocio).
Revisa el Google Place ID en Perfil de empresa → Localizaciones. Debe obtenerse buscando la dirección exacta; si la ubicación es imprecisa, puede coger el perfil de un negocio cercano.
El script personalizado no funciona.
Puede deberse a que no se da acceso al backend del código. El cliente puede probar y, si no va, escribir al soporte.
No puedo cambiar el dominio de mi web.
El cambio de dominio lo hace Dealcar: el cliente contacta y nosotros configuramos que la web redirija al dominio que haya comprado. El hosting lo contrata el cliente (ej.: IONOS).
No me deja usar Roles y permisos / gestionar usuarios.
Requiere plan Estándar o superior y rol Propietario (no aplica al editor web, pero es duda habitual).
Añadí una red social por el nombre de usuario y no funciona.
Hay que poner la URL completa del perfil (sacada del navegador), no el nick.
Galería completa de capturas
Todas las capturas del editor, en orden. (Las principales ya están incrustadas en su sección; aquí están todas juntas por si falta alguna.)
Artículos del Academy relacionados (fuentes complementarias)
Este manual consolida y actualiza los artículos de Web 2.0 ya publicados en el Dealcar Academy. Úsalos como apoyo, pero con esta regla de prioridad:
⚠️ Si algo difiere, manda este manual (la información capturada sección por sección es la más actualizada).