mailinapp
Documentation menu

Bloque de sede

Detalles de ubicación presencial para un evento: un nombre de sede, una dirección, una foto opcional, y un botón "Cómo llegar" que abre la ubicación en Google Maps. Es la contraparte presencial del bloque Enlace de reunión — el mismo lugar en un correo de evento, pero para un lugar físico en lugar de una URL de unión.

Cómo funciona

Sede es contenido puro, como Imagen o Texto: no hay nada que responder. A diferencia de Enlace de reunión o RSVP, nunca necesita un nivel cinético, una rama de vista en vivo, ni una entrada de capacidad, y nunca aparece en el panel de respuestas ni en la exportación CSV. El único elemento interactivo es el enlace Cómo llegar, que se acoge al mismo espacio de seguimiento de clics genérico que comparte cualquier bloque simple con enlace (botones, imágenes enlazadas, íconos sociales). Aun así aparece en el mapa de calor de clics a nivel de bloque, solo que no como su propio tipo de respuesta.

Cómo llegar abre maps.google.com sin clave de API y sin miniatura de mapa incrustada — el bloque solo construye un enlace, resuelto a partir de la más precisa de tres fuentes:

  1. Enlace de Google Maps, si está definido — comparte un lugar desde Google Maps en tu teléfono o escritorio y pega esa URL directamente. Los enlaces cortos (maps.app.goo.gl/...) también funcionan, ya que se usa tal cual en lugar de analizarse.
  2. Latitud/longitud, si están definidas y ambas son distintas de cero y están dentro de rango — marca el punto exacto mediante un enlace maps.google.com/?q=lat,lng.
  3. Texto de dirección simple, como último recurso — geocodificado por la propia resolución de consultas de Google Maps en lugar de algo que MailInApp haga del lado del servidor, lo cual puede variar para una dirección nueva o ambigua.

Si ninguna de las tres está definida, no se renderiza ningún enlace de indicaciones — el bloque solo muestra el nombre de la sede y la foto que sí completaste, en lugar de un enlace que no lleva a ninguna parte. Dejar la dirección en blanco pero definir el enlace de mapas o las coordenadas igual produce un enlace de indicaciones funcional sin texto de dirección mostrado.

La foto, si está definida, se renderiza como una imagen a todo lo ancho sobre el nombre y la dirección, la misma forma de <img> simple que el bloque Imagen. Se muestra de forma idéntica en todas partes, incluido Outlook; aquí no hay un manejo especial de medios como el que necesitan Video/Audio.

Campos configurables:

  • Nombre de la sede — texto en negrita, mostrado primero.
  • Dirección — texto libre, renderizado en varias líneas si contiene saltos de línea.
  • Enlace de Google Maps (opcional, el más preciso) — tiene prioridad sobre las coordenadas y la dirección para el enlace de indicaciones.
  • Latitud / Longitud (opcional) — se usan solo si el enlace de Maps está en blanco.
  • URL de la foto (opcional).
  • Etiqueta del botón de indicaciones — por defecto es "Cómo llegar."
  • Color de fondo, relleno, borde y radio de borde de la tarjeta.
  • Color/tamaño del nombre de la sede y la dirección, y sobrescrituras de color/fondo del botón de indicaciones.

Ejemplos

Subject

See you there: our fall meetup

Una invitación a una conferencia presencial combina Sede con Agregar al calendario para que el asistente reciba tanto el "dónde" como el "ya está en mi calendario" en un solo correo. El propósito de proyecto "Evento" inicia un proyecto nuevo con esta combinación ya colocada; mira Eventos y webinars. Un club deportivo envía correos de día de partido con Sede definida como la dirección del campo local, reutilizada sin cambios semana tras semana junto a una Tabla de posiciones actualizada — mira Equipos y clubes deportivos. Para un evento híbrido, coloca Sede junto a un bloque de Enlace de reunión para que los asistentes presenciales y remotos vean cada uno el control que les corresponde, en lugar de enviar dos correos distintos.

Cómo se ve la alternativa estática

<div style="margin:12px 0;background-color:transparent">
  <img src="https://cdn.example.com/venue-photo.jpg" alt="Riverside Hall"
       style="width:100%;max-width:100%;border-radius:6px;display:block;margin-bottom:10px" />
  <p style="margin:0 0 4px;font-weight:600;font-size:16px;color:#111827">Riverside Hall</p>
  <p style="margin:0 0 10px;font-size:14px;color:#4b5563">400 Harbor Way, Portland, OR</p>
  <a href="https://maps.google.com/?q=400%20Harbor%20Way%2C%20Portland%2C%20OR"
     style="display:inline-block;padding:10px 20px;background-color:#4f46e5;color:#ffffff;
            border-radius:6px;text-decoration:none;font-size:14px;font-weight:600">
    Get Directions
  </a>
</div>

Este es el renderizado completo del bloque — no hay un nivel de alternativa separado, ya que una foto, un nombre, una dirección, y un enlace simple ya se muestran de forma idéntica en todos los clientes de correo.

Relacionado