웹사이트용 이미지맵 위젯
제품 사진, 평면 요금제, 스크린샷, 다이어그램 또는 지도를 상호작용형 가이드로 변환하여 이미지맵을 만들어 보세요. 최대 8개의 마커를 배치하고 각 마커에 선택적 이미지, 제목, 설명 및 CTA 버튼이 있는 상세 카드를 제공하세요.
Image Hotspot 위젯을 생성하는 방법
이미지 업로드
제품 사진, 평면 요금제, 앱 스크린샷, 인포그래픽 또는 방문자가 탐색해야 하는 기타 이미지로 시작하세요.
핫스팟 배치 및 편집
최대 8개의 마커를 추가하고, 드래그하여 위치를 지정하며, 각 마커에 숫자나 아이콘을 선택하세요. 그런 다음 선택적 이미지, 제목, 설명 및 CTA 링크를 추가하세요.
스타일 지정 및 삽입
마커 및 카드 색상, 클릭 또는 호버 동작, 크기, 글꼴 및 기기 표시 여부를 설정한 다음 사이트에 노코드 위젯을 게시하세요.
사용자 지정 코드 없이 정적 이미지를 상호작용형으로 만들기
반응형 좌표로 시각적으로 핀 배치
이미지에 직접 핀을 추가하고 드래그하여 위치를 지정하세요. 핫스팟은 상대 좌표로 저장되므로 데스크톱, 태블릿 및 모바일에서 이미지 크기가 변경되어도 정렬이 유지됩니다.
각 핫스팟에 고유한 콘텐츠 제공
각 상세 카드에 선택적 이미지, 제목 및 설명을 추가하세요. 새 탭에서 목적지를 여는 사용자 지정 CTA 버튼을 표시할 수도 있습니다.
모바일 하단 시트와 함께 클릭 또는 호버 사용
데스크톱에서는 클릭하거나 호버하여 카드를 엽니다. 모바일에서는 활성화된 핫스팟이 하단 시트로 열려 이미지를 쉽게 볼 수 있습니다.
웹사이트에 맞게 마커와 카드 일치시키기
숫자 또는 아이콘 마커를 사용하고, 아이콘 라이브러리에서 선택하며, 마커 크기, 펄스 효과, 카드 크기, 색상, 테마, 모서리 반경, 글꼴 및 텍스트 정렬을 조정하세요.
Jform 웹사이트 위젯이 돋보이는 이유
Jform의 위젯은 웹사이트를 더욱 상호작용형으로 만들고 전환율을 높입니다. 별점 평가 및 추천 슬라이더부터 소셜 증명 팝업 및 미디어 삽입에 이르기까지 다양한 도구를 사용할 수 있습니다. 양식이나 랜딩 페이지에 위젯을 추가하여 데이터 수집을 하고, 증명을 표시하고, 리드를 확보하세요. 코딩이 필요하지 않습니다.
간단한 삽입 코드로 웹사이트에 Jform 위젯을 추가하세요. 위젯을 맞춤 설정하고, 모양을 미리 본 다음, 사용자 지정 HTML 또는 삽입 블록을 지원하는 모든 페이지에 붙여넣으세요. 개발자 없이도 가능합니다.
Jform 웹사이트 위젯을 사용하여 리드를 수집하거나, 고객 피드백을 보여주거나, 소셜 증명을 표시하거나, 미디어를 삽입하거나, 유용한 웹 페이지 도구를 추가하세요. 각 위젯은 방문자가 웹사이트에서 직접 비즈니스와 상호 작용하도록 돕습니다.
위젯 설정, 맞춤 설정, 삽입 또는 문제 해결에 도움이 필요한 경우 Jform 고객 지원 팀이 연중무휴로 대기하고 있습니다. 필요할 때 도움을 받을 수 있다는 확신을 가지고 앞으로 나아갈 수 있습니다.
이미지 핫스팟 위젯 사용처
방문자가 시각 자료를 검토하고 각 부분의 의미를 이해해야 하는 모든 곳에 상호작용형 핫스팟을 사용하세요.
주요 항목을 식별하고, 핵심 세부 정보를 설명하며, 방문자를 제품 페이지로 연결하는 제품 이미지 및 룩북.
방, 부스, 좌석 구역, 편의 시설 또는 대여 옵션에 주석을 달기 위한 부동산 및 행사장 평면 요금제.
인터페이스 영역, 워크플로우 단계, 대시보드 또는 제품 기능을 설명하기 위한 앱 스크린샷.
원본 그래픽을 복잡하게 만들지 않으면서 집중적인 설명을 추가할 수 있는 인포그래픽 및 보고서.
지도, 프로세스 시각 자료 및 교육용 이미지를 더 쉽게 탐색할 수 있도록 돕는 교육용 다이어그램.
디자인 세부 정보, 재료, 전후 참고 사항 또는 프로젝트 결정 사항을 설명하기 위한 포트폴리오 페이지.
Jform 양식 빌더로 리드를 유료 고객으로 전환하세요
Jform으로 참여를 행동으로 전환하세요. 리드를 확보하고, 결제를 수집하고, 응답을 자동화하는 강력한 양식을 한 곳에서 모두 만드세요. 모든 제출물은 Jform 받은 편지함에 도착하며, 여기에서 후속 조치를 취하거나 즐겨 사용하는 앱과 연결할 수 있습니다.
시작하기 — 무료입니다!
자주 묻는 질문
이미지 핫스팟 위젯이란 무엇인가요?
이미지 핫스팟 위젯은 이미지에 상호작용형 마커를 추가합니다. 각 마커는 이미지, 제목, 설명 및 CTA 버튼이 있는 상세 카드를 열 수 있습니다.
핫스팟을 시각적으로 배치할 수 있나요?
핫스팟을 몇 개까지 추가할 수 있나요?
각 핫스팟 카드에 무엇을 추가할 수 있나요?
방문자가 호버 시 카드를 열 수 있나요?
모바일에서는 어떻게 작동하나요?
마커 스타일을 변경할 수 있나요?
카드의 스타일을 지정할 수 있나요?
위젯이 표시되는 기기를 제어할 수 있나요?
코드를 작성해야 하나요?