우커머스 예약 – 맞춤형 구글 캘린더 통합

우커머스 예약 – 맞춤형 구글 캘린더 통합

WooCommerce Bookings 확장 프로그램을 사용하면 예약을 Google 캘린더와 동기화할 수 있으며 양방향 동기화를 지원합니다.

아래 단계에 따라 자신의 앱 자격 증명을 사용하여 Google 캘린더를 연결할 수 있습니다.

작동중인 연결이 있다면, 먼저 연결을 해제하고 이 방법으로 전환해야 됩니다.

1 단계: Google Developers Console

이 통합을 사용하려면 Google Developers Console로 이동하세요.

2 단계: 프로젝트 생성

프로젝트 -> “프로젝트 만들기” 버튼으로 이동합니다. 팝업이 나타나고 프로젝트 이름을 입력합니다.

프로젝트 만들기

3 단계: Calendar API 활성화

프로젝트가 생성되면 왼쪽 상단 드롭 다운에서 프로젝트를 선택합니다. Google Calendar API를 선택합니다.

프로젝트 선택

여기서는 API를 찾기위해 검색 했습니다.

캘린더 API 검색

“사용” 버튼 클릭

사용하기

4 단계: 사용자 인증 정보 생성

그러면 사용자 인증 정보를 생성하라는 메시지가 표시됩니다. 사용자 인증 정보로 이동을 선택합니다.

사용자 인증 정보

대체 방법: 메뉴 -> API 및 서비스 -> 사용자 인증 정보로 직접 이동합니다. 여기에서 만들기를 선택하고 OAuth 클라이언트 ID를 클릭합니다.

5 단계: 새 사용자 인증 정보 설정

  • “어떤 API를 사용하고 있습니까?”에서 “Google Calendar API”를 선택합니다.
  • “액세스할 데이터는 무엇인가요?”에서 “사용자 데이터”를 선택합니다.
  • 이제 동의 화면에 대한 세부 정보를 입력할 수 있습니다. (참고: WP-Admin -> 예약 -> 설정 -> 캘린더 통합의 사이트에서 연결을 클릭하면 동의 화면이 표시됩니다.)

그 다음 앱 정보를 입력합니다.

  • 앱 이름 입력
  • 이메일 선택
  • 앱 로고를 추가하려면 Google의 확인이 필요하며 최대 4~6 주가 소요될 수 있습니다. 이 앱은 사이트를 캘린더에 연결하는데 내부적으로만 사용되므로 로고를 추가하지 않는 것이 좋습니다.
OAuth 클라이언트 ID

6 단계: 자격 증명 설정 완료

앞의 단계를 모두 마쳤다면, ‘새로 고침’을 해줍니다.

또는 API 및 서비스 -> 사용자 인증 정보 페이지로 직접 이동합니다.

사용자 인증 정보 만들기를 선택하고 OAuth 클라이언트 ID를 클릭하고 5단계를 다시 실행합니다.

사용자 인증 정보 만들기
  • 프로젝트 이름 추가
  • “승인된 자바스크립트 원본”은 비워 둡니다.
  • https://사이트URL/wc-api/wc_bookings_google_calendar/를 인증된 리디렉션 URL로 입력
클라이언트 ID 설정

여기서는 bizlog.me와 연결하므로 https://bizlog.me/wc-api/wc_bookings_google_calendar/ 을 사용합니다.

7 단계: 웹 사이트에 사용자 인증 정보 추가

이를 생성한 후 API -> 사용자 인증 정보 페이지로 다시 이동합니다.

  1. 사용자 인증 정보 이름을 클릭하여 엽니다.
  2. 클라이언트 ID와 클라이언트 보안비밀을 복사합니다.

대체 방법: 자격 증명을 다운로드하고 .json 파일을 열어 액세스합니다. 파일에서 다음 두 가지는 Bookings 통합에 필요합니다.

  • client_id
  • client_secret
클라이언트 ID, 보안비밀

대시보드에서 예약 -> 설정 -> 캘린더 연결로 이동합니다.

  1. “사용자 정의 Google 캘린더 앱과 연결” 섹션 아래에 클라이언트 ID와 비밀을 입력합니다.
  2. 설정 저장
클라이언트 ID, 비밀 입력

8 단계: Google로 승인

설정을 저장한 후 “사용자 정의 Google 앱과 연결” 버튼을 클릭하여 Google에 계정과 캘린더를 승인합니다.

구글 앱과 연결

그러면 Google 계정을 선택하는 화면이 팝업됩니다.

Choose an account
구글 계정 선택

확인되지 않은 앱에 대한 경고가 표시되며 여기에서 자세한 내용을 확인할 수 있습니다. ‘고급’을 클릭하십시오.

Warning Message
확인되지 않은 앱

고급을 클릭하면 나타나는 링크를 클릭하십시오.

캘린더에 대한 액세스 권한을 부여하는 팝업이 표시됩니다. 허용을 클릭하십시오.

Allow Access to Calendar
캘린더 허용

다음 화면에서 허용을 클릭하여 액세스를 확인합니다.

Confirm Access
액세스 허용 확인

그러면 사이트로 다시 이동되고, 연결되면 “성공적으로 인증했습니다” 메시지가 표시됩니다.

9 단계: 캘린더 및 동기화 환경 설정

여기에 있는 단계에 따라 설정을 완료하고 Google 캘린더와의 통합에 대해 자세히 알아볼 수 있습니다.

원문: https://docs.woocommerce.com/document/custom-google-calendar-integration/

코멘트 제출