WooCommerce Bookings 확장 프로그램을 사용하면 예약을 Google 캘린더와 동기화할 수 있으며 양방향 동기화를 지원합니다.
아래 단계에 따라 자신의 앱 자격 증명을 사용하여 Google 캘린더를 연결할 수 있습니다.
작동중인 연결이 있다면, 먼저 연결을 해제하고 이 방법으로 전환해야 됩니다.
1 단계: Google Developers Console
이 통합을 사용하려면 Google Developers Console로 이동하세요.
2 단계: 프로젝트 생성
프로젝트 -> “프로젝트 만들기” 버튼으로 이동합니다. 팝업이 나타나고 프로젝트 이름을 입력합니다.
3 단계: Calendar API 활성화
프로젝트가 생성되면 왼쪽 상단 드롭 다운에서 프로젝트를 선택합니다. Google Calendar API를 선택합니다.
여기서는 API를 찾기위해 검색 했습니다.
“사용” 버튼 클릭
4 단계: 사용자 인증 정보 생성
그러면 사용자 인증 정보를 생성하라는 메시지가 표시됩니다. 사용자 인증 정보로 이동을 선택합니다.
대체 방법: 메뉴 -> API 및 서비스 -> 사용자 인증 정보로 직접 이동합니다. 여기에서 만들기를 선택하고 OAuth 클라이언트 ID를 클릭합니다.
5 단계: 새 사용자 인증 정보 설정
- “어떤 API를 사용하고 있습니까?”에서 “Google Calendar API”를 선택합니다.
- “액세스할 데이터는 무엇인가요?”에서 “사용자 데이터”를 선택합니다.
- 이제 동의 화면에 대한 세부 정보를 입력할 수 있습니다. (참고: WP-Admin -> 예약 -> 설정 -> 캘린더 통합의 사이트에서 연결을 클릭하면 동의 화면이 표시됩니다.)
그 다음 앱 정보를 입력합니다.
- 앱 이름 입력
- 이메일 선택
- 앱 로고를 추가하려면 Google의 확인이 필요하며 최대 4~6 주가 소요될 수 있습니다. 이 앱은 사이트를 캘린더에 연결하는데 내부적으로만 사용되므로 로고를 추가하지 않는 것이 좋습니다.
6 단계: 자격 증명 설정 완료
앞의 단계를 모두 마쳤다면, ‘새로 고침’을 해줍니다.
또는 API 및 서비스 -> 사용자 인증 정보 페이지로 직접 이동합니다.
사용자 인증 정보 만들기를 선택하고 OAuth 클라이언트 ID를 클릭하고 5단계를 다시 실행합니다.
- 프로젝트 이름 추가
- “승인된 자바스크립트 원본”은 비워 둡니다.
- https://사이트URL/wc-api/wc_bookings_google_calendar/를 인증된 리디렉션 URL로 입력
여기서는 bizlog.me와 연결하므로 https://bizlog.me/wc-api/wc_bookings_google_calendar/
을 사용합니다.
7 단계: 웹 사이트에 사용자 인증 정보 추가
이를 생성한 후 API -> 사용자 인증 정보 페이지로 다시 이동합니다.
- 사용자 인증 정보 이름을 클릭하여 엽니다.
- 클라이언트 ID와 클라이언트 보안비밀을 복사합니다.
대체 방법: 자격 증명을 다운로드하고 .json 파일을 열어 액세스합니다. 파일에서 다음 두 가지는 Bookings 통합에 필요합니다.
client_id
client_secret
대시보드에서 예약 -> 설정 -> 캘린더 연결로 이동합니다.
- “사용자 정의 Google 캘린더 앱과 연결” 섹션 아래에 클라이언트 ID와 비밀을 입력합니다.
- 설정 저장
8 단계: Google로 승인
설정을 저장한 후 “사용자 정의 Google 앱과 연결” 버튼을 클릭하여 Google에 계정과 캘린더를 승인합니다.
그러면 Google 계정을 선택하는 화면이 팝업됩니다.
확인되지 않은 앱에 대한 경고가 표시되며 여기에서 자세한 내용을 확인할 수 있습니다. ‘고급’을 클릭하십시오.
고급을 클릭하면 나타나는 링크를 클릭하십시오.
캘린더에 대한 액세스 권한을 부여하는 팝업이 표시됩니다. 허용을 클릭하십시오.
다음 화면에서 허용을 클릭하여 액세스를 확인합니다.
그러면 사이트로 다시 이동되고, 연결되면 “성공적으로 인증했습니다” 메시지가 표시됩니다.
9 단계: 캘린더 및 동기화 환경 설정
여기에 있는 단계에 따라 설정을 완료하고 Google 캘린더와의 통합에 대해 자세히 알아볼 수 있습니다.
원문: https://docs.woocommerce.com/document/custom-google-calendar-integration/