어떻게 외부 양식을 어떤 EdCommerce 페이지에든 삽입하는가

Last updated: July 27, 2026

타사 양식을 EdCommerce 랜딩 페이지에 'HTML 코드' 페이지 블록을 사용하여 삽입하는 방법을 설명합니다. 세 단계는 다음과 같습니다: '페이지'에서 페이지를 생성하거나 편집하고 HTML 코드 블록을 드래그, 블록의 편집기를 열고 양식 코드를 붙여넣기, 미리보기 및 게시. 임베드에는 IFRAME 코드가 필요합니다 — CRM이 스크립트만 출력하는 경우, Iframe Generator와 같은 도구로 변환한 후 붙여넣기 바랍니다. 일반적인 사용 사례는 맞춤형 CRM 양식, 동적 제품 디스플레이와 리드 양식, 그리고 기존 웹사이트 연락처 양식을 재사용하는 "문의하기" 페이지입니다.

Edcommerce는 Edvisor 플랫폼과 원활하게 동기화되는 스마트 양식을 제공하지만, 때때로 외부 양식을 사용하는 것이 더 나을 수 있습니다.

이 가이드에서는 외부 양식을 EdCommerce 랜딩 페이지에 삽입하는 간단한 단계별 방법을 안내하여 두 가지 장점을 모두 누리실 수 있도록 도와드립니다.

사용 사례:

  1. 맞춤형 양식: CRM에서 생성된 맞춤형 양식을 통합하여 고객님의 eCommerce 페이지에서 특정 고객 정보를 수집합니다.
  2. 동적 제품 디스플레이: 고객님의 선호도에 따라 동적으로 생성된 제품 추천 또는 맞춤형 콘텐츠를 보여줍니다. 이 콘텐츠가 포함된 페이지에 리드 양식을 삽입하여 리드 수집을 강화하세요.
  3. 문의 양식: EdCommerce에서 사용하는 동일한 문의 양식을 사용하여 "문의하기" 페이지를 만드세요. 예시.

시작해 봅시다!

1단계: HTML 코드 블록 생성

먼저, EdCommerce 페이지를 생성하거나 편집해야 합니다:

  • EdCommerce 계정에서 '페이지' > '새 페이지 만들기'로 이동하세요

이 페이지들은 다양한 유형의 맞춤형 블록을 사용하여 만들어집니다. 외부 양식을 삽입하는 페이지를 만들려면 'HTML 코드' 옵션을 선택하세요.

그런 다음, 이 옵션을 페이지 편집기에 드래그 앤 드롭하세요.

2단계: 양식의 HTML 코드 복사 및 붙여넣기

새로 추가된 HTML 블록을 클릭하여 편집기를 엽니다.

이제 양식의 HTML 코드를 편집기에 삽입해야 합니다.

이 코드는 고객님의 CRM 시스템에서 찾을 수 있으며, 원래 양식을 만든 곳입니다. CRM에서 HTML 코드를 복사한 후, EdCommerce의 편집기에 붙여넣기 하세요.

코드를 붙여넣은 후 저장하는 것을 잊지 마세요.

이 작업이 제대로 작동하려면, IFRAME 코드여야 합니다.

예시:

<iframe src="https://share.hsforms.com/1kd5fKSSYQCWK_fCwBq95Wg3tjye" style="border:0px #ffffff none;" name="myiFrame" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="1200px" width="100%" allowfullscreen></iframe>

일부 경우, CRM에서 생성된 HTML 코드는 스크립트 형식일 수 있습니다. 이러한 스크립트를 페이지에 삽입하려면 스크립트를 iframe으로 변환해야 합니다. 이 변환을 위해 Iframe Generator와 같은 온라인 도구를 사용할 수 있습니다.

다음과 같이 하세요:

  • Iframe Generator 또는 유사한 도구로 이동하세요.
  • 상자에 CRM 스크립트를 복사하세요.
  • 필요에 따라 iframe 크기와 같은 설정을 변경하세요.
  • iframe 코드를 받기 위해 클릭하세요.
  • 이 코드를 Edcommerce HTML 블록에 복사하여 붙여넣기 하세요.

3단계: 페이지 미리보기 및 게시

내장된 양식이 올바르게 표시되는지 확인하기 위해 페이지를 미리보세요.

모든 것이 의도한 대로 표시되면, 변경 사항을 적용하기 위해 페이지를 게시하세요.