사용자 지정 HTML

Google 지도나 YouTube 동영상 같은 HTML을 메뉴에 삽입합니다.

참고 자료 Pro Navigation 1 분 소요

붙여 넣은 HTML을 메가 메뉴 안에 표시합니다. 매장 지도, 동영상, 다른 서비스의 임베드, 서식 있는 텍스트처럼 다른 블록으로 표현할 수 없는 콘텐츠에 사용하세요.

블록 추가하기

임베드 코드 복사하기

Google 지도: 위치를 검색한 다음 공유 > 지도 퍼가기 > HTML 복사를 클릭합니다. YouTube: 동영상을 열고 공유 > 퍼가기 > 복사를 클릭합니다.
레이아웃 선택하기

미리 보기의 메가 메뉴 패널에서 블록 추가를 클릭합니다. 메뉴에 HTML 추가를 클릭하고 사용자 지정 HTML에 마우스를 올린 다음 선택을 클릭합니다.

(1) 메뉴에 HTML 추가 클릭, (2) 사용자 지정 HTML 선택.
코드 붙여 넣기

항목 편집에서 필요하면 제목을 입력하고 메뉴에 HTML 추가 상자에 코드를 붙여 넣습니다.

미리 보기의 사용자 지정 HTML 블록과 항목 편집의 설정.
저장 및 게시하기

저장을 클릭한 다음 게시를 클릭하고 스토어에서 결과를 확인합니다.

너비기본값: 25%: 블록이 메가 메뉴 줄에서 차지하는 비율입니다: 자동 또는 8.33%~100%.
제목기본값: Custom html: HTML 위의 제목입니다. 비워 두면 제목이 없습니다.
메뉴에 HTML 추가기본값: 샘플 텍스트: 표시할 HTML 코드입니다.
표시 여부기본값: 꺼짐: 데스크톱에서 숨기기, 모바일에서 숨기기, 로그인 시 숨기기, 로그인 시에만 표시, 게시 예약. 모든 블록에 공통인 설정을 참고하세요.

임베드 코드에는 보통 width="600" 같은 고정 너비가 있습니다. 지도나 동영상이 블록에 맞도록 width="100%"로 바꾸세요.
멀티 블록 > 지도 + 연락처 + 주소를 사용하면 지도, 문의 양식, 주소를 클릭 한 번으로 추가할 수 있습니다.

콘텐츠에 불필요한 간격이 생겨요

코드의 줄바꿈은 페이지에서도 줄바꿈으로 표시됩니다. 임베드 코드를 한 줄로 붙여 넣거나 태그 사이의 빈 줄을 지우세요.

도움이 되었나요?