{{-- CSS: inline para garantizar render en cualquier context del layout --}} {{-- ── Toolbar (solo pantalla) ────────────────────────────────── --}}

Guía de uso

Manual de uso y referencia rápida · imprimible como PDF
Volver
{{-- ══════════════════════════════════════════════════════════════ PORTADA ══════════════════════════════════════════════════════════════ --}}
MANUAL DE USO

{{ $siteName ?: 'Tu sitio web' }}

{{ $siteUrl }}
Powered by BewPro
{{ $generatedAt }}
{{-- ══════════════════════════════════════════════════════════════ ÍNDICE RÁPIDO ══════════════════════════════════════════════════════════════ --}}

Contenido de este manual

01 Acceso y credenciales
02 Panel de administración
03 Datos del sitio (marca, inicio, empresa, contacto)
04 Funcionalidades del sistema
@if(count($activeModules) > 0)
05 Módulos activos: {{ implode(', ', array_map(fn($m) => ucfirst(str_replace('-', ' ', $m)), $activeModules)) }}
@endif @if($hasAnalytics)
06 Google Analytics
@endif
{{ $hasAnalytics ? '07' : '06' }} Soporte y contacto
{{-- ══════════════════════════════════════════════════════════════ 01 — CREDENCIALES ══════════════════════════════════════════════════════════════ --}}
01 — Acceso y credenciales
Sitio web
{{ $siteUrl }}
Panel de administración
{{ $adminUrl }}
Usuario (email)
@if($adminEmail)
{{ $adminEmail }}
@else
completar antes de entregar
@endif
Contraseña
se entrega por canal privado
Importante: Cambiá la contraseña desde el panel después del primer ingreso. El acceso es exclusivo para administradores del sitio.
{{-- ══════════════════════════════════════════════════════════════ 02 — PANEL DE ADMINISTRACIÓN ══════════════════════════════════════════════════════════════ --}}
02 — Panel de administración

El panel de administración es el espacio privado desde donde gestionás todo el contenido del sitio. Solo personas con credenciales pueden acceder. Los cambios son inmediatos en el sitio web.

@foreach([ 'Ingresá a ' . $adminUrl . ' desde cualquier navegador.', 'Completá tu email y contraseña, luego hacé clic en Iniciar sesión.', 'En la pantalla de inicio (Dashboard) vas a ver un resumen de las secciones del sitio.', 'Usá el menú lateral izquierdo para navegar a cada sección.', 'Para ver un cambio en el sitio, hacé clic en el botón Mi Sitio (arriba en el menú).', ] as $step)
{{ $loop->index + 1 }} {!! $step !!}
@endforeach
{{-- ══════════════════════════════════════════════════════════════ 03 — DATOS DEL SITIO (4 pestañas) ══════════════════════════════════════════════════════════════ --}}
03 — Datos del sitio
@php $siteDataSections = [ [ 'icon' => 'ki-abstract-26', 'color' => 'primary', 'title' => 'La Marca (identidad, logos y apariencia)', 'desc' => 'Desde esta pestaña configurás lo fundamental de tu marca: nombre, tagline, descripción, logos y colores. También podés elegir las tipografías que usa el sitio.', 'steps' => [ 'En el menú lateral, hacé clic en Datos del Sitio.', 'La primera pestaña "La Marca" se abre por defecto.', 'Identidad: editá el nombre del sitio, tagline (frase corta) y descripción general.', 'Logos: subí el logo principal, logo alternativo (para sticky header), logo del footer y logo del loader. Formatos aceptados: JPG, PNG, WebP. Máximo 5MB.', 'Apariencia: elegí los 6 colores de marca (primario, secundario, terciario, cuaternario, oscuro, claro) y las 3 familias tipográficas (principal, secundaria, terciaria).', 'Hacé clic en Guardar para aplicar los cambios.', ], 'tip' => 'Los colores y tipografías se aplican automáticamente a todo el sitio. No hace falta editar el CSS.', ], [ 'icon' => 'ki-home-2', 'color' => 'success', 'title' => 'Inicio (página principal)', 'desc' => 'Controlá todos los textos, botones y secciones que aparecen en la homepage. Cada sección se edita desde aquí sin tocar código.', 'steps' => [ 'En Datos del Sitio, hacé clic en la pestaña "Inicio".', 'Vas a ver cada sección de la homepage con sus campos editables: hero, about, servicios, instrumentos, ejes centrales, contacto.', 'Editá los textos, botones CTA y contenido de cada sección.', 'Los campos con formato JSON (pilares, pasos, instrumentos) permiten agregar o quitar items.', 'Hacé clic en Guardar al final.', ], 'tip' => 'El CTA del header (botón visible en toda la navegación) también se configura desde esta pestaña.', ], [ 'icon' => 'ki-profile-circle', 'color' => 'info', 'title' => 'Empresa (página Nosotros)', 'desc' => 'Editá el contenido de la página "Nosotros" o "Empresa": hero, introducción, pilares, misión/visión/valores y contadores.', 'steps' => [ 'En Datos del Sitio, hacé clic en la pestaña "Empresa" (o el nombre que tenga tu página About).', 'Hero: título de página, heading principal y subtítulo del banner.', 'Introducción: hasta 3 párrafos descriptivos + imagen lateral.', 'Pilares: badge, heading y hasta 3 pilares con ícono/título/texto (formato JSON).', 'Misión/Visión/Valores: cada uno con etiqueta y texto.', 'Contadores: números animados (formato JSON: value, label, append).', 'Hacé clic en Guardar.', ], 'tip' => 'Los campos que dejés vacíos simplemente no se muestran en el sitio. No hace falta borrar secciones.', ], [ 'icon' => 'ki-sms', 'color' => 'danger', 'title' => 'Contacto (datos, formulario y redes)', 'desc' => 'Configurá los datos de contacto (teléfono, email, dirección), los textos de la página de contacto y las redes sociales.', 'steps' => [ 'En Datos del Sitio, hacé clic en la pestaña "Contacto".', 'Datos de contacto: teléfono, email y dirección. Aparecen en header, footer y página de contacto.', 'Página de contacto: hero, formulario heading/subtítulo, info de contacto, badge destacado.', 'Redes sociales: activá cada red que uses y pegá la URL completa del perfil.', 'Hacé clic en Guardar.', ], 'tip' => 'El botón de WhatsApp flotante se activa automáticamente cuando cargás la URL de WhatsApp en redes sociales.', ], ]; @endphp @foreach($siteDataSections as $mod)

{{ $mod['title'] }}

{{ $mod['desc'] }}

@foreach($mod['steps'] as $step)
{{ $loop->index + 1 }} {!! $step !!}
@endforeach
Tip: {{ $mod['tip'] }}
@endforeach
{{-- ══════════════════════════════════════════════════════════════ 04 — FUNCIONALIDADES BASE (Banner) ══════════════════════════════════════════════════════════════ --}}
04 — Otras funcionalidades del sistema

Banner principal (carrusel)

El banner es la sección de imágenes grandes que aparece en la portada del sitio. Podés tener varias imágenes que rotan automáticamente, con títulos y textos opcionales.

@foreach([ 'En el menú lateral, hacé clic en Banner Principal.', 'Para agregar una imagen, hacé clic en el botón correspondiente.', 'Subí una imagen en JPG o PNG (recomendado: 1920×800 px mínimo).', 'Completá el título y subtítulo que querés mostrar sobre la imagen (opcional).', 'Para desactivar un slide sin eliminarlo, usá el toggle de estado.', 'El número de orden controla la secuencia de aparición.', ] as $step)
{{ $loop->index + 1 }} {!! $step !!}
@endforeach
Tip: Imágenes nítidas y de buena resolución mejoran notablemente la apariencia del sitio.

Mensajes recibidos

Todos los mensajes enviados desde el formulario de contacto del sitio se almacenan en el panel. Podés consultarlos en cualquier momento.

@foreach([ 'En el menú lateral, hacé clic en Mensajes.', 'Vas a ver la lista de mensajes recibidos con nombre, email, asunto y fecha.', 'Hacé clic en un mensaje para ver el contenido completo.', 'Los mensajes también llegan al email configurado en Datos del Sitio → Contacto.', ] as $step)
{{ $loop->index + 1 }} {!! $step !!}
@endforeach
Tip: Revisá los mensajes periódicamente. Un formulario de contacto sin respuesta genera desconfianza.
{{-- ══════════════════════════════════════════════════════════════ 05 — MÓDULOS ACTIVOS ══════════════════════════════════════════════════════════════ --}} @php $moduleContent = [ 'services' => [ 'icon' => 'ki-gear', 'color' => 'success', 'title' => 'Servicios', 'desc' => 'Los servicios son las secciones principales de tu oferta. Cada servicio tiene su propia página en el sitio y aparece en el menú de navegación.', 'steps' => [ 'En el menú lateral, hacé clic en Servicios.', 'Vas a ver la lista de servicios con estado (activo/inactivo) y si están destacados.', 'Para agregar, usá el botón "Agregar Servicio" en la parte superior.', 'Completá el título, subtítulo y la descripción con el editor de texto enriquecido.', 'Subí una imagen representativa del servicio.', 'En la columna derecha elegí categoría, orden, y si está activo o destacado.', 'Para editar uno existente, hacé clic en el botón "Editar" de la fila.', 'El switch de Destacado marca qué servicios aparecen en la homepage.', ], 'tip' => 'Los servicios inactivos no se muestran en el sitio. Usá esta opción para preparar un servicio sin publicarlo todavía.', ], 'faqs' => [ 'icon' => 'ki-question-2', 'color' => 'primary', 'title' => 'Preguntas Frecuentes', 'desc' => 'Las preguntas frecuentes ayudan a los visitantes a encontrar respuestas sin contactarte. Aparecen en una sección dedicada del sitio.', 'steps' => [ 'En el menú lateral, hacé clic en Preguntas Frecuentes.', 'Vas a ver la lista de preguntas y respuestas existentes.', 'Para agregar una nueva, usá el botón "Nueva Pregunta".', 'Completá la pregunta y la respuesta en los campos correspondientes.', 'Asigná una categoría para agrupar preguntas por tema.', 'Para editar o eliminar una existente, usá los íconos de la fila.', 'El número de orden controla la secuencia de aparición.', ], 'tip' => 'Organizá las preguntas de mayor a menor frecuencia. Las dudas más comunes deberían aparecer primero.', ], 'blog' => [ 'icon' => 'ki-document', 'color' => 'info', 'title' => 'Blog / Recursos', 'desc' => 'El blog permite publicar artículos, novedades y contenido de valor. Cada publicación tiene su propia URL, lo que mejora el posicionamiento en Google.', 'steps' => [ 'En el menú lateral, hacé clic en Blog.', 'Para crear una publicación, usá el botón "Nueva Publicación".', 'Completá el título, el contenido con el editor enriquecido y subí una imagen destacada.', 'Asigná una categoría para organizar el contenido.', 'Elegí el estado: Publicado (visible), Borrador (solo en panel) o Pausado.', 'Marcá como Destacado para que aparezca en la homepage.', 'Para editar una publicación existente, usá el ícono de edición en la tabla.', ], 'tip' => 'Publicar con regularidad mejora el posicionamiento orgánico. Incluso un artículo mensual hace diferencia.', ], 'products' => [ 'icon' => 'ki-basket', 'color' => 'warning', 'title' => 'Productos / Catálogo', 'desc' => 'El catálogo muestra tu oferta de forma organizada. Podés crear categorías y agregar productos con imágenes, descripciones y precios.', 'steps' => [ 'En el menú lateral, hacé clic en Productos.', 'Para agregar uno, usá el botón "Nuevo Producto".', 'Completá nombre, descripción, precio e imagen.', 'Asigná una categoría para facilitar la navegación del catálogo.', 'Para gestionar categorías, accedé a la pestaña "Categorías".', 'Los productos inactivos no se muestran en el sitio.', ], 'tip' => 'Usá imágenes de buena calidad. Es lo primero que ven los clientes potenciales.', ], 'gallery' => [ 'icon' => 'ki-picture', 'color' => 'warning', 'title' => 'Galería', 'desc' => 'La galería muestra tu trabajo, espacio o productos de forma visual. Podés organizarla en categorías o álbumes.', 'steps' => [ 'En el menú lateral, hacé clic en Galería.', 'Para subir imágenes, usá el botón "Nueva Imagen".', 'Elegí el archivo desde tu computadora (JPG o PNG, máx. 2MB).', 'Completá el título y descripción (opcionales).', 'Podés agrupar imágenes en categorías o álbumes.', 'Para eliminar una, usá el ícono correspondiente.', ], 'tip' => 'Las fotos profesionales generan más confianza. Si podés, usá buena iluminación.', ], 'team' => [ 'icon' => 'ki-profile-user', 'color' => 'danger', 'title' => 'Equipo', 'desc' => 'Presentá a los integrantes de tu empresa con foto, nombre, cargo y descripción. Genera confianza.', 'steps' => [ 'En el menú lateral, hacé clic en Equipo.', 'Para agregar un integrante, usá el botón "Nuevo Miembro".', 'Completá nombre, cargo y una descripción breve.', 'Subí una foto de perfil (recomendado: formato cuadrado).', 'Podés incluir links a redes sociales o perfil profesional.', 'El número de orden controla cómo aparecen en el sitio.', ], 'tip' => 'Una foto profesional y una descripción personalizada hacen gran diferencia.', ], 'references' => [ 'icon' => 'ki-star', 'color' => 'info', 'title' => 'Referencias / Testimoniales', 'desc' => 'Testimonios de clientes o casos de éxito que generan confianza en nuevos visitantes.', 'steps' => [ 'En el menú lateral, hacé clic en Referencias.', 'Para agregar una, usá el botón "Nueva Referencia".', 'Completá nombre del cliente, empresa, testimonio y foto (opcional).', 'Podés clasificarlas por tipo: cliente, caso de éxito, etc.', 'Las referencias inactivas no se muestran en el sitio.', ], 'tip' => 'Un párrafo de un cliente satisfecho influye más que cualquier descripción propia.', ], 'news' => [ 'icon' => 'ki-notification-bing', 'color' => 'success', 'title' => 'Novedades / Noticias', 'desc' => 'Comunicá actualizaciones, lanzamientos y noticias de tu empresa.', 'steps' => [ 'En el menú lateral, hacé clic en Novedades.', 'Para crear una noticia, usá el botón "Nueva Noticia".', 'Completá título, contenido e imagen.', 'Publicala o guardala como borrador.', 'Las noticias se archivan automáticamente en orden cronológico.', ], 'tip' => 'Las novedades recientes muestran que la empresa está activa.', ], 'projects' => [ 'icon' => 'ki-abstract-26', 'color' => 'primary', 'title' => 'Proyectos / Portfolio', 'desc' => 'Mostrá casos de trabajo, emprendimientos o desarrollos destacados con imágenes y descripción.', 'steps' => [ 'En el menú lateral, hacé clic en Proyectos.', 'Para crear uno, usá el botón "Nuevo Proyecto".', 'Completá nombre, descripción, categoría e imágenes.', 'Podés marcar proyectos como Destacados para que aparezcan en la portada.', 'Los proyectos inactivos no se muestran en el sitio.', ], 'tip' => 'Mostrá tus mejores proyectos primero. El número de orden controla la secuencia.', ], 'menu' => [ 'icon' => 'ki-element-11', 'color' => 'warning', 'title' => 'Carta / Menú', 'desc' => 'La carta digital muestra productos, platos o servicios organizados por categorías.', 'steps' => [ 'En el menú lateral, hacé clic en Carta.', 'Para agregar un ítem, usá el botón "Nuevo Ítem".', 'Completá nombre, descripción, precio y categoría.', 'Subí una imagen del producto o plato.', 'Para pausar un ítem sin eliminarlo, desactivalo con el toggle.', 'El número de orden controla la secuencia de aparición.', ], 'tip' => 'Actualizá los precios con regularidad. Una carta desactualizada genera desconfianza.', ], 'newsletter' => [ 'icon' => 'ki-sms', 'color' => 'primary', 'title' => 'Newsletter / Suscriptores', 'desc' => 'El formulario de newsletter permite a los visitantes suscribirse para recibir novedades. Los suscriptores se almacenan en el panel.', 'steps' => [ 'En el menú lateral, hacé clic en Suscriptores.', 'Vas a ver la lista de emails suscriptos con la fecha de suscripción.', 'Podés exportar la lista para usar en herramientas de email marketing (Mailchimp, etc.).', 'El formulario de suscripción aparece automáticamente en el footer del sitio.', ], 'tip' => 'Usá la lista de suscriptores para enviar novedades periódicas. Es uno de los canales de mayor conversión.', ], ]; $modulesToShow = array_filter($activeModules, fn($m) => isset($moduleContent[$m])); @endphp @if(count($modulesToShow) > 0)
05 — Módulos activos en tu sitio
@foreach($modulesToShow as $moduleKey) @php $m = $moduleContent[$moduleKey]; @endphp

{{ $m['title'] }}

{{ $m['desc'] }}

@foreach($m['steps'] as $step)
{{ $loop->index + 1 }} {!! $step !!}
@endforeach
Tip: {{ $m['tip'] }}
@endforeach
@endif {{-- ══════════════════════════════════════════════════════════════ 06 — GOOGLE ANALYTICS (condicional) ══════════════════════════════════════════════════════════════ --}} @if($hasAnalytics)
06 — Ver visitas con Google Analytics

Monitoreo de visitas

Tu sitio tiene Google Analytics integrado. Cada visita, página vista y origen de tráfico se registra automáticamente.

@foreach([ 'Ingresá a analytics.google.com desde tu navegador.', 'Iniciá sesión con la cuenta de Google asociada al sitio web.', 'Seleccioná la propiedad de ' . ($siteName ?: 'tu sitio') . ' si tenés más de una.', 'En Inicio vas a ver el resumen: usuarios, sesiones y páginas más visitadas.', 'Para ver visitas en tiempo real, hacé clic en "Tiempo real" en el menú izquierdo.', 'En Informes → Adquisición podés ver de dónde viene el tráfico (Google, redes sociales, directo).', 'En Informes → Compromiso → Páginas podés ver qué secciones visitan más.', ] as $step)
{{ $loop->index + 1 }} {!! $step !!}
@endforeach
Datos clave a revisar mensualmente: Usuarios nuevos vs. recurrentes · Páginas más visitadas · Fuente de tráfico · Tiempo promedio en el sitio.
@endif {{-- ══════════════════════════════════════════════════════════════ 07 — SOPORTE Y CONTACTO ══════════════════════════════════════════════════════════════ --}}
{{ $hasAnalytics ? '07' : '06' }} — Soporte y contacto

Para consultas técnicas, modificaciones o nuevas funcionalidades, contactate con el equipo de desarrollo.

Agencia / Desarrollador
@if($agencyName)
{{ $agencyName }}
@else
completar antes de entregar
@endif
Email de contacto
@if($agencyEmail)
{{ $agencyEmail }}
@else
completar antes de entregar
@endif
Teléfono / WhatsApp
@if($agencyPhone)
{{ $agencyPhone }}
@else
completar antes de entregar
@endif
Horario de atención
@if($agencyHours)
{{ $agencyHours }}
@else
completar antes de entregar
@endif
@if($agencyWhatsapp)
Contactar por WhatsApp
@endif
Tiempo de respuesta: Respondemos consultas dentro de las 24 horas hábiles. Para urgencias (sitio caído), contactar por WhatsApp.