Nota: Este contenido se tradujo a través de un software y es posible que no haya sido revisado. La versión en inglés se considera, por tanto, la versión oficial y es posible que haya sido actualizada. Para acceder a la versión en inglés, haz clic aquí.
Landing Pages

Vista preliminar de tu contenido en un dispositivo móvil

Última actualización: noviembre 23, 2020

Requisitos

Todos los productos y planes

Si bien estás trabajando en una publicación de blog, página de sitio web, página de destino o correo electrónico en HubSpot, puedes ver una vista preliminar de cómo se vería tu contenido en distintos tipos de dispositivos. También puedes probar la personalización o el contenido inteligente previsualizando tu contenido como un contacto específico.

Cómo funciona el diseño adaptable

Todas las plantillas de arrastrar y soltar de HubSpot contienen consultas de medios que ajustan tu contenido para que se ajuste a diferentes tamaños de pantalla. El contenido adaptable no será idéntico en cada tipo de dispositivo. Por ejemplo, una imagen que esté configurada para completar un fondo puede recortarse de manera diferente para adaptarse a una pantalla más pequeña.
 

Nota: las plantillas codificadas personalizadas no son adaptables por opción predeterminada. Los desarrolladores de sitios web pueden usar la Documentación CMS para asegurarte de que las plantillas que crean son adaptables.

Vista preliminar de tu página o publicación del blog

En la parte superior derecha, haz clic en Vista preliminar para ver cómo aparecerá tu página a los visitantes a tu página.

  1. Vista preliminar de dispositivos: Haz  clic en  Abrir en una nueva ventana para ver una vista preliminar en directo de tu página en una nueva pestaña en tu navegador. Este enlace de vista preliminar funcionará antes de que tu página sea publicada. Haz clic en Copiar enlace compartible para copiar el enlace a tu portapapeles para compartirlo con tu equipo.
  2. Vista preliminar inteligente: haz clic en el menú desplegable Vista preliminar como para obtener una vista preliminar de cómo aparecerá tu página para distintos contactos en tu base de datos.
    • Selecciona un contacto para ver la vista preliminar personalización que aparecerá en función de los valores de propiedad de ese contacto en particular. Haz clic en el segundo menú desplegable para seleccionar un contacto específico de tu base de datos.
    • Selecciona una regla inteligente para ver como aparecerá la vista preliminar de contenido inteligente en tu página a los contactos que cumplan con sus criterios. Haz clic en el segundo menú desplegable para seleccionar una regla inteligente específica para obtener una vista preliminar.
  3. Tipo de dispositivo: haz clic en Tableta + móvil para ver una vista preliminar en vivo de tu página en un dispositivo de teléfono o tableta. Haz clic en PC para ver una vista preliminar de cómo aparecerá tu página en un navegador web.

preview-a-page

Vista preliminar de un correo electrónico en el editor de arrastrar y soltar

  • En tu cuenta de HubSpot, dirígete a Marketing > Correo.
  • Haz clic en el nombre de tu borrador de correo electrónico. 
  • En la parte superior derecha, haz clic en el menú desplegable Acciones y selecciona Vista preliminar. Verás una vista preliminar de tu correo electrónico en una tableta y dispositivo móvil.
  • Para probar personalizacióncontenido inteligente, haz clic en el menú desplegable Vista preliminar como un contacto específico para seleccionar un contacto de tu base de datos. 
  • Para compartir tu vista preliminar, haz clic en Copiar enlace compartible en la esquina superior derecha.
  • Después de que hayas terminado de revisar tu contenido, haz clic en Volver en la parte superior izquierda para volver al editor de correo electrónico.

Más información sobre cómo obtener una vista preliminar y probar tu correo electrónico en el editor de arrastrar y soltar.

Vista preliminar del contenido en un correo electrónico creado con el editor clásico

  • Haz clic en un tipo de dispositivo para ver una vista preliminar de cómo se mostraría tu contenido en un dispositivo, tableta o dispositivo móvil. Hay opciones para ver una vista preliminar de los dispositivos en modo de paisaje y retrato.
  • Haz clic en Abrir en una nueva ventana para ver una versión compartible de tu correo electrónico en una ventana del navegador o haz clic en Copiar para compartir el enlace de vista preliminar.
  • Para probar la personalización o el contenido inteligente, usa el menú desplegable Vista preliminar como contacto específico para seleccionar un contacto de tu base de datos.
  • Después de que hayas terminado de revisar tu contenido, haz clic en Salir del modo de vista preliminar para volver al editor de contenido.

vista preliminar de tu contenido