C cenaly.com
무료로 시작하기

Squarespace · 포트폴리오 다음 단계

Squarespace용 Cenaly.com 위젯

Squarespace 사이트에 연결 또는 예약 기능을 추가하세요. 위젯을 선택해 설정한 다음 지원되는 요금제에서 Code Injection을 통해 코드를 붙여넣습니다. 이 방법은 checkout에 위젯을 설치하지 않으며, consent와 분석에는 별도의 절차가 필요합니다.

  • Code Injection: Core, Plus, Advanced 및 일부 legacy 요금제
  • 사이트 수준의 Header, 단일 페이지에는 Page Header Code Injection 사용
  • 모바일 메뉴, 양식 및 기존 pop-up 창을 확인하세요
위젯 선택 설치 안내

카드 없이 · 가입은 1분, 태그는 1분 더 · 설정 변경 사항은 5분 내 사이트에 반영됩니다

모든 위젯에 하나의 태그13개 중 9개 무료Shadow DOM — 레이아웃을 깨뜨리지 않습니다페이지 언어로 표시되는 라벨두 개의 클라우드: AWS와 러시아

Squarespace에서 작동하는 기능

필요한 위젯을 선택하고 계정에서 설정하십시오. 일반 위젯은 공통 태그를 사용하며, consent와 분석에는 별도의 설치 순서가 중요합니다.

선택한 위젯과 플랫폼은 등록 시 저장됩니다. 그런 다음 계정에서 위젯을 설정합니다. Squarespace에 대해 이 안내를 열어 두세요. 설정 후 아래 설치 단계로 돌아오세요.

13개 위젯 모두 →

Squarespace 유료 요금제가 필요한가요

플랫폼 유료 요금제가 필요합니다

Code Injection은 Core, Plus, Advanced 요금제와 일부 레거시 Squarespace 요금제에서 사용할 수 있습니다.

Squarespace 도움말에는 Code Injection을 위한 Core, Plus, Advanced 및 일부 레거시 요금제가 나열되어 있습니다. 해당 패널이 바로 귀하의 계정에서 사용 가능한지 확인하십시오.

플랫폼 비용은 Cenaly.com 위젯 가격과 별개입니다. 요금제에 Code Injection이 없다면 페이지의 HTML 블록을 전역 설치와 동등한 대체 수단으로 자동 간주할 수 없습니다.

이 페이지의 메뉴 항목과 요금제 조건은 공식 도움말에서 가져왔습니다:

플랫폼 도움말과 대조 확인함 2026-09-22

Squarespace에 코드를 삽입하는 방법

일반 위젯: 채팅, 연락 버튼, 예약

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="your-site.com" async></script>

일반 위젯용 태그 예시입니다. 계정에서 자신의 코드를 가져오시면 되며, 데모 도메인으로 바꿀 필요는 없습니다. 분석 차단에 대해서는 아래의 별도 지침을 사용하십시오. 쿠키 배너 및 분석: 별도 절차 →

  1. 1

    위젯을 설정하고 코드를 복사합니다

    Cenaly.com 계정에서 위젯을 선택하고 활성화한 다음 “내 사이트”에서 태그를 가져옵니다. 원하는 사이트 주소를 지정하세요.

  2. 2

    Code Injection을 엽니다

    Squarespace에서 사이트 도구를 통해 Code Injection 패널을 엽니다. 요금제에서 사용 가능한지 확인하세요. 아래 공식 도움말에 패널로 바로 이동하는 링크가 있습니다.

  3. 3

    일반 태그를 Header에 붙여넣습니다

    Header는 사이트 페이지의 head에 코드를 삽입합니다. 분석을 조기에 차단하려면 별도의 consent 태그와 아래 섹션의 절차를 사용하세요.

  4. 4

    저장하고 사이트를 엽니다

    Save를 누르고 게시된 주소를 엽니다. Code Injection은 checkout에서 지원되지 않습니다.

  5. 5

    방문자 동작을 확인합니다

    위젯을 열고 테스트 질문을 보내거나 예약을 진행합니다. 모바일 메뉴와 양식을 확인한 다음 “내 사이트”에서 “설치 확인”을 실행하세요.

checkout 페이지는 이 코드를 지원하지 않습니다. lock page, order confirmation, order status 필드는 별도의 용도가 있으므로 별도 확인 없이 해당 태그를 중복 적용하지 마십시오.

Squarespace 공식 도움말 ↗

설치 확인

  1. 1

    사이트를 다시 게시합니다

    빌더에서는 수정 사항이 초안에 남습니다. 페이지를 다시 게시하기 전까지는 실제 사이트에 태그가 없습니다.

  2. 2

    계정에서 “내 사이트”를 엽니다

    관리자 패널 → 마케팅 → “내 사이트”. 첫 번째 필드에 사이트 주소가 있고, 옆에 “설치 확인”이 있습니다.

  3. 3

    무엇이 발견되었는지 확인합니다

    검사는 페이지의 원본 HTML을 읽고 발견된 위젯을 표시합니다. Google Tag Manager를 통해 설치된 태그는 확인하지 못합니다. 이는 설치가 아니라 검사의 제한 사항입니다.

설치 오류 분석은 도움말에서 확인할 수 있습니다 설치 안내 →

Squarespace의 특징

  • 사이트와 checkout

    Code Injection은 사이트 페이지를 대상으로 하며, checkout은 코드를 지원하지 않습니다. 메인 페이지만이 아니라 필요한 URL을 확인하십시오.

  • 단일 페이지

    개별 페이지의 경우: Pages → 페이지 설정 → Advanced → Page Header Code Injection. 이미 전역으로 설치된 태그를 중복 적용하지 마십시오.

  • 양식과 현재 레코드

    태그를 삽입해도 다른 서비스의 양식이나 일정이 이전되지는 않습니다. 방문자에게 동일한 창이 두 개 표시되지 않도록 하나의 기능을 선택하십시오.

  • 분석 전 동의

    Header와 연결된 분석 통합을 확인하십시오. 일반 async 태그와 배너 표시만으로는 동의가 트래커보다 먼저 로드되었음을 입증하지 못합니다.

자주 묻는 질문

어떤 요금제가 필요한가요?

Code Injection은 Core, Plus, Advanced 및 일부 레거시 요금제에서 사용할 수 있습니다. 최신 Squarespace 도움말은 위에 나와 있으며, 설정 전에 패널 접근 권한을 확인하십시오.

한 페이지에만 설치할 수 있나요?

요금제에서 사용 가능한 경우 페이지의 Advanced 설정에서 Page Header Code Injection을 사용하십시오. 이는 콘텐츠 내 HTML 블록과는 별개의 경로입니다.

checkout에서 위젯이 작동하나요?

아니요, 설명된 Code Injection 경로로는 checkout에 코드가 추가되지 않습니다. 이 경로는 사이트 페이지를 위한 것입니다.

위젯이 보이지 않으면 어떻게 해야 하나요?

저장 여부, 게시된 주소, 위젯 활성화 여부, 올바른 도메인을 확인하십시오. 편집기 외부에서 사이트를 열고 편집 모드에서 코드가 비활성화되지 않았는지 확인하십시오.

템플릿 디자인이 유지되나요?

Shadow DOM은 위젯의 스타일을 격리합니다. 자신의 템플릿 동작, 모바일 메뉴, 양식, 버튼 겹침을 확인하세요. 이는 삽입 방식만으로는 보장할 수 없습니다.

cookie 배너에는 일반 async 태그를 사용해도 되나요?

동의 전 트래커를 차단하려면 별도의 consent/v1.js를 async/defer 없이 head의 첫 번째로 두어야 합니다. 선택 전, 거부 후, 수락 후의 로드를 확인하세요. 플랫폼에 내장된 분석은 별도 설정이 필요할 수 있으며, 배너가 표시된다고 해서 법률 준수가 확인되는 것은 아닙니다.

자세한 내용 — 플랫폼별 설치, 설정 및 문제 해결 — 은 도움말에서 확인할 수 있습니다. 설치 안내 →

기타 플랫폼

동일한 위젯, 다른 메뉴 항목.

플랫폼이 목록에 없나요? 공통 설치 안내 →

자신의 Squarespace 사이트에 위젯을 설치하세요

자신의 요금제에서 Code Injection을 확인하고, 작업을 선택한 후 위젯을 설정하세요. 설치 후 휴대폰에서 방문자 경로를 따라가 보세요.

위젯 선택

카드 없이 · 가입은 1분, 태그는 1분 더 · 설정 변경 사항은 5분 내 사이트에 반영됩니다