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 distintos dispositivos

Última actualización: abril 30, 2021

Requisitos

Todos los productos y planes

Mientras editas una publicación de blog, una página de sitio web, una página de destino o un correo electrónico en HubSpot, puedes obtener 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.

Comprender el diseño adaptable

Todas las plantillas de arrastrar y soltar de HubSpot son adaptables por opción predeterminada; tu contenido se adapta para ajustarse a diferentes tamaños de pantalla.  Por ejemplo, una imagen que esté configurada para completar un fondo puede recortarse de manera diferente para ajustarse a una pantalla más pequeña. Más información sobre las preguntas de diseño adaptable frecuentes.
 
 
A diferencia de las plantillas de arrastrar y soltar, las plantillas personalizadas con códigos no son adaptables por opción predeterminada. Los desarrolladores pueden usar la Documentación de desarrolladores de CMS para crear plantillas adaptables.

Vista preliminar de una página o una publicación de blog

    1. Haz clic en Abrir en una nueva ventana para obtener una vista preliminar en directo de tu página en una nueva pestaña en tu navegador.
    2. Para copiar la URL de la vista preliminar en el portapapeles, haz clic en Copiar enlace compartible. Solo los usuarios de HubSpot que inicien sesión en tu cuenta podrán acceder a tu enlace compartible.
    3. Para ver cómo aparecerá tu página en las vistas de dispositivos móviles, tableta o equipos de escritorio, haz clic en los mobile íconos de dispositivos.
    4. Para obtener una vista preliminar de la personalización de tu página para un contacto específico, haz clic en el menú desplegable Vista preliminar como y selecciona Contacto. Luego haz clic en el menú desplegable Elige un contacto para vista preliminar y selecciona un contacto. 
    5. Para obtener una vista preliminar del contenido inteligente de tu página para reglas específicas, haz clic en el menú desplegable Vista preliminar como y selecciona Regla inteligente. Luego haz clic en el menú desplegable Selecciona una regla inteligente y selecciona una regla inteligente.
  1.  

preview-a-page-2

Vista preliminar de un artículo de la base de conocimiento

  • En tu cuenta de HubSpot, dirígete a Servicio > Base de Conocimiento.
  • Coloca el cursor sobre tu artículo y haz clic en Editar.
  • En la parte superior derecha, haz clic en Vista preliminar. Para obtener una vista preliminar en directo de tu página en una nueva pestaña en tu navegador.

Vista preliminar de un correo electrónico en distintos dispositivos

  • En tu cuenta de HubSpot, dirígete a Marketing > Correo.
  • Coloca el cursor sobre tu correo electrónico y haz clic en Editar.
  • En la parte superior derecha, haz clic en el menú desplegable Acciones y selecciona Vista preliminar. Obtendrás una vista preliminar de tu correo electrónico en una tableta y dispositivo móvil.
  • En la pestaña Dispositivos de la pantalla de vista preliminar, puedes personalizar tu vista preliminar en diferentes dispositivos: 
    1. 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. 
    2. Para compartir tu vista preliminar, haz clic en Copiar enlace compartible en la esquina superior derecha. Solo los usuarios de HubSpot que inicien sesión en tu cuenta podrán acceder a tu enlace compartible.
    3. Para obtener la vista preliminar de la versión de texto sin formato de tu correo electrónico, haz clic para activar el interruptor Vista de texto sin formato

preview-your-email

Vista preliminar de un correo electrónico en distintos clientes

  • En tu cuenta de HubSpot, dirígete a Marketing > Correo.
  • Coloca el cursor sobre tu correo electrónico y haz clic en Editar.
  • En la parte superior derecha, haz clic en el menú desplegable Acciones y selecciona Vista preliminar. Obtendrás una vista preliminar de tu correo electrónico en una tableta y dispositivo móvil.
  • En la pestaña Clientes de la pantalla de vista preliminar, puedes ver cómo aparecerá tu correo en diferentes clientes de correo electrónico:  
    1. En la parte superior de la pantalla de vista preliminar, haz clic en Clientes
    2. 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. 
    3. Para buscar un cliente de correo electrónico específico, ingresa el nombre del cliente en la barra de búsqueda. 
    4. Para obtener una vista preliminar del correo electrónico para un cliente específico, selecciona la casilla de comprobación junto a ese cliente. 
    5. Para obtener la vista preliminar de cómo aparecerá el correo electrónico para contactos que tengan el bloqueo de imágenes activado, haz clic para activar el interruptor Bloqueo de imagen
    6. En la parte superior derecha, haz clic en Probar mi correo ahora. Para acceder a los resultados de una prueba anterior, en la parte inferior izquierda, haz clic en el menú desplegable Ver resultados para tu correo electrónico anterior y selecciona una fecha de prueba

preview-your-email-in-different-clients-2