Ir al contenido principal

Ver tu sitio web en pantalla completa

Aprende cómo previsualizar tu sitio web de boda en modo de pantalla completa sin controles de edición para ver exactamente lo que verán los invitados.

Escrito por Brian
Actualizado hoy

Ver tu sitio web en pantalla completa

Aprende cómo previsualizar tu sitio web de boda en modo de pantalla completa sin controles de edición para ver exactamente lo que verán los invitados.

¿Quieres ver tu sitio web de boda sin la interfaz de edición de WedSites? ¡El modo de pantalla completa oculta todos los controles del editor para que puedas previsualizar tu sitio exactamente como lo verán los invitados!

Qué hace el modo de pantalla completa

El modo de pantalla completa muestra tu sitio web de boda exactamente como lo ven los invitados, en una vista limpia, sin distracciones, a ventana completa del navegador. La interfaz de administración se oculta para que puedas enfocarte en la experiencia del invitado.

Entrar en modo de pantalla completa

Desde la página principal:

  1. Ve a Sitio web en tu navegación principal

  2. Verás tu sitio web de boda con controles de edición

  3. Busca las acciones en el encabezado

  4. Haz clic en el enlace Pantalla completa (icono de maximizar)

  5. La página se expande a pantalla completa

  6. Todos los controles de edición desaparecen

Desde una página específica:

  1. Ve a Sitio web → Selecciona una página

  2. Busca las acciones en el encabezado

  3. Haz clic en el enlace Pantalla completa (icono de maximizar)

  4. Esa página se muestra en pantalla completa

¡Ahora estás en modo de vista previa!

Interfaz de pantalla completa

En modo de pantalla completa:

Lo que ves:
- Tu sitio web de boda como lo ven los invitados
- Ancho y alto completo del navegador
- Todo tu contenido y secciones
- Menú de navegación (si está habilitado)
- Todos los elementos públicos

Lo que no ves:
- Barra lateral de edición de WedSites
- Botones de editar sección
- Botones de agregar sección
- Iconos de configuración
- Ningún control de administración

Una excepción:
- Botón Salir de pantalla completa en la esquina
- Te permite regresar al modo de edición
- Solo tú ves esto (los invitados nunca lo ven)

Salir del modo de pantalla completa

Para regresar al modo de edición:

  1. Busca el botón Salir de pantalla completa (generalmente en una esquina)

  2. Haz clic

  3. Regresas a la vista normal de edición

  4. Todos los controles de edición reaparecen

O:

  1. Haz clic en el botón de retroceso de tu navegador

  2. Regresa al modo de edición

¡Fácil de volver!

Por qué usar el modo de pantalla completa

Previsualizar tu trabajo:
- Ve lo que ven los invitados
- Revisa el diseño sin el desorden de edición
- Obtén la experiencia del invitado
- Asegúrate de que todo se vea bien

Mostrar a otros:
- Demuestra tu sitio web a tu pareja
- Muestra a la familia sin confundirlos con botones de edición
- Presenta tu sitio en reuniones
- Deja que otros revisen sin hacer clic accidentalmente en editar

Tomar capturas de pantalla:
- Captura tu sitio sin la interfaz de edición
- Obtén imágenes limpias para compartir
- Documenta tu diseño
- Comparte en redes sociales

Enfoque:
- Ve tu sitio sin distracciones
- Aprecia tu trabajo de diseño
- Revisa el contenido cuidadosamente
- Experiméntalo como lo haría un invitado

Pantalla completa vs. nueva pestaña

Son diferentes métodos de vista previa:

Pantalla completa:
- Misma ventana del navegador
- Oculta la interfaz de edición
- Fácil de salir de vuelta a la edición
- Sigue en la interfaz de administración de WedSites

Nueva pestaña:
- Abre el sitio real en vivo en nueva pestaña
- Completamente separado del administrador
- URL real del invitado
- Puedes compartir la URL
- Vista de producción real

¡Consulta nuestro artículo sobre "Ver tu sitio web en nueva pestaña" para la otra opción!

Vista móvil en pantalla completa

El modo de pantalla completa muestra:

  • Vista de escritorio en navegadores de escritorio

  • Vista móvil en navegadores móviles

  • Diseño responsivo en acción

Para previsualizar móvil:
- Usa el modo de pantalla completa
- Luego usa las herramientas de desarrollo del navegador para simular móvil (si estás en escritorio)
- O ve pantalla completa en un dispositivo móvil real

Probar en pantalla completa

Usa el modo de pantalla completa para:

Revisar diseño:
- Los colores y fuentes se ven bien
- El espaciado es apropiado
- Las imágenes se muestran correctamente
- La disposición funciona bien

Probar navegación:
- Los enlaces del menú funcionan
- La navegación de páginas fluye
- Las secciones son accesibles
- Todo es accesible

Revisar contenido:
- El texto es legible
- Sin errores tipográficos
- El contenido tiene sentido
- El tono es correcto

Verificar funcionalidad:
- Los formularios funcionan (libro de visitas, RSVP)
- Los enlaces externos abren
- Los videos se reproducen
- Los mapas cargan

¡La pantalla completa es tu entorno de pruebas!

Pantalla completa y estado de publicación

La pantalla completa funciona ya sea que tu sitio esté:

Publicado:
- Muestra tu sitio en vivo
- Lo que los invitados ven actualmente
- Incluye todas las secciones públicas

No publicado:
- Muestra cómo se verá tu sitio cuando se publique
- Vista previa antes de lanzar
- Prueba todo antes de ir en vivo

¡Puedes previsualizar en cualquier momento!

Pantalla completa con diferentes temas

Al probar temas:

  1. Aplica un tema en Configuración del sitio

  2. Entra en modo de pantalla completa

  3. Ve cómo se ve el tema

  4. Sal de pantalla completa

  5. Prueba un tema diferente

  6. Repite

¡Perfecto para elegir temas!

Pantalla completa con páginas

Desde pantalla completa de la página principal:
- Haz clic en enlaces de navegación para visitar otras páginas
- Navega todo tu sitio
- Experimenta el recorrido completo del usuario
- Regresa usando el menú

Desde pantalla completa de una página específica:
- Comienza en esa página
- Puedes navegar a otras desde ahí
- Prueba flujos de páginas específicas

Compartir tu pantalla

Al compartir pantalla (Zoom, Teams, etc.):

  1. Entra en modo de pantalla completa primero

  2. Luego comparte tu pantalla

  3. Los demás ven tu sitio sin la interfaz de edición

  4. Presentación profesional

  5. Sin confusión por botones de edición

¡Genial para reuniones con planificadores o proveedores!

Pantalla completa y cambios

Si sales de pantalla completa, haces cambios y vuelves a entrar:

  • Los cambios aparecen inmediatamente

  • La pantalla completa siempre muestra la versión actual

  • No necesitas actualizar

  • Vista previa en vivo de las ediciones

¡Prueba cambios rápidamente!

Atajos de teclado

Para salir de pantalla completa:
- Presiona la tecla ESC (generalmente)
- O haz clic en el botón Salir de pantalla completa

¡Escape rápido!

Pantalla completa del navegador vs. pantalla completa de WedSites

No confundas:

Pantalla completa de WedSites:
- Oculta la interfaz de edición
- Muestra tu sitio web limpiamente
- Sigue en tu ventana del navegador con pestañas

Pantalla completa del navegador (F11):
- Oculta el chrome del navegador (pestañas, barra de direcciones)
- Hace que el navegador ocupe todo el monitor
- Se puede combinar con la pantalla completa de WedSites para máxima inmersión

¡Puedes usar ambos juntos!

Pantalla completa en diferentes dispositivos

Escritorio/laptop:
- Icono de maximizar en el encabezado
- Área de visualización grande
- Fácil de navegar

Tablet:
- Funciona de la misma manera
- Botón de salida táctil
- Bueno para mostrar a clientes

Teléfono:
- Disponible pero la pantalla es pequeña
- Más útil simplemente previsualizar normalmente
- O usar la opción de nueva pestaña

Tomar capturas de pantalla en pantalla completa

Para capturas de pantalla limpias:

  1. Entra en modo de pantalla completa

  2. Ajusta el tamaño de la ventana del navegador si es necesario

  3. Toma la captura de pantalla (Cmd+Shift+4 en Mac, Windows+Shift+S en Windows)

  4. Captura exactamente lo que quieras

  5. ¡Sin interfaz de edición en la captura!

¡Perfecto para marketing o compartir!

Pantalla completa e idiomas

Si tienes múltiples idiomas:

  1. Selecciona un idioma

  2. Entra en modo de pantalla completa

  3. Ve la versión de ese idioma de tu sitio

  4. Sal, cambia de idioma, repite

¡Previsualiza todas las versiones de idiomas!

Pantalla completa y configuración de privacidad

La pantalla completa respeta la privacidad:

Si tu sitio requiere autenticación:
- La pantalla completa muestra la pantalla de autenticación
- Luego muestra el sitio después de iniciar sesión
- Igual que experimentan los invitados

Secciones privadas:
- Ocultas en pantalla completa (a menos que estés autenticado)
- Muestra solo contenido público
- Vista real del invitado

Usos comunes

Antes de publicar:
- Revisión final antes de ir en vivo
- Detectar problemas de último momento
- Aprobar la apariencia general

Después de editar:
- Verificar que los cambios se vean bien
- Probar nuevas secciones
- Revisar la disposición

Para presentaciones:
- Mostrar al planificador de bodas
- Demostrar a la familia
- Presentar a proveedores

Para capturas de pantalla:
- Redes sociales
- Tarjetas de save the date
- Invitaciones
- Documentación

Para pruebas:
- Flujo de usuario
- Navegación
- Capacidad de respuesta
- Contenido

¡La pantalla completa es increíblemente útil!

Ubicación del botón de salida

El botón Salir de pantalla completa generalmente aparece:

  • En una esquina (a menudo arriba a la izquierda o arriba a la derecha)

  • Como un botón o enlace

  • Claramente etiquetado

  • Fácil de encontrar

¡No te quedarás atascado!

¡Ver tu sitio web de boda en modo de pantalla completa te da una vista previa limpia y sin distracciones de exactamente cómo tus invitados experimentarán tu hermoso sitio!

¿Ha quedado contestada tu pregunta?