웹사이트에 카운트다운을 삽입하는 방법
Blogger, WordPress, Drupal 또는 이와 유사한 콘텐츠 관리 또는 블로그 소프트웨어를 사용하는 경우, embed 코드를 붙여넣을 때 반드시 HTML 모드에서 콘텐츠를 편집해야 합니다.
CountingDownTo.com의 카운트다운 위젯을 삽입하는 것은 YouTube.com과 같은 웹사이트에서 동영상을 삽입하는 것과 매우 유사합니다. CountingDownTo.com에서 "내 카운트다운"을 클릭한 다음 삽입하려는 카운트다운 이름을 클릭하여 원하는 카운트다운을 찾으세요. 또는 "새 카운트다운"을 클릭하여 새 카운트다운 위젯을 만들 수 있습니다. 카운트다운 아래에 "사이트에 삽입"이라는 버튼이 표시됩니다. 클릭하세요. 버튼 아래에 HTML 코드가 표시됩니다. 코드는 아래 스크린샷과 비슷하게 보입니다. 코드를 복사하여 웹사이트나 블로그에 붙여넣으세요.
이 페이지의 지침을 따랐지만 여전히 카운트다운을 삽입할 수 없다면 문의해 주세요.
어떤 플랫폼에서 실시간 카운트다운을 삽입할 수 있나요?
사용자 지정 HTML이나 iframe URL을 붙여넣을 수 있는 대부분의 사이트에서는 카운트다운이 실시간으로 표시되고 작동합니다. 일부 페이지 빌더 및 디자인 도구는 iframe을 완전히 차단합니다. 직접 확인한 내용은 다음과 같습니다:
| 플랫폼 | 실시간 카운트다운? | 참고 |
|---|---|---|
| WordPress (자체 호스팅) | 예 | 블록 편집기에서 Custom HTML 블록을 추가하고 embed 코드를 붙여넣으세요. 또는 WordPress 플러그인이 출시되면 사용하세요. |
| WordPress.com | 플랜에 따라 다름 | 무료 플랜은 iframe을 제거합니다. 유료 플랜에서는 사용자 지정 HTML이 작동하려면 "hosting features"를 활성화해야 합니다. 자세히 보기. |
| Squarespace | 예 (Business 플랜 이상) | Code 블록을 추가하고 embed 코드를 붙여넣으세요. Business 플랜 이상이 필요합니다. |
| Wix | 예 | Embed HTML 요소를 사용하세요. 카운트다운이 잘리거나 스크롤바가 표시되지 않도록 iframe 너비와 높이를 카운트다운에 맞게 설정하세요. |
| Google Sites | 예 | Insert → Embed를 사용하고 embed 코드 또는 iframe URL을 붙여넣으세요. |
| Shopify | 예 (주의사항 있음) | 테마 Custom Liquid 또는 사용자 지정 HTML 섹션을 통해 작동합니다. 상품 설명에서는 작동하지 않습니다 (Shopify가 해당 위치에서 iframe을 제거합니다). |
| Notion | 예 |
/embed을 입력하고
카운트다운의 직접 /w4/ 링크를 붙여넣으세요 (일반 공유 링크가 아님).
|
| Canva | 아니요 | Canva는 iframe 또는 실시간 외부 embed를 지원하지 않습니다. 이는 Canva의 제한이며, 사용자의 실수가 아닙니다. |
| Blogger, Drupal, Weebly, Joomla! | 예 | embed 코드를 사용자 지정/원시 HTML로 붙여넣으세요 — 아래 플랫폼별 지침을 참조하세요. |
| Facebook, WhatsApp, YouTube | 아니요 | 이 플랫폼에서는 타사 iframe embed를 허용하지 않습니다. 대신 게시된 카운트다운 페이지 링크를 공유하세요. |
| 이메일 클라이언트 | 아니요 (GIF 사용) | 이메일 클라이언트는 iframe을 차단합니다. 대신 이메일 GIF 카운트다운을 사용하세요. |
WordPress에 카운트다운 삽입
자체 호스팅 WordPress: 블록 편집기에서 Custom HTML 블록(+ → "Custom HTML" 검색)을 추가하고 제공된 embed 코드를 붙여넣으세요. 편집기 미리보기에서는 카운트다운이 표시되지 않습니다 — 페이지를 게시하거나 미리보기하여 확인하세요.
WordPress.com: 무료 WordPress.com 사이트는 iframe을 지원하지 않습니다 (자세히 보기). 유료 플랜에서는 Custom HTML 블록이 iframe을 렌더링하려면 hosting features를 먼저 활성화해야 합니다. WordPress 플러그인이 출시되면 이 페이지를 업데이트하겠습니다.
클래식 편집기 사용자: 이전 Visual/HTML 편집기를 사용하는 경우, 붙여넣기 전에 HTML (Visual이 아님)을 선택하세요. 블록 편집기의 경우, 이 동영상에서 Custom HTML 방식을 안내합니다:
Squarespace에 카운트다운 삽입
Squarespace는 사용자 지정 코드를 embed하려면 Business 플랜 이상이 필요합니다. 페이지를 편집하고 +를 클릭하여 블록을 추가한 다음 Code를 검색하고 Code 블록에 embed 코드를 붙여넣으세요. 저장하고 미리보기 — 게시된 페이지에서 카운트다운이 실시간으로 작동해야 합니다.
Wix에 카운트다운 삽입
Wix 편집기에서 + Add Elements → Embed Code → Embed HTML을 클릭하세요. embed 코드를 붙여넣고 Update를 클릭하세요.
중요 — iframe 크기:
카운트다운이 잘리거나 스크롤바가 표시되면 embed 요소 설정을 열고 embed 코드의 크기에 맞게 너비와 높이를 설정하세요 (일반적으로
<iframe>
태그와 동일한 너비와 높이). Wix는 embed된 iframe 크기를 항상 자동으로 맞추지는 않습니다.
짧은 동영상 보기 — Wix에 카운트다운을 추가하는 방법.
Google Sites에 카운트다운 삽입
사이트 편집 중 Insert → Embed를 클릭하세요. Embed code를 선택하고 제공된 embed 코드를 붙여넣으세요. 페이지에서 embed 상자 크기를 조정하여 전체 카운트다운이 보이도록 하세요.
Shopify에 카운트다운 삽입
embed 코드를 테마 Custom Liquid 섹션이나 사용자 지정 HTML 블록에 추가하세요 (Online Store → Themes → Customize → Add section). 배치한 페이지에서 카운트다운이 실시간으로 표시됩니다.
상품 설명에서는 작동하지 않습니다: Shopify는 상품 설명에서 iframe HTML을 제거합니다 — 이는 CountingDownTo의 제한이 아니라 플랫폼 제한입니다. 대신 랜딩 페이지, 컬렉션 설명 또는 사용자 지정 페이지 섹션을 사용하세요.
Notion에 카운트다운 삽입
Notion 페이지에서 /embed을
입력하고 Enter를 누르세요. 카운트다운의 직접 링크 (/w4/ URL, 일반 공유 링크가 아님)를 붙여넣으세요. Notion은 카운트다운 위젯만 iframe으로 표시합니다.
Canva — 현재 불가능
Canva의 웹사이트 및 디자인 편집기는 iframe embed 또는 실시간 외부 위젯을 지원하지 않습니다. embed 코드나 링크를 붙여넣어도 작동하는 카운트다운이 표시되지 않습니다. Canva가 향후 iframe 또는 외부 URL 이미지 지원을 추가하면 이 페이지를 업데이트하겠습니다.
Blogger에 카운트다운 삽입
embed 코드를 Blogger 블로그에 붙여넣기 전에 "Edit HTML"을 선택하고 NOT "Compose"를 선택했는지 확인하세요. 게시물을 편집하는 동안에는 카운트다운이 표시되지 않습니다. 게시하거나 미리보기할 때만 표시됩니다.
Drupal에 카운트다운 삽입
embed 코드를 Drupal 사이트에 붙여넣기 전에 "Input format" 설정에서 "Full HTML"을 선택했는지 확인하세요. 페이지를 편집하는 동안에는 카운트다운이 표시되지 않습니다. 저장하거나 미리보기할 때만 표시됩니다.
Weebly에 카운트다운 삽입
Custom HTML 요소를 사용하여 Weebly 사이트에 카운트다운 위젯을 embed하세요.
Joomla!에 카운트다운 삽입
다음 지침을 참조하세요: Joomla!에 카운트다운 삽입
Joomla의 기본 TinyMCE 편집기는 저장 시 iframe 태그를 제거하거나 다시 작성할 수 있습니다. 카운트다운이 표시되지 않으면 해당 기사에 대해 WYSIWYG 편집기를 비활성화하거나 Mod HTML 모듈을 사용하여 embed 코드를 직접 배치하세요.
iframe embed를 지원하지 않는 플랫폼
다음 플랫폼은 어떤 embed 코드를 사용하더라도 실시간 iframe 카운트다운을 표시할 수 없습니다:
- Facebook — 대신 게시된 카운트다운 페이지 링크를 공유하세요.
- WhatsApp — 링크를 공유하세요. WhatsApp은 embed HTML을 렌더링하지 않습니다.
- YouTube — YouTube 채널 페이지 및 동영상 설명은 타사 iframe을 지원하지 않습니다.
- 이메일 클라이언트 — Gmail, Outlook, Mailchimp 및 기타 이메일 앱은 보안상 iframe을 차단합니다. 대신 이메일 GIF 카운트다운 기능을 사용하세요 — 거의 모든 이메일 클라이언트에서 작동하는 애니메이션 이미지를 생성합니다.