ElementsKit은 Elementor로 웹사이트를 구축하기 위한 완벽한 솔루션입니다. ElementsKit을 사용하면 Elementor 양식을 Google 스프레드시트에 통합할 수 있습니다.
Google Sheets 모듈을 사용하면 웹사이트의 Elementor 양식에서 Google Sheets로 데이터를 직접 내보낼 수 있습니다. 사용자가 웹사이트에서 양식을 제출하면 제출된 데이터가 모든 제출 내용이 포함된 Google 시트로 내보내집니다.
ElementsKit Google Sheets 모듈을 사용하는 방법을 알아보려면 이 문서를 읽어보세요.
필수 플러그인: #
ElementsKit의 Google 시트 모듈을 사용하려면 WordPress 사이트에 다음 플러그인을 설치해야 합니다.
전제 조건: #
당신은 Google Cloud Platform의 계정. 그러니 계정이 없다면, 하나를 만들어라 절차를 시작하기 전에.
1단계: Google 시트 모듈 활성화 #
모듈을 활성화하려면:
- 로 이동 ElementsKit > 모듈 WordPress 대시보드에서.
- “를 찾으세요.Elementor Pro용 Google 시트” 모듈을 목록에서 선택하세요.
- 버튼을 다음으로 전환하세요. 에 모듈의 경우.
- 다음을 클릭하세요. 변경 사항을 저장하다 단추.
![ElementsKit-Google-시트 모듈](https://wpmet.com/wp-content/uploads/2022/09/G_Sheets_module-1.png)
2단계: 통합을 위한 Google 개발자 앱 만들기 #
이 단계에는 새 프로젝트 생성, 인증을 위한 앱 등록, 자격 증명 생성이 포함됩니다.
2.1 Google 클라우드 콘솔에서 새 프로젝트 만들기 #
새 프로젝트를 생성하려면:
- 이동 https://console.cloud.google.com/ Google 개발자 계정으로 로그인하세요.
- 로 이동 프로젝트 선택 > 새 프로젝트.
![Google Cloud Console에서 프로젝트 만들기](https://wpmet.com/wp-content/uploads/2022/09/G_Sheets_module-2.1a.png)
- 새 프로젝트의 경우 프로젝트 이름 그리고 위치 (필수는 아님) 그런 다음 만들기 버튼을 클릭하세요.
![Google Cloud Console에서 프로젝트 만들기](https://wpmet.com/wp-content/uploads/2022/09/G_Sheets_module-2.1b.png)
프로젝트를 생성하는 데 몇 초 정도 걸릴 수 있습니다. 알림바를 확인하여 프로젝트가 생성되면 클릭하여 프로젝트를 선택하세요.
![Google Cloud Console에서 프로젝트 만들기](https://wpmet.com/wp-content/uploads/2022/09/G_Sheets_module-2.1c.png)
2.2 프로젝트에 앱 등록 #
다음 단계는 방금 만든 프로젝트에 대한 개발자 앱을 만드는 것입니다. 그에 대한,
- 열기 프로젝트 대시보드. (이미 마지막 단계에서 대시보드를 열었습니다.)
- 다음을 클릭하세요. “API 개요로 이동” API 열 아래에 있습니다.
![Google Cloud Console에서 프로젝트 만들기](https://wpmet.com/wp-content/uploads/2022/09/G_Sheets_module-2.2a.png)
- 열기 OAuth 콘텐츠 화면 왼쪽 사이드바에서.
- OAuth 콘텐츠 화면에서 다음을 설정합니다. 사용자 유형을 외부로.
![](https://wpmet.com/wp-content/uploads/2022/09/ekit-google-sheet-oauth-screen.png)
- 다음을 포함한 앱 정보를 입력하세요. 앱 이름 그리고 사용자 지원 이메일.
![앱 OAuth 화면 - Elementor와 Google 시트 통합](https://wpmet.com/wp-content/uploads/2022/09/G_Sheets_module-2.2b.png)
- 그런 다음 다음을 포함한 앱 도메인을 입력하세요. 애플리케이션 홈페이지, 승인된 도메인, 그리고 개발자 연락처 정보.
- 다음을 클릭하세요. 저장하고 계속 단추.
![앱 OAuth 화면 - Elementor와 Google 시트 통합](https://wpmet.com/wp-content/uploads/2022/09/G_Sheets_module-2.2cs.png)
그런 다음 범위 및 테스트 사용자 탭을 계속합니다. 이는 선택적인 기능입니다. 원하는 경우 정보를 추가하거나 그대로 둘 수 있습니다.
2.3 앱 자격 증명 만들기 #
그런 다음 앱 자격 증명을 만드는 단계가 옵니다. 그에 대한,
- 열기 신임장 프로젝트 대시보드의 왼쪽 사이드바에서 페이지를 확인하세요.
- 다음을 클릭하세요. “+자격증명 생성”. 자격 증명 드롭다운 목록이 확장됩니다.
- 선택하다 OAuth 클라이언트 ID 드롭다운에서
![자격 증명 만들기-Elementor와 Google 시트 통합](https://wpmet.com/wp-content/uploads/2022/09/G_Sheets_module-2.3a.png)
다음 페이지에서 다음 정보를 입력하여 OAuth 클라이언트 ID를 생성할 수 있습니다.
- 다음을 선택하세요. 응용프로그램 유형.
- 다음을 입력하세요. 이름.
![자격 증명 만들기-Elementor와 Google 시트 통합](https://wpmet.com/wp-content/uploads/2022/09/G_Sheets_module-2.3b.png)
- 이제 다음 항목을 입력해야 합니다. 승인된 리디렉션 URL. ElementsKit 플러그인에서 URL을 얻을 수 있습니다. 이를 위해 다음으로 이동하십시오. WordPress 대시보드 > ElementsKit > 설정 > Elementor Pro 양식용 Google 시트 그리고 “유효한 OAuth 리디렉션 URL".
![Elementor 양식에서 Google 시트로 데이터 내보내기](https://wpmet.com/wp-content/uploads/2022/09/G_Sheets_module-2.3c.png)
- URL을 복사한 후 Google 클라우드 콘솔에 있는 프로젝트 대시보드의 자격 증명 페이지로 돌아가 승인된 리디렉션 URL을 입력하고 만들다 버튼을 눌러 이 절차를 완료하세요.
- 이제 OAuth 클라이언트가 생성되고 팝업 화면이 나타납니다. 귀하의 클라이언트 ID 그리고 귀하의 클라이언트 비밀번호. 해당 자격 증명을 복사하고 다음 단계로 진행합니다.
![Google 앱 클라이언트 자격 증명](https://wpmet.com/wp-content/uploads/2022/09/G_Sheets_module-2.3d.png)
3단계: Google Sheets API 활성화 #
계속 진행하기 전에 Google Sheets API를 활성화해야 합니다. 활성화하려면,
- 로 이동 Google Cloud 콘솔의 API 라이브러리.
- Google Sheets API를 검색하세요.
![Google 스프레드시트 API 활성화](https://wpmet.com/wp-content/uploads/2022/09/G_Sheets_module-3as.png)
- Google Sheets API 페이지를 열고 할 수 있게 하다 단추.
![Google 스프레드시트 API 활성화](https://wpmet.com/wp-content/uploads/2022/09/G_Sheets_module-3b.png)
4단계: 앱 자격 증명으로 확인 #
앱 자격 증명을 생성한 후 WordPress 대시보드로 이동합니다. 그 다음에,
- 로 이동 ElementsKit > 사용자 설정.
![Elementor 양식에서 Google 시트로 데이터 내보내기](https://wpmet.com/wp-content/uploads/2022/09/G_Sheets_module-4.1.png)
- 다음에 대한 옵션을 엽니다. Elementor Pro 양식용 Google 시트.
- 붙여넣기 구글 클라이언트 ID 그리고 Google 클라이언트 비밀번호 해당 분야에. (이것은 마지막에 생성하고 복사한 자격 증명입니다. 2 단계).
- 을 치다 변경 사항을 저장하다 단추.
- 그런 다음 액세스 토큰을 생성합니다.
![Elementor 양식에서 Google 시트로 데이터 내보내기](https://wpmet.com/wp-content/uploads/2022/09/G_Sheets_module-4.2.png)
액세스 토큰 생성을 클릭하면 Google 계정으로 로그인하고 계속 진행해야 합니다. 로그인하면 'Google에서 이 앱을 인증하지 않았습니다'라는 화면이 나타납니다. 걱정하지 마시고 안전하지 않은 모드로 이동을 클릭하세요.
![구글 앱 확인](https://wpmet.com/wp-content/uploads/2022/09/G_Sheets_module-4.3.png)
그 후 다음을 클릭하세요. 계속하다 액세스를 확인합니다.
![구글 앱 확인](https://wpmet.com/wp-content/uploads/2022/09/G_Sheets_module-4.4.png)
5단계: Elementor 양식에서 Google 시트로 데이터 내보내기 #
- Elementor 편집기로 페이지를 엽니다.
- Elementor Pro 드래그 앤 드롭 양식 위젯 페이지로.
- 찾기 구글 시트 콘텐츠 탭 아래 섹션.
![ElementsKit과 Google 시트 통합](https://wpmet.com/wp-content/uploads/2022/09/G_Sheets_module-5.1.png)
- 할 수 있게 하다 기능.
- 다음을 입력하세요. 시트 이름.
- 다음을 클릭하세요. 업데이트 단추.
![ElementsKit과 Google 시트 통합](https://wpmet.com/wp-content/uploads/2022/09/G_Sheets_module-5.2.png)
그런 다음 미리보기에서 양식을 열고 양식을 제출하세요 필요한 정보와 함께.
![Elementor Pro 양식 제출](https://wpmet.com/wp-content/uploads/2022/09/G_Sheets_module-5.3.png)
이제 Google 스프레드시트 메뉴 앞서 입력한 양식 이름을 찾으세요.
![Elementor 양식에서 Google 시트로 데이터 내보내기](https://wpmet.com/wp-content/uploads/2022/09/G_Sheets_module-5.4.png)
마지막으로 시트 파일을 열면 Google 시트에 Elementor 양식이 추가되어 제출한 데이터가 표시됩니다.
![Elementor 양식에서 Google 시트로 가져온 데이터](https://wpmet.com/wp-content/uploads/2022/09/G_Sheets_module-5.5.png)