미팅 링크 블록
온라인 또는 하이브리드 행사의 참가 정보입니다: 제공업체 라벨, 참가 URL, 시작 시각, 그리고 참가 링크가 시작 몇 분 전부터 활성 상태로 표시되어야 하는지를 설정합니다. 웨비나나 원격 회의 초대의 "여기를 눌러 참가하기" 순간을 담당하는 블록으로, 수신자가 이메일을 일주일 전에 열든 통화 시작 30초 전에 열든 정확성을 유지하도록 만들어졌습니다.
작동 방식
제공업체 필드(Zoom, Google Meet, Microsoft Teams, 또는 사용자 지정)는 라벨일 뿐입니다 — 이들 중 어느 쪽과도 OAuth나 계정 연결이 없으며, 그저 직접 붙여넣는 일반 URL입니다. 참가 버튼의 문구("Zoom으로 참가" 대 사용자 지정의 일반적인 "미팅 참가")를 선택하는 용도일 뿐, 그 이상은 아닙니다.
발송된 HTML은 카운트다운 및 상품 블록이 사용하는 것과 동일한 "발송 시점에 정적으로 고정" 관례에 따라, 참가 버튼을 항상 실제로 클릭 가능한 링크로 렌더링합니다. 미팅 시작 시각이 다가온다고 해서 이메일을 다시 가져올 수는 없으므로, 그 시점에 게이팅할 방법이 없습니다.
버튼 옆의 상태 줄과 배지가 카운트다운을 추적합니다. startsAt이 미래인 동안에는 "X일 X시간 X분 후 시작"(하루 미만이 되면 "X시간 X분 후")으로 표시되며, 카운트다운 블록이 사용하는 것과 동일한 카운트다운 이미지 기법으로 만들어진 작은 서버 렌더링 GIF가 함께 나타납니다. 이 이미지는 요청마다 새로 생성되는 정적 이미지임에도 불구하고 여러 번 열람하는 동안에도 계속 정확하게 카운트를 이어갑니다 — 클라이언트 측에서 애니메이션되는 것이 아닙니다. 시작 시각이 지나면 배지는 더 이상의 카운트다운 없이 "지금 라이브"로 전환됩니다.
이 블록이 실제로 참가 컨트롤을 게이팅하는 유일한 곳은 호스팅된 라이브 뷰입니다. 발송된 이메일과 달리 라이브 뷰는 방문할 때마다 새로 가져오기 때문입니다. 그곳에서는 렌더링 시각이 startsAt의 opensMinutesBefore분 이내일 때만 참가 버튼이 나타납니다. 그 창이 열리기 전에는 수신자에게 작동하는 링크 대신 "시작 N분 전에 열립니다"(또는 opensMinutesBefore가 0이면 "아직 열리지 않음")라고 적힌 비활성화된 회색 칩이 표시됩니다. 이는 Firestore 읽기나 저장된 응답 상태 없이, 블록 자체의 props를 현재 시각과 대조해 동기적으로 계산되므로 라이브 뷰를 렌더링할 때마다 저비용으로 처리됩니다. startsAt이 전혀 설정되지 않은 블록은 메일과 라이브 뷰 양쪽에서 항상 열려 있습니다 — 대조할 대상 자체가 없기 때문입니다.
선택적인 전화 접속 줄은 채워져 있을 경우 모든 티어에서 참가 버튼 옆에 일반 텍스트로 렌더링됩니다 — 그 자체는 링크가 아니라, 음성으로만 참가하는 사람을 위한 전화번호일 뿐입니다.
설정 가능한 필드:
- 제공업체 — Zoom, Google Meet, Microsoft Teams, 또는 사용자 지정(라벨만 해당).
- 참가 URL — 버튼이 연결되는 곳입니다.
- 시작 시각 — 미팅의 시작 시각이며, "X 후 시작" 배지와 라이브 뷰 게이트도 함께 좌우합니다.
- 전화 접속(선택) — 일반 텍스트로 렌더링되는 전화번호입니다.
- 참가 링크가 시작 몇 분 전에 열리는지 — 라이브 뷰 게이트 창(기본값 15분; 0이면 링크가 시작 순간까지 정확히 비활성 상태임을 뜻합니다).
- 카드의 배경색, 패딩, 테두리, 모서리 반경.
- 상태 라벨 색상/크기, 참가 버튼 색상/배경 오버라이드.
미팅 링크 블록에는 답할 것이 없습니다 — 질문이 아니라 실시간으로 갱신되는 콘텐츠이므로 — 응답 대시보드나 CSV 내보내기에는 절대 나타나지 않습니다. 참가 클릭 자체는 일반 링크를 가진 모든 블록이 공유하는 범용 클릭 추적 슬롯을 통해, 다른 링크와 마찬가지로 블록 단위 클릭 히트맵에 여전히 추적됩니다.
예시
Subject
Your seat is booked — join link inside
웨비나 초대는 미팅 링크 블록을 이메일 위쪽의 카운트다운과 함께 배치합니다 — 카운트다운은 며칠 전부터 긴박감을 쌓고, 순간이 가까워지면 미팅 링크 배지가 정확한 "X 후 시작" 표시를 넘겨받습니다. 하이브리드 행사라면 같은 이메일에 미팅 링크와 장소 블록을 함께 넣어, 원격 참가자와 현장 참가자 각각에게 해당하는 컨트롤을 제공하세요. "행사" 프로젝트 용도는 정확히 이 조합으로 시작합니다 — 행사 & 웨비나를 참고하세요. opensMinutesBefore를 10이나 15 정도로 설정해 두면, 일찍 클릭하는 사람들이 거의 비어 있는 통화에 참가해 아무 일도 일어나지 않는 것을 보게 되는 상황을 막을 수 있습니다.
정적 폴백의 모습
<div style="margin:12px 0;background-color:transparent">
<p style="margin:0 0 6px;font-size:13px;font-weight:600;color:#111827">Starts in 2h 14m</p>
<img src="https://mailinapp.com/api/countdown?t=1753401600000&c=111827&s=9f2a..." width="220" height="40" alt="Starts in 2h 14m"
style="display:block;max-width:100%;height:auto;margin-bottom:8px" />
<a href="https://zoom.us/j/123456789"
style="display:inline-block;padding:10px 20px;background-color:#4f46e5;color:#ffffff;
border-radius:6px;text-decoration:none;font-size:14px;font-weight:600">
Join on Zoom
</a>
<p style="margin:8px 0 0;font-size:13px;color:#4b5563">Dial in: +1 415 555 0100</p>
</div>
이것이 메일 티어입니다: 실시간 카운트다운 배지, 미팅 URL로 항상 클릭 가능한 참가 링크, 그리고 일반 텍스트의 전화 접속 줄 — 메일은 발송 시점에 정적으로 고정되므로 게이팅이 없습니다.