제품 카드

채팅 대화에서 시각적 제품 카드를 표시합니다

제품 관리
Standard 및 Pro 요금제

개요

제품 카드를 사용하면 AI가 채팅에서 직접 시각적 제품 정보를 표시할 수 있습니다. 방문자가 제품에 대해 문의하거나 대화와 관련이 있을 때, AI가 이미지, 가격, 설명 및 액션 버튼이 포함된 인터랙티브 카드를 표시할 수 있습니다.

이것은 지식 베이스와 다릅니다. 지식 베이스가 AI의 질문 답변을 돕는 반면, 제품 카드는 대화에 나타나는 시각적 요소로 방문자가 제품을 발견하고 구매하는 데 도움을 줍니다.

작동 방식

  1. 제품 추가 - 이름, 이미지, 가격, 설명과 함께 제품을 추가합니다
  2. AI 설명 작성 - AI에게 각 제품을 언제 표시할지 알려줍니다
  3. 방문자가 질문 - AI 설명과 일치하는 질문을 합니다
  4. AI가 제품 카드 표시 - 이미지, 가격, 액션 버튼과 함께 표시합니다
AI 어시스턴트
$200 미만의 헤드폰을 보여주세요
두 가지 훌륭한 옵션이 있습니다! AudioElite X1은 고객들로부터 우수한 리뷰를 받았습니다.
Headphones
SoundMax Pro
$149
장바구니에 추가
Headphones
AudioElite X1
$179
장바구니에 추가

URL에서 가져오기

제품 세부 정보를 수동으로 입력하는 대신 모든 제품 페이지에서 자동으로 가져올 수 있습니다:

  1. 양식 헤더에서 "URL에서 가져오기" 버튼을 클릭하세요
  2. 제품 페이지의 URL을 붙여넣으세요
  3. 가져오기를 클릭하세요 - AI가 제품 정보를 추출합니다
  4. 자동 입력된 필드를 검토하고 필요에 따라 조정하세요
  5. 제품 추가를 클릭하여 저장하세요

AI가 자동으로 추출하는 항목:

  • 제품 이름 및 가격
  • 제품 설명
  • 메인 제품 이미지
  • 추천 버튼 텍스트 (예: "지금 구매", "구독")
  • 제품을 표시할 시점에 대한 AI 설명

팁: 제품 페이지 URL이 두 버튼 링크에 자동으로 사용되므로 방문자가 클릭하여 구매할 수 있습니다. 특정 장바구니 또는 결제 URL이 있는 경우 이 링크를 변경할 수 있습니다.

수동으로 제품 추가

각 제품에는 다음 필드가 있습니다:

필수 필드

제품 이름 필수

카드에 표시되는 이름입니다. 최대 30자.

예: "프리미엄 무선 헤드폰"
AI 설명 필수

AI에게 이 제품을 언제 표시할지 알려주세요. 이 제품과 관련된 상황을 자연어로 설명하세요.

예: "사용자가 $200 미만의 헤드폰, 오디오 장비 또는 음악 감상 기기에 대해 문의할 때 표시"

선택 필드

가격 선택사항

모든 텍스트 형식을 허용합니다 - 통화 기호, 범위 또는 사용자 정의 텍스트를 사용할 수 있습니다.

예: "$29.99" • "$19/월부터" • "무료" • "가격 문의"
제품 설명 선택사항

제품의 기능과 장점에 대한 간략한 설명입니다. 카드의 가격 아래에 표시됩니다.

이미지 URL 선택사항

제품 이미지의 직접 URL입니다. JPG, PNG, WebP 형식을 지원합니다. 최상의 결과를 위해 최소 300px 너비의 이미지를 사용하세요.

예: https://yoursite.com/images/product.jpg

팁: 제품 이미지는 업로드가 아닌 URL을 통해 연결됩니다. 웹사이트, CDN 또는 이미지 호스팅 서비스에 호스팅된 이미지를 사용할 수 있습니다.

버튼 구성

각 제품 카드에는 두 개의 구성 가능한 버튼이 있습니다:

기본 버튼

버튼 텍스트 선택사항

기본 액션 버튼의 라벨입니다. 기본값: "장바구니에 추가"

예: "지금 구매" • "시작하기" • "데모 예약" • "구독"
버튼 링크 버튼 텍스트가 설정된 경우 필수

버튼을 클릭하면 방문자가 이동하는 곳 - 장바구니, 결제 페이지, 예약 양식 또는 제품 페이지 URL.

예: https://yoursite.com/cart?add=product-123

보조 버튼

상세 버튼 텍스트 선택사항

보조 버튼의 라벨입니다. 기본값: "상세 보기"

예: "자세히 보기" • "사양 보기" • "상세 보기"
제품 페이지 링크 선택사항

사양 및 추가 정보가 있는 전체 제품 페이지 링크입니다.

예: https://yoursite.com/products/premium-headphones

좋은 AI 설명 작성하기

AI 설명은 매우 중요합니다 - 제품이 대화에 나타나는 시점을 결정합니다. 제품과 관련된 상황에 대한 명확한 설명을 작성하세요:

좋은 예시
  • "학생용 노트북에 대해 묻거나 학교용 컴퓨터가 필요하다고 언급할 때 표시"
  • "방문자가 예산 제약을 언급하거나 합리적인 가격의 옵션에 대해 문의할 때 표시"
  • "사용자가 프리미엄 기능, 요금제 또는 전문 도구에 대해 문의할 때 표시"
나쁜 예시
  • "노트북" - 너무 모호하여 자연스러운 질문과 매칭되지 않습니다
  • "항상 표시" - 대화가 복잡해집니다
  • "최고의 제품" - 언제 표시할지 설명하지 않습니다

제품 관리

  • 활성화/비활성화: 삭제하지 않고 제품을 전환합니다 - 시즌 상품이나 품절 상품에 유용합니다
  • 순서: 여러 제품이 표시될 때 표시 순서를 설정합니다 (낮은 숫자가 먼저 표시됩니다)
  • 실시간 미리보기: 필드를 입력하면서 카드가 어떻게 보이는지 확인하세요

참고: 변경 사항은 즉시 적용됩니다 - 위젯을 다시 게시할 필요가 없습니다.

실시간 데이터의 동적 제품

자주 변경되는 제품이 있나요? 여기서 수동으로 제품을 관리하는 대신 실시간 데이터 피드에서 동적으로 제품 카드를 표시할 수 있습니다.

정적 제품 카드
  • 여기서 수동으로 제품 추가
  • 안정적인 재고에 적합
  • 각 제품에 대한 완전한 제어
  • 맞춤 AI 설명 설정
동적 제품 카드
  • 데이터 피드에서 자동 생성
  • 변경되는 재고에 적합
  • 항상 최신 가격/재고
  • 수동 유지보수 불필요

동적 제품 카드를 활성화하려면:

  1. 제품 데이터로 실시간 데이터 피드를 설정하세요
  2. "동적 제품 카드 활성화"를 ON으로 전환하세요
  3. 피드에 제품 필드를 포함하세요: name, price, image_url, button_link

팁: 둘 다 사용할 수 있습니다! 추천 상품에는 정적 제품을, 실시간 재고에는 동적 제품을 사용하세요. 실시간 데이터 피드 문서에서 자세히 알아보세요.