베타Lovable용 HubSpot 커넥터를 사용하여 앱을 구축하세요

주의: 이 문서의 정보는 기밀 사항이며,

Lovable용

HubSpot 커넥터 비공개 베타 프로그램 참가자만을 대상으로 합니다. 여기에 설명된 정보를 공개적으로 공유하지 마십시오.

Lovable용 HubSpot 커넥터를 사용하여 HubSpot 데이터를 기반으로 맞춤형 앱과 사용자 인터페이스를 구축할 수 있습니다. 관리자가 액세스 권한을 구성하면, 사용자는 HubSpot을 Lovable에 연결하고, 자연어로 앱을 설명하며, 해당 앱을 다른 사용자와 공유할 수 있습니다.

각 사용자의 HubSpot 데이터 접근 권한은 기존 HubSpot 사용자 권한을 기반으로 합니다. 사용자가 Lovable 앱을 구축하거나 액세스할 때, HubSpot 내에서 접근 권한이 부여된 데이터에만 접근할 수 있습니다. 관리자는 누가 Lovable 앱을 구축할 수 있고, 누가 HubSpot용 Lovable 커넥터에 액세스할 수 있는지 제어합니다.

시작하기 전에

사용자가 HubSpot 데이터를 사용하여 Lovable에서 앱을 구축하기 전에 다음 사항을 확인하십시오.

• 슈퍼 관리자: HubSpot에서 사용자에게 ‘Lovable용 HubSpot 커넥터 ’ 권한을 부여하고, 커넥터 및 Lovable에서 제작된 앱을 설치할 수 있는 사용자를 승인하십시오.
• Lovable 관리자: Lovable 워크스페이스에서 HubSpot 커넥터를 활성화하십시오.
• 앱을 개발하는 사용자: 자신의 HubSpot 계정을 Lovable에 연결하고, 앱을 개발한 후 다른 사용자와 공유합니다.
• 앱에 액세스하는 사용자: Lovable에서 제작된 앱에 액세스할 수 있지만, 직접 앱을 제작하지는 않습니다.
• HubSpot 데이터는 개별 사용자에게만 적용됩니다. 앱을 개발하거나 액세스한다고 해서 사용자가 기존 HubSpot 권한을 넘어서는 HubSpot 데이터에 액세스할 수 있는 것은 아닙니다.
• HubSpot을 Lovable에 연결할 때는 사용 가능한 모든 선택적 권한을 선택하는 것이 좋습니다. 선택한 선택적 권한은 커넥터를 사용하여 구축하는 앱에 부여될 수 있는 HubSpot 권한의 최대 범위를 결정합니다. 일부 선택적 권한만 선택하면 Lovable에서 구축할 수 있는 앱과 기능이 제한될 수 있습니다.

사용자 액세스 설정 (관리자 권한 필요)

사용자가 Lovable용 HubSpot 커넥터를 사용하기 전에 다음 단계를 완료하십시오.

1. 사용자에게 Lovable에서 앱을 구축할 수 있는 권한 부여

슈퍼 관리자는 먼저 Lovable 앱을 구축할 사용자에게 Lovable용 HubSpot 커넥터에 대한 권한을 부여해야 합니다.

1. HubSpot 계정의 상단 탐색 모음에서 설정 아이콘을 클릭합니다.
2. 왼쪽 사이드바 메뉴에서 ‘사용자 및 팀’으로 이동합니다.
3. 사용자 테이블에서 사용자 레코드를 클릭한 다음, '액세스' 탭을 클릭합니다.
4. '권한' 섹션에서 '권한 편집'을 클릭합니다.
5. '권한 선택' 섹션을 클릭하여 확장합니다.
6. 'AI 기능'을 클릭합니다.
7. 'Lovable용 HubSpot 커넥터' 스위치를 켜십시오.
8. 오른쪽 상단에서 ‘저장’을 클릭합니다.

권한을 부여한 후, 커넥터를 설치할 수 있는 사용자를 승인하십시오.

2.

Lovable용

HubSpot

커넥터

설치 사용자 승인

슈퍼 관리자는 사용자가 Lovable용 HubSpot 커넥터를 설치할 수 있도록 접근 권한을 승인해야 합니다.

1. HubSpot 계정의 상단 탐색 모음에서 설정 아이콘을 클릭합니다.
2. 왼쪽 사이드바 메뉴에서 ‘통합’ > ‘연동된 앱’으로 이동합니다.
3. '승인된 앱 ' 탭을 클릭합니다.
4. '앱 승인'을 클릭합니다.

5. Lovable용 HubSpot 커넥터를 검색하여 선택합니다.
6. '액세스 관리 ' 배너에서 '승인'을 클릭하세요. 

7. 대화 상자에서 앱을 설치할 수 있는 사용자를 선택하고, 커넥터가 액세스할 수 있는 권한, 데이터 및 API를 확인하십시오.
8. '앱 승인'을 클릭합니다.

팀을 위한 앱 액세스 승인에 대해 자세히 알아보세요.

3. Lovable용 HubSpot

커넥터의

선택적 권한 활성화

슈퍼 관리자는 Lovable용 HubSpot 커넥터에서 사용할 수 있는 선택적 권한을 제어하며, 모든 앱 제작자에 대한 권한 상한선을 설정합니다. 선택적 권한이 활성화되어 있더라도, 앱 제작자는 본인의 HubSpot 권한이 이를 허용하는 경우에만 액세스할 수 있습니다.

1. HubSpot 계정의 상단 탐색 모음에서 설정 아이콘을 클릭합니다.
2. 왼쪽 사이드바 메뉴에서 ‘연동’ > ‘연동된 앱’으로 이동합니다.
3. '승인된 앱 ' 탭을 클릭합니다.
4. Lovable용 HubSpot 커넥터에서 오른쪽의 ‘액세스 관리’를 클릭합니다.
5. 오른쪽 패널에서 ‘데이터 권한 ’ 탭을 클릭합니다.
6. '선택 사항 ' 섹션에서 일부 또는 모든 선택적 권한을 활성화하십시오.
7. '변경 사항 저장'을 클릭합니다.

4. Lovable 작업 공간에서 HubSpot 커넥터 활성화

승인된 사용자가 HubSpot을 Lovable에 연결하려면, Lovable 관리자가 먼저 Lovable에서 HubSpot 커넥터를 활성화해야 합니다.

1. Lovable의 왼쪽 사이드바 메뉴에서 ‘커넥터’로 이동합니다.
2. HubSpot을 검색하여 선택합니다.
3. '기능' 섹션에서 '채팅 커넥터'와 '앱 사용자 커넥터' 모두에 대해 '활성화'를 클릭합니다.

커넥터가 활성화된 후, 필요한 HubSpot 권한과 설치

액세스 권한을

가진 사용자는 HubSpot을 Lovable에 연결할 수 있습니다.

Lovable용 HubSpot 커넥터 설정

슈퍼 관리자가 필요한 HubSpot 권한과 커넥터 액세스 권한을 부여하고, Lovable 관리자가 커넥터를 활성화한 후, 사용자는 HubSpot을 Lovable에 연결하고 앱 구축을 시작할 수 있습니다.

1. https://lovable.dev/ 으로 이동하여 Lovable 계정에 로그인합니다.
2. 왼쪽 사이드바 메뉴에서 ‘커넥터(Connectors)’를 클릭합니다.
3. 'HubSpot'을 선택합니다.
4. '+ 연결 추가 ' 드롭다운 메뉴를 클릭하고 '채팅 커넥터'를 선택합니다.

5. '연결'을 클릭하세요.

6. 슈퍼 관리자가 커넥터에 대한 액세스 권한을 승인한 HubSpot 계정을 선택하세요.
7. HubSpot 계정에서 커넥터가 액세스할 수 있는 데이터와 도구를 확인하십시오. 선택적 권한은 Lovable에서 커넥터를 사용하여 구축하는 앱에 부여될 수 있는 최대 권한을 정의하지만, 모든 권한이 자동으로 사용되는 것은 아닙니다. 선택적 권한은 구축 중인 앱에서 해당 권한을 구체적으로 요구할 때만 사용됩니다. 나중에 권한을 재설정해야 하는 상황을 방지하려면 사용 가능한 모든 선택적 권한을 선택하는 것이 좋습니다. 일부 선택적 권한만 선택하면 Lovable에서 구축할 수 있는 앱과 기능이 제한될 수 있습니다. 

8. 이용 약관 및 개인정보 처리방침을 검토하십시오. 그런 다음 확인란을 선택하여 통합 서비스의 이용 약관에 동의하십시오.
9. '앱 연결'을 클릭하세요.

HubSpot을 Lovable에 연결한 후에는 커넥터를 사용하여 HubSpot 데이터를 활용하는 앱을 Lovable에서 구축할 수 있습니다.

설치 과정에서 ‘Lovable용 HubSpot 커넥터를 설치할 권한이 없습니다’라는 오류가 발생하면, 슈퍼 관리자에게 HubSpot에서 ‘Lovable용 HubSpot 커넥터’ 권한을 부여해 달라고 요청하십시오.

'이 앱에 대한 설치 권한이 없습니다'라는 오류가 발생하면, 슈퍼 관리자에게 커넥터 설치에 대한 접근 권한을 승인해 달라고 요청하십시오.

커넥터를 설치한 후, Lovable이 도구 호출에 대한 승인을 요청하는 방식을 선택하세요. 모든 도구 호출에 대해 승인을 요구하거나, 특정 도구 호출에 대해서만 승인을 요구하거나, 도구 호출을 항상 허용할 수 있습니다. ‘항상 허용’ 옵션을 선택하면 채팅 과정을 간소화하고 더 빠르게 결과를 얻을 수 있지만, Lovable이 추가 승인 없이 도구 호출을 수행할 수 있게 되어 커넥터 활동에 대한 가시성과 제어력이 저하될 수 있습니다.

Lovable용 HubSpot 커넥터 사용

HubSpot을 Lovable에 연결한 후, Lovable이 구축할 앱이나 사용자 인터페이스를 자연어로 설명하세요:

1. Lovable에서 구축하고자 하는 앱이나 사용자 인터페이스를 설명하는 프롬프트를 입력하고, 프롬프트 내에 @HubSpot을 언급하세요. 그런 다음 Enter 키를 누르세요.

2. 앱을 게시한 후 누가 앱에 액세스할 수 있는지 선택하세요:

• • 내 워크스페이스 내부: Lovable 워크스페이스에 로그인한 사용자만 게시된 앱에 액세스할 수 있습니다.
  • 외부 사용자를 위한 공개: 앱 URL을 알고 있는 사람이라면 누구나 게시된 앱에 접근할 수 있습니다.

3. '다음'을 클릭하세요. 앱을 게시하면 선택한 대상 범위가 적용됩니다.

4. 'HubSpot 앱 프로비저닝 ' 섹션에서 HubSpot 내 앱에 필요한 권한을 확인하십시오. 그런 다음 ‘허용’을 클릭하십시오.

5. Lovable에서 앱 미리보기를 생성하기 시작합니다. 미리보기가 표시되기까지 보통 몇 분 정도 걸립니다.
6. 앱 미리보기에서 ‘HubSpot 연결’을 클릭하세요.

7. 표시되는 대화 상자에서 HubSpot 계정을 선택하세요.
8. Lovable로 구축한 앱이 액세스할 수 있는 HubSpot 데이터를 확인하세요.
9. 확인란을 선택한 다음 '앱 연결'을 클릭하세요.
10. HubSpot 데이터가 앱 미리보기에 표시됩니다.

이 앱은 사용자의 HubSpot 사용자 권한에 따라 액세스 권한이 부여된 HubSpot 데이터만 표시합니다. 예를 들어, 본인이 소유한 거래만 볼 수 있는 경우, HubSpot 거래를 표시하는 Lovable 앱은 본인이 소유한 거래만 표시합니다.

다른

사용자와

Lovable 앱 공유하기

Lovable에서 앱을 구축한 후, 워크스페이스 내의 다른 사용자와 공유하세요.

1. 오른쪽 상단에서 ‘게시’를 클릭하세요.

2. 앱을 볼 수 있는 대상을 선택하세요: 전체 워크스페이스 또는 특정 사용자.

3. 앱의 도메인 접두사를 편집하려면 도메인 옆에 있는 연필 아이콘을 클릭하세요. 또는 ‘+ 도메인 추가’를 클릭하여 사용자 지정 도메인을 사용하세요. 

4. '게시'를 클릭하세요.
5. 앱이 게시된 후 ‘링크 복사’를클릭하여 앱의 URL을 복사하고, 앱을 사용할 워크스페이스 내 동료들과 공유하세요.

1. Lovable 앱의 URL 을 엽니다.
2. 'HubSpot에 연결'을 클릭합니다.
3. 승인 요청 메시지가 표시되면 ‘설치 요청’을 클릭하세요. HubSpot의 슈퍼 관리자에게 요청이 전송됩니다.

4. 관리자가 요청을 승인한 후, 앱 연결 단계를 완료하세요.

Lovable 템플릿 리믹스

미리 만들어진 템플릿을 시작점으로 삼은 다음, 팀의 요구 사항에 맞게 리믹스된 프로젝트를 맞춤 설정하세요.

템플릿을 리믹스하기 전에 Lovable용 HubSpot 커넥터를 설정하고, 해당 워크스페이스의 '앱 사용자 커넥터' 옵션을 켜세요.

1. 다음 HubSpot의 미리 만들어진 Lovable 템플릿 중 하나로 이동하세요:
   • Pipeline Pulse: 거래 금액, 후속 조치 제안 및 성사 가능성을 표시하여 수익 기회를 파악하고 우선순위를 정할 수 있도록 지원합니다.
   • Campaign Compass: 예정된 회의 및 성사된 매출에 미치는 영향을 포함하여, 시간 경과에 따른 캠페인 및 이메일 성과를 추적합니다.
   • Optimal Ops: 미해결 및 해결된 티켓 수, 해결 소요 시간, 미처리 건의 누적 기간, 주의가 필요한 문제 등을 포함한 HubSpot 티켓 데이터를 표시합니다.
2. Lovable 작업 공간에 로그인하세요.
3. 템플릿이 로드되면 오른쪽 상단의 ‘리믹스 ( Remix )’를 클릭하세요.
4. 프로젝트 이름을 입력하세요. 여러 워크스페이스에 액세스 권한이 있는 경우, 프로젝트를 생성할 워크스페이스를 선택하세요. 그런 다음 템플릿을 리믹스하는 데 동의하세요.

5. 리믹스된 프로젝트의 지침을 따르세요:

• • 사용자 인증 프롬프트를 복사하세요.
  • 해당 프롬프트를 Lovable 에이전트 채팅 창에 붙여넣으세요.
  • 개별 사용자에 대해 HubSpot 로그인을 활성화하는 옵션을 선택하세요.

6. 'HubSpot 연결'을 클릭하세요.
7. 인증 안내에 따라 HubSpot을 연결하고 HubSpot 데이터를 앱에 불러오세요.
8. 필요에 따라 앱을 맞춤 설정하세요.