웹 실험 즉시 사용 가능한 위젯

OOTB(즉시 사용 가능) 위젯을 사용하면 직접 디자인하거나 코딩하지 않고도 모달 및 배너와 같은 새로운 웹사이트 요소를 테스트할 수 있습니다. OOTB 위젯은 사전 구축된 구성 가능한 구성 요소로, 귀사의 브랜드에 맞게 비주얼 편집기에서 직접 사용자 정의할 수 있습니다. OOTB 위젯은 SDK 및 UI 프레임워크 연동과 같은 엔지니어링 설정을 제거하므로 아이디어를 검증하고 학습 내용을 수집하며 실험 프로그램을 확장할 수 있습니다. 불러오기 디자인 사전 설정과 재사용 가능한 스타일은 실험 전반에 걸쳐 브랜드의 일관성을 유지합니다. 시각적 편집기 및 웹 실험 설정에 대한 자세한 내용은 시각적 편집기로 이동하십시오.

OOTB 위젯은 네이티브 Amplitude AI를 사용하므로 정확한 브랜드 스타일 세부 정보를 제공하는 대신 대화 프롬프트로 웹 실험을 디자인할 수 있습니다.

OOTB 위젯 라이브러리에는 다음이 포함되어 있습니다.

• 버튼: 콜 투 액션(CTA) 버튼입니다. 고객이 CTA 버튼을 클릭하면 이 버튼은 고객을 쇼핑 카트나 고객 지원 담당자에게 연결하는 것과 같은 동작을 트리거합니다.
• 배너: 알림 또는 메시지 표시줄입니다. 메시지 배너는 예상되는 서비스 중단, 세일 또는 기타 커뮤니케이션 등과 같은 중요한 정보를 고객에게 알립니다.
• 버튼이 있는 배너: CTA 버튼이 포함된 알림 또는 메시지 표시줄입니다. 버튼이 있는 배너는 고객이 수행하기를 원하는 특정 동작을 알립니다(예: 프로모션 코드를 쇼핑 카트에 적용).
• 모달 팝업: 일정한 시간 후에 페이지에 나타나는 팝업 모달입니다. 모달에는 CTA 버튼과 메시징이 포함됩니다. 몇 초 후에 팝업 모달이 나타나며 고객이 계정 등록과 같은 조치를 취하도록 유도합니다.

나중에 사용할 수 있도록 사용자 정의된 위젯을 라이브러리에 저장할 수도 있습니다. 예를 들어 분기별 판매를 알리는 알림 배너를 만든 경우 해당 사용자 지정된 메시지를 저장하여 나중에 다시 사용할 수 있습니다. 실험을 생성할 수 있는 권한을 가진 조직의 모든 사람은 저장된 모든 위젯에 액세스할 수 있습니다.

웹 실험에 OOTB 위젯 추가

전체 웹 실험에 OOTB 위젯을 추가할 수 있습니다. 웹 실험을 만든 후 비주얼 편집기 열기를 클릭합니다. 상단 메뉴 표시줄에서 삽입을 클릭합니다. Out of the box (OOTB) 위젯 모달이 열리며 원하는 위젯을 선택할 수 있습니다. 위젯을 실험 위로 드래그 앤 드롭합니다. [삽입] 패널을 사용하면 이미지를 직접 업로드할 수도 있습니다.

위젯 편집

기본적으로 전체 위젯의 다음 측면을 편집할 수 있습니다.

• 텍스트입니다.
• 버튼 레이블.
• 배경색입니다.
• 글꼴입니다.

위젯을 선택하면 요소 도구 모음을 사용하여 위젯을 삭제하거나 라이브러리에 위젯을 저장할 수 있습니다.

시각적 편집기는 모든 변경 사항을 실시간으로 표시합니다.

위젯 배치 사용자 지정

웹사이트 내에서 배너와 버튼을 자유롭게 이동할 수 있습니다.

• 배너는 페이지의 상단 또는 하단에 나타날 수 있습니다.
• 버튼은 페이지의 거의 모든 곳에 나타날 수 있습니다. 버튼을 배치하면 그리드 레이아웃에 맞춰집니다.

팝업 모드의 위치는 사용자 지정할 수 없으며 이 모드는 페이지 중앙에 표시됩니다.

배너와 버튼 이동에 대한 자세한 내용은 요소 이동으로 이동하십시오.

AI 스타일라이저

AI 스타일라이저는 비주얼 편집기의 AI 조수로, 문구를 다듬고, 브랜드 인식 스타일링을 적용하며, OOTB 위젯의 간격, 정렬 및 계층 구조를 정리할 수 있습니다. 정확한 브랜드 스타일 가이드 세부 정보나 디자인 경험 또는 코딩 기술은 필요하지 않습니다. 자연어 프롬프트를 사용하여 위젯이나 요소를 브랜드 스타일에 맞게 조정하세요.

비주얼 편집기에서 위젯을 선택하면 AI 스타일라이저 컨트롤이 요소 도구 모음에 반짝이는 아이콘으로 나타납니다. 컨트롤을 선택하여 AI 스타일라이저 팝오버를 엽니다. 원하는 내용을 평범한 언어로 표현할 수 있습니다.

예를 들어 ‘이 헤드라인을 더 긴급하게 만드세요’, ‘15% 할인 프로모션 코드를 포함한 여름 프로모션을 만드세요’, ‘CTA를 더 행동 지향적으로 만드세요’와 같이 입력하십시오. AI 스타일라이저는 사용자의 요청에 따라 선택된 요소를 업데이트합니다.

AI 스타일라이저는 다음과 같은 방법으로 사용할 수 있습니다.

사전 구축된 위젯(모달, CTA, 배너 또는 프로모션 블록)에서 AI 스타일라이저를 사용할 경우 AI 스타일라이저는 해당 요소를 브랜드에 맞게 조정합니다. AI 스타일라이저는 타이포그래피, 색상 및 간격을 사이트에 맞게 업데이트하고 구성 요소가 제품의 일부처럼 보이도록 헤드라인 및 CTA 텍스트를 생성하거나 수정할 수 있습니다.

• 헤드라인: 헤드라인을 더 매력적이거나 긴급하게 만들거나, 주제를 단순화하고 명확하게 하거나, 신규 방문자를 위해 헤드라인을 맞춤화하세요.
• 버튼(CTA): CTA를 더욱 실행 지향적으로 만들고, 대비와 가시성을 높이며, 재방문 고객을 위해 CTA를 맞춤화할 수 있습니다.
• 배너: 배너를 더 눈에 띄게 만들고, 메시지를 단순화하며, 신규 방문자를 위해 배너를 맞춤화할 수 있습니다.
• 텍스트 블록: 콘텐츠를 단순화하고 명확하게 하고, 기능에서 이점으로 전환하며, 모바일 사용자를 위해 텍스트를 사용자 지정할 수 있습니다.

사전 설정된 프롬프트를 선택하거나 사용자 정의 프롬프트를 직접 입력할 수 있습니다. AI 스타일라이저는 단일 상호작용에서 여러 변형을 생성할 수 있으므로 사용자가 원하는 변형을 선택할 수 있습니다. 또한 AI 스타일라이저 버전 기록에서 이전 AI 생성 버전으로 되돌릴 수 있습니다. AI가 생성한 스타일을 적용한 후에도 스타일과 카피를 계속 편집할 수 있습니다. 예를 들어 히어로 헤드라인을 선택하고 AI 스타일라이저에게 헤드라인을 더 긴급하거나 명확하게 만들어 달라고 요청할 수 있습니다. 첫 번째 디자인이 마음에 들었고 그 디자인을 실험에 적용했습니다. 동료들로부터 피드백을 받은 후에는 돌아와서 그들의 제안을 반영하여 헤드라인을 업데이트합니다.