어떻게 하면 외부 랜딩 페이지나 웹사이트에 Edcommerce 양식을 삽입할 수 있나요.

Last updated: July 27, 2026

설명하는 방법은 설정 > 이커머스 > 양식에서 EdCommerce 리드-폼 iframe을 복사하는 방법입니다 — 사무실별 3-점 메뉴 또는 모든 사무실에 대한 단일 양식을 상단 메뉴의 '리드 폼용 iframe 복사' 버튼을 통해 — 그리고 HTML을 WordPress/Elementor, Shopify 또는 Wix와 같은 외부 웹사이트 또는 CMS에 붙여넣기 하는 방법입니다. 또한 iframe URL을 편집하여 수행한 두 가지 사용자 지정 사항을 문서화합니다: 언어 코드(EN, PT, ES, ES_MX, PT_BR, DE, IT, TR, FR, JA, KO)를 추가하고 제출 버튼 색상을 설정하는 HEX 코드를 추가하는 것. 외부에 임베드할 수 있는 양식은 리드 양식뿐입니다 — 예약 양식은 EdCommerce 전용이며 — 제출된 리드가 Edvisor와 동기화되고, 적절한 상담사에게 자동 할당되며, 올바른 파이프라인과 단계에 배치됩니다.

EdCommerce는 다양한 리드 및 예약 양식을 생성하고 개인화할 수 있는 강력한 기능을 제공하여, 고객의 리드와 예약에서 올바른 정보를 쉽게 수집할 수 있도록 합니다.

이 기사에서는 웹사이트의 다른 페이지에 리드 양식을 임베드하는 방법을 보여줍니다. 이를 통해 온라인 상점뿐만 아니라 어떤 웹페이지에서도 리드 수집이 가능합니다.

\이 리드들은 이후에 Edvisor 계정과 동기화되고, 적절한 상담사에게 자동 할당되며, 적절한 파이프라인과 단계에 추가됩니다.*

*아직 양식을 구성하지 않았다면, 이 기사로 돌아가서 EdCommerce 사이트 내에서 양식을 설정하고 개인화하는 방법을 배우세요.

**참고로, 리드 양식만 웹사이트에 임베드할 수 있습니다. 예약 양식은 EdCommerce 전용입니다.

어떻게 EdCommerce 양식을 어떤 랜딩 페이지 또는 웹사이트에 임베드하는가

  • 다음으로 이동: 설정 > 이커머스 > 양식

그런 다음, 각 사무실 옆에 있는 3-점 아이콘을 클릭하고, '리드 폼용 iframe 복사'를 선택하여 특정 사무실에 대해 생성된 양식을 임베드하세요.

또는 상단 메뉴에서 '리드 폼용 iframe 복사' 버튼을 클릭하여 모든 사무실에 대한 고유한 양식을 임베드할 수 있습니다.

웹사이트에 복사하고 붙여넣기할 HTML 코드를 받게 됩니다.

WordPress(또는 Elementor와 같은 사이트 빌더), Shopify, 또는 Wix를 사용하는 경우, 일반적으로 HTML 코드 조각으로 임베드하는 간단한 방법을 제공합니다.

이것은 보통 위젯 또는 도구 상자 내 항목으로, 드래그 앤 드롭으로 쉽게 사용할 수 있습니다.

예를 들어, Elementor와 같은 웹사이트 빌더를 사용하는 경우, HTML 위젯을 통해 추가할 수 있습니다.

양식 언어를 사용자 지정하는 방법

리드 폼의 언어를 정의하려면 HTML 코드 내 URL 끝에 언어 코드를 추가하세요:

예제:

src="https://dev-virtual.edvisor.io/edvisor/ecommerce-campaign/lead-form-iframe/en"

여기서 다양한 언어에 대한 언어 코드를 볼 수 있습니다:

  • EN = 영어
  • PT = 포르투갈어
  • ES = 스페인어
  • ES_MX = 라틴 아메리카 스페인어
  • PT_BR = 브라질 포르투갈어
  • DE = 독일어
  • IT = 이탈리아어
  • TR = 터키어
  • FR = 프랑스어
  • JA = 일본어
  • KO = 한국어

폼 버튼 색상 맞춤화 방법

내장된 리드 폼의 '제출' 버튼 색상을 브랜드에 맞게 개인화할 수도 있습니다. 매우 간단합니다:

  1. 브랜드 색상의 HEX 코드를 찾으세요 (예: #4EB2F4).
  2. 이 HEX 코드를 포함하려는 폼의 URL에 추가하세요.

예를 들어, HEX 코드 #4EB2F4의 색상을 사용하려면, URL은 다음과 같이 보일 것입니다:

<iframe title="리드 폼">
    src="https://virtual.edvisor.io/nuevalengua/cotizador/lead-form-iframe/en/4EB2F4/9447">
    width="500">
    height="900">
    frameborder="0">
    allowfullscreen="true">
</iframe>

그냥 #4EB2F4를 사용자 지정 HEX 색상 코드로 교체하여 마법이 일어나는 것을 확인하세요!

학생이 이러한 폼 중 하나를 완료하면, 리드는 비즈니스 규칙에 따라 적절한 상담사에게 할당됩니다. 이 리드들은 또한 귀하의 Edvisor 계정과 동기화되며, 올바른 파이프라인과 단계에 추가됩니다.