자신의 사이트에 Edcommerce 프로그램을 임베드하는 방법.

Last updated: July 27, 2026

EdCommerce 콘텐츠를 기존 외부 웹사이트에 임베드하는 방법을 설명하며, EdCommerce 설정 > 위젯에서 위젯을 생성하고, 외관을 맞춤화하며, 생성된 코드 스니펫을 HTML 블록에 붙여넣는 방법을 안내합니다. WordPress(엘리멘터 및 비주얼 코퍼스), Wix, Squarespace에 대한 단계별 지침과 블로그 게시물, 이벤트 페이지, 위치 페이지, 감사 페이지, 프로모션 캠페인과 같은 사용 사례도 포함되어 있습니다.

EdCommerce를 사용하면 스타일리시한 전자상거래 랜딩 페이지를 제작할 수 있을 뿐만 아니라 전체 웹사이트를 생성할 수도 있으며, 강력한 기능을 기존 웹사이트에 원활하게 통합할 수도 있습니다.

이것은 현재 웹사이트의 기능과 EdCommerce의 강력한 기능을 모두 활용할 수 있다는 의미입니다.

이것은 위젯을 생성하고 임베드하는 방식으로 수행할 수 있습니다. 방법을 살펴보겠습니다.

EdCommerce 위젯 생성 방법

  1. EdCommerce 설정에 접속: EdCommerce 계정에 로그인하고 '설정' 섹션으로 이동하세요.
  2. 위젯 생성: 왼쪽 메뉴에서 '위젯'을 선택한 후 '새 위젯 생성'을 클릭하세요.
  3. 위젯 세부 정보 입력: 위젯 이름, 선호하는 언어, 통화, 학생 국적을 입력하세요.
  4. 콘텐츠 선택: 위젯에 표시할 과정 또는 제공자를 선택하세요. "과정" 또는 "제공자"를 클릭하고 오른쪽 목록에서 원하는 항목을 선택하세요.
  5. 외관 맞춤화: 글꼴 스타일, 배경색, 박스 그림자를 편집하여 웹사이트 디자인에 맞게 조정하세요. 또한, 위젯 미리보기 내의 사각형 아이콘을 클릭하여 여백을 수정할 수도 있습니다.
  6. 위젯 저장: 설정에 만족하면 '저장'을 클릭하세요.

위젯을 저장한 후 코드 스니펫을 받게 됩니다.

이 코드는 웹사이트에 추가해야 하며, 방법은 계속 읽어보세요.

웹사이트에 EdCommerce 위젯을 추가하는 방법

웹사이트에서 이 위젯을 배치하고 싶은 페이지를 열고 HTML 박스에 코드를 삽입하세요.

웹사이트의 CMS(WordPress 또는 Wix 등)에 따라 이 코드를 추가하는 방법이 다를 수 있습니다. 일반적으로 모든 웹사이트 편집기는 HTML 박스를 드래그 앤 드롭할 수 있습니다.

다음은 몇 가지 예시입니다:

WordPress(엘리멘터 사용):

  • 엘리멘터로 편집하려는 페이지를 엽니다.
  • 왼쪽 패널에서 'HTML' 위젯을 드래그하여 원하는 위치에 놓습니다.
  • EdCommerce 스니펫 코드를 HTML 코드 박스에 붙여넣기 합니다.
  • '업데이트'를 클릭하여 변경 사항을 저장하세요.

WordPress(비주얼 코퍼스 사용):

  • 위젯을 포함하려는 페이지를 편집하세요.
  • 새 요소를 추가하려면 '+' 버튼을 클릭하세요.
  • 콘텐츠 요소에서 '원시 HTML' 또는 '맞춤 HTML'을 선택하세요.
  • EdCommerce 스니펫 코드를 텍스트 상자에 붙여넣기 하세요.
  • 페이지에서 '업데이트'를 클릭하여 변경 사항을 저장하세요.

Wix:

  • Wix 편집기에서 편집하려는 페이지로 이동하세요.
  • 왼쪽 메뉴에서 '추가' (+)를 클릭하고 '더 보기'를 선택하세요.
  • 드롭다운 메뉴에서 'HTML iframe'을 선택하세요.
  • '코드 입력'을 클릭한 후 EdCommerce 스니펫 코드를 HTML 설정 상자에 붙여넣기 하세요.
  • '적용'을 클릭하여 저장하고 페이지에서 위젯을 확인하세요.

Squarespace:

  • 위젯을 추가하려는 페이지로 이동하세요.
  • '+블록 추가'를 클릭하고 메뉴에서 '코드'를 선택하세요.
  • EdCommerce 스니펫 코드를 코드 블록에 붙여넣기 하고 '적용'을 클릭하세요.

편집기에서 HTML 모듈을 찾을 수 없다면, '리치 텍스트' 모듈의 코드를 편집하여 하는 것도 시도해보세요.

사용 사례

이 기능을 사용하면 웹사이트를 더 매력적이고 유익한 플랫폼으로 바꿀 수 있습니다. 이러한 위젯을 사이트에 삽입하면 콘텐츠를 향상시키고, 사용자 참여를 높이며, 전환율을 증가시킬 수 있습니다.

다음은 Edcommerce 위젯이 사이트 전반에서 창의적으로 활용될 수 있는 몇 가지 예입니다:

블로그 게시물 향상:

특정 지역에서 공부하는 것에 관한 블로그 게시물을 작성하는 경우, 예를 들어 시드니, 게시물 끝에 위젯을 삽입하세요. 시드니의 상위 3개 프로그램 또는 특별 프로모션을 소개하여 독자가 이러한 옵션을 탐색하도록 유도하세요. 이는 관련 프로그램에 콘텐츠를 직접 연결하여 전환율을 크게 높일 수 있습니다.

이벤트 페이지:

교육 박람회 또는 웨비나를 홍보하는 웹페이지에서는, 위젯을 삽입하여 프로그램 또는 참여 기관을 보여주세요. 이는 방문자에게 기대할 수 있는 내용을 미리 보여주고, 등록 또는 추가 문의를 유도할 수 있습니다.

지역별 페이지:

특정 학습 목적지 또는 국가에 전용 페이지가 있다면, 해당 페이지에 위젯을 삽입하여 그 지역에서 제공하는 프로그램을 보여주세요. 이미 관심이 있는 사용자에게 적합한 옵션을 제공하는 좋은 방법입니다.

뉴스레터 구독 감사 페이지:

방문자가 뉴스레터를 구독한 후, 감사 페이지로 이동합니다. 여기서 위젯을 삽입하여 인기 또는 추천 프로그램으로 즉시 참여를 유도하세요.

프로모션 캠페인 동안:

특정 과정 또는 목적지에 대한 프로모션 캠페인을 진행하는 경우, 캠페인 랜딩 페이지에 위젯을 통합하세요. 캠페인과 관련된 프로그램을 보여주도록 위젯을 맞춤 설정하여 일관된 사용자 경험을 제공하세요.