이미지맵 위젯을 생성하는 방법
이미지 업로드하기
제품 사진, 평면도, 앱 스크린샷, 인포그래픽 등 방문자가 자세히 살펴볼 이미지를 선택하세요.
핫스팟 배치 및 편집하기
최대 8개의 마커를 추가하고 드래그하여 원하는 위치에 배치하세요. 각 마커에 숫자나 아이콘을 지정한 다음 필요한 경우 이미지, 제목, 설명 및 클릭 유도 링크를 추가하세요.
디자인 설정 및 웹사이트에 삽입하기
마커와 카드 색상, 클릭 또는 마우스 오버 동작, 크기, 글꼴 및 기기별 표시 여부를 설정한 다음 코딩 없이 위젯을 웹사이트에 게시하세요.
별도의 코딩 없이 정적인 이미지를 인터랙티브하게 만들기
반응형 좌표로 마커 위치 지정하기
이미지에 마커를 직접 추가하고 드래그하여 원하는 위치에 배치하세요. 핫스팟은 상대 좌표로 저장되므로 데스크톱, 태블릿 및 모바일에서 이미지 크기가 변경되어도 올바른 위치에 표시됩니다.
각 핫스팟에 원하는 콘텐츠 추가하기
각 상세 카드에 이미지, 제목 및 설명을 추가할 수 있습니다. 원하는 페이지를 새 탭에서 여는 클릭 유도 버튼도 설정할 수 있습니다.
클릭 또는 마우스 오버로 카드 열기 및 모바일 하단 카드 표시
데스크톱에서는 클릭하거나 마우스를 올려 상세 카드를 열 수 있습니다. 모바일에서는 핫스팟을 선택하면 화면 하단에 상세 카드가 표시되어 이미지를 편리하게 살펴볼 수 있습니다.
웹사이트에 맞게 마커와 카드 디자인 설정하기
숫자 또는 아이콘 마커를 사용하고 아이콘 라이브러리에서 원하는 아이콘을 선택하세요. 마커 크기, 펄스 효과, 카드 크기, 색상, 테마, 모서리 둥글기, 글꼴 및 텍스트 정렬도 조정할 수 있습니다.
Jform 웹 위젯이 특별한 이유
Jform 위젯으로 웹사이트의 상호작용을 늘리고 전환율을 높이세요. 별점 평가, 고객 후기 슬라이더, 고객 신뢰도 팝업, 미디어 삽입 등 다양한 도구를 제공합니다. 코딩 없이 양식이나 랜딩 페이지에 위젯을 추가하여 데이터를 수집하고, 고객 후기를 보여주고, 잠재 고객을 확보할 수 있습니다.
간단한 임베드 코드로 웹사이트에 Jform 위젯을 추가하세요. 위젯 디자인을 원하는 대로 설정하고 미리보기를 확인한 다음, 사용자 지정 HTML 또는 임베드 블록을 지원하는 페이지에 코드를 붙여넣으면 됩니다. 개발자의 도움 없이도 사용할 수 있습니다.
Jform 웹 위젯을 사용하여 잠재 고객을 확보하고, 고객 후기를 표시하고, 신뢰도를 높이고, 미디어를 삽입하거나 웹페이지에 유용한 기능을 추가하세요. 방문자가 웹사이트에서 바로 비즈니스와 상호작용할 수 있도록 도와줍니다.
위젯 설정, 디자인 맞춤 설정, 웹사이트 삽입 또는 문제 해결에 도움이 필요한 경우 Jform 고객 지원팀에 연중무휴 24시간 문의할 수 있습니다. 필요할 때 언제든 도움을 받을 수 있으므로 안심하고 위젯을 사용하세요.
이미지맵 위젯 활용 방법
방문자가 이미지의 각 부분을 살펴보고 관련 정보를 확인해야 하는 곳에 이미지맵 위젯을 활용하세요.
제품 이미지 및 룩북에서 주요 제품을 소개하고 세부 정보를 설명하거나 제품 페이지로 연결하세요.
부동산 및 행사장 평면도에서 객실, 부스, 좌석 구역, 편의 시설 및 대여 옵션에 대한 정보를 표시하세요.
앱 스크린샷에서 인터페이스의 각 영역, 작업 단계, 대시보드 및 제품 기능을 설명하세요.
인포그래픽 및 보고서에서 원본 이미지를 복잡하게 만들지 않고 필요한 설명을 추가하세요.
교육용 다이어그램에서 지도, 프로세스 및 학습 자료의 각 부분을 쉽게 살펴볼 수 있도록 하세요.
포트폴리오 페이지에서 디자인 세부 사항, 사용된 소재, 작업 전후의 변화 및 프로젝트 진행 과정에서 내린 결정을 설명하세요.
Jform 양식 빌더로 잠재 고객을 유료 고객으로 전환하세요
Jform으로 방문자의 관심을 실제 행동으로 연결하세요. 잠재 고객 확보, 결제 수집 및 자동 응답 기능을 갖춘 양식을 한곳에서 만들 수 있습니다. 모든 제출 내역은 Jform 받은 편지함에 저장되므로 후속 조치를 진행하거나 자주 사용하는 앱과 연결할 수 있습니다.
시작하기 — 무료입니다!
자주 묻는 질문
이미지맵 위젯이란 무엇인가요?
이미지맵 위젯은 이미지에 클릭할 수 있는 마커를 추가하는 도구입니다. 각 마커를 선택하면 이미지, 제목, 설명 및 클릭 유도 버튼이 포함된 상세 카드를 표시할 수 있습니다.
이미지에서 핫스팟의 위치를 직접 지정할 수 있나요?
핫스팟은 몇 개까지 추가할 수 있나요?
각 핫스팟 카드에 어떤 정보를 추가할 수 있나요?
마우스를 올리면 상세 카드가 열리도록 설정할 수 있나요?
모바일에서는 어떻게 작동하나요?
마커 디자인을 변경할 수 있나요?
카드 디자인을 맞춤 설정할 수 있나요?
위젯을 표시할 기기를 선택할 수 있나요?
코드를 작성해야 하나요?