​
1. 설치 가이드

​
1-1. 사용 방법

글로벌 오더 링크 기능은 반드시 가맹점 웹사이트의 상품 페이지에 생성해야합니다.

각 컴포넌트는 두 가지 방식 중 하나를 선택하여 설치할 수 있습니다. 프로젝트의 구조나 선호도에 따라 적합한 방식을 선택하세요.

  • 인라인 스타일 버전: 별도의 CSS 파일 없이 HTML 파일 하나로 구성되어 있습니다.
  • HTML/CSS 분리 버전: HTML과 CSS를 분리하여 관리할 수 있습니다.

​
1-2. 맞춤 설정

  • 스타일 수정: 브랜드 아이덴티티에 맞게 CSS를 수정하여 버튼이나 배경색 등을 변경할 수 있습니다.
  • 해외 사용 설정 : 글로벌 오더를 해외 사용자인 경우에만 로드하는 경우, 해외 사용 설정하기 문서를 참고해주세요.

​
2. Top Bar (링크형) 컴포넌트

해당 컴포넌트는 이해를 돕기 위한 샘플입니다.
링크와 함수가 가이드에 맞게 동일하게 동작한다면, 스타일은 자유롭게 수정하여 사용 가능합니다.

​
2-1. 기능

  • 상품 페이지 상단에 “Buy Now” 버튼과 “We now ship to worldwide” 메시지를 표시합니다.
  • “Buy Now” 버튼은 사용자를 딜리버드 코리아 구매대행 요청 URL로 이동시킵니다.

​
2-2. 코드 설명

  • Buy Now 링크: 현재 페이지의 URL을 encodeURIComponent()로 인코딩하여 딜리버드 코리아 구매대행 요청 URL에 포함시킵니다.

​
2-3. 컴포넌트 코드

글로벌 오더 링크 기능은 반드시 가맹점 웹사이트의 상품 페이지에 생성해야합니다.