위에도 무엇인지 내 하나에 까닭... 쌍따옴표 사이에 구체적인 CSS 스타일 속성 과 속성 값 을 입력할 수 있습니다. 속성 값 은 반드시 세미콜론 (;)으로 끝나야 합니다. 참고 : 아래 예제에서는 줄간격(line-height) 속성이 추가되었으며, 값은 2.2가 입력되었습니다. 2.2 대신 220%와 같이 퍼센트 단위로 입력할 수도 있습니다.

위에도 무엇인지 내 하나에 까닭... 4단계: 작성한 코드 적용하기 CSS 스타일 속성을 모두 입력했다면 텍스트 도구의 코드보기 아이콘을 클릭합니다. 줄간격이 정상적으로 적용됐는지 확인하고, 텍스트 위젯 바깥 영역을 클릭해 편집을 종료합니다. (선택 사항) 여러 스타일 속성 추가하기 하나의 문단에는 여러 스타일 속성을 추가할 수 있습니다. 만약 문단에 줄간격 뿐만 아니라 텍스트 크기, 색상 등의 스타일 속성을 모두 추가하려면 아래 도움말에 따라 추가해 보세요. 여러 스타일 속성 추가하기 하나의 문단(p)에는 여러 스타일을 동시에 추가할 수 있습니다. 아래 예제에서는 한 문단에 줄간격(line-height), 텍스트 색상(color), 텍스트 크기(font-size) 속성이 적용되었습니다. 중요 : 속성 값을 연속으로 여러 개 입력할 때는 각 속성이 반드시 세미콜론(;) 으로 끝나야 합니다. CSS 스타일 속성 목록 보기 아래는 텍스트 작성에 자주 쓰는 스타일 속성을 안내합니다. 더 다양한 CSS 스타일 속성 정보는 W3Schools 또는 MDN 웹 문서 를 참고해 주세요. 속성 설명 값/단위 예시 font-size 텍스트 크기를 변경합니다. PX(픽셀) font-size: 18px; color 텍스트 색상을 변경합니다. RGBA color: #212121; color: rgb(222, 222, 222); color: rgba (222, 222, 222, 0.5); line-height 줄간격을 변경합니다. 숫자 또는 % *소수점 허용 line-height: 1.25; line-height: 125% 관련 도움말 텍스트 줄간격 조절 방법 (기본) 게시판 게시물의 텍스트 줄간격 조절 방법 (고급, 코드) 상품 상세페이지에서 이미지 간격 없애기 (코드) 상품 상세페이지에 재고 표시하기 사운드 클라우드 음원 게시물에 삽입하기 ` }, { url: "https://imweb.me/qna?mode=faq&q=71809", category: "102", question: "상품 상세페이지에 재고 표시하기", answer: ` 상품을 등록하는 과정에서 재고를 설정하였다면 상품 상세페이지에 상품의 남은 재고 수를 표시할 수 있습니다. 시작에 앞서 남은 재고를 표시하기 위해선 반드시 상품의 재고를 설정해야 합니다. 아직 재고 설정을 하지 않았다면 상품 재고 변경하기 도움말을 참고해 재고를 설정해 주세요. 설정방법 디자인 모드에 접속합니다. 접속방법 왼쪽 상단의 메뉴 관리 ≡ 아이콘을 클릭합니다. 글로벌 메뉴 에서 상품 상세페이지 메뉴를 클릭합니다. 상품 상세페이지 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼 을 클릭합니다. 컨텍스트 메뉴가 나오면 상품 상세페이지 설정 을 클릭합니다. 상품 상세페이지 설정 창이 나오면 왼쪽 탭에서 표시항목 을 클릭하고, 남은 재고 옵션을 선택합니다. 상품 상세페이지 설정 창 바깥 영역을 클릭해 설정을 완료합니다. 이제 상품 상세페이지에 남은 재고 수가 표시됩니다. 남은 재고 수는 기본적으로 요약설명 에 표시됩니다. 단, 상품에 옵션을 사용하는 경우, 아래 그림과 같이 구매자가 옵션을 선택해야 표시됩니다. 특정 사용자 그룹에게만 상품 판매하기 (회원그룹, 도매) 텍스트 줄간격 고급 조절 방법 (코드, 고급) ` }, { url: "https://imweb.me/qna?mode=faq&q=71815", category: "102", question: "특정 사용자 그룹에게만 상품 판매하기 (회원그룹, 도매)", answer: ` 특정 회원그룹만 상품 가격을 보고 구매할 수 있도록 제한할 수 있습니다. 이 방법은 주로 사업자 회원 또는 도매회원과 같은 가입자를 대상으로 상품을 판매할 때 유용합니다. 시작에 앞서 이 도움말에서는 새로운 사용자 그룹을 만들고, 가입 유형을 설정하며, 디자인 모드에서 특정 사용자 그룹만 메뉴를 이용할 수 있도록 권한을 설정하는 등 여러 응용 방법이 포함됩니다. 아직 쇼핑 환경설정, 상품 등록 등 기본설정을 마치지 않았다면 빠른 디자인 시작 가이드 와 쇼핑몰 시작하기 도움말에 따라 기본 디자인 방법 및 쇼핑 기본설정을 완료하시길 추천해 드립니다. 구성방법 1단계: 새로운 사용자 그룹 만들기 새로운 사용자 그룹을 만듭니다. (이 사용자 그룹에 속한 회원만 상품 가격을 보고 구매할 수 있게 됩니다.) 내 사이트 관리자 페이지에 접속합니다. 접속방법 왼쪽 메뉴에서 [사용자 관리 > 사용자 목록] 을 클릭해 이동합니다. 새 그룹 만들기 를 클릭합니다. 그룹명 을 작성합니다. 다음으로 그룹 유형 선택 에서 일반 회원 그룹 을 선택하고, 그룹 만들기 를 클릭합니다. 새로운 사용자 그룹이 생성됩니다. 방문자가 내 쇼핑몰 회원으로 가입할 때 회원(가입자) 유형을 선택할 수 있도록 설정할 수 있습니다. 이 기능을 이용하면 방문자는 가입 정보 작성 전 일반회원 또는 사업자회원 등 가입 유형을 선택할 수 있게 됩니다. 가입자는 선택한 유형에 따라 자동으로 사용자 그룹 이 변경되기 때문에 회원관리가 편리합니다. 참고 : 가입자 유형 설정은 선택 사항입니다. 게시판 등을 통해 그룹 변경을 신청한 회원들만 직접 수동으로 그룹을 변경해 줄 수도 있습니다. 관리자 페이지 왼쪽 메뉴에서 [환경설정 > 회원가입·그룹·등급] 을 클릭해 이동합니다. 마우스 휠 스크롤을 내려 가입 폼 관리 항목으로 이동합니다. 사업자 회원 에 체크박스를 선택합니다. 참고 : 사업자 회원 외 다른 유형 을 만들려면 페이지 가장 아래 ⨁ 새 유형 추가 를 클릭해도 무방합니다. 사업자 회원 유형명 오른쪽에 위치한 설정 버튼을 클릭합니다. 아래 그림과 설명을 참고해 회원가입 유형을 설정합니다. 유형 이름 : 방문자가 회원가입을 시도할 때 선택할 수 있는 가입 유형 이름을 작성합니다. 예를 들어, 위 1단계에서 만든 사용자 그룹 이름(도매회원)을 작성할 수 있습니다. 가입 절차 : 방문자가 가입을 완료 했을 때 가입 절차 방법을 선택합니다. (사업자등록증 사본 등 확인이 필요한 경우, 운영자 승인 후 가입 옵션을 선택할 수 있습니다.) 기본 그룹 : 위 1단계에서 만든 사용자 그룹(예: 도매회원)을 선택합니다. 방문자가 회원가입을 마치면 여기서 선택한 그룹으로 자동 변경됩니다. 저장 을 클릭해 적용합니다. 가입 폼 항목을 설정합니다. 회원가입 때 받아야 할 항목의 체크박스를 선택하거나 선택 해제하고, 필수로 받아야 하는 항목은 필수 체크박스도 선택해 주세요. (선택 사항) 만약 사업자등록증 사본 과 같은 파일을 받아야 하는 경우, 사용자 정의 항목 추가 를 클릭해 항목을 추가할 수 있습니다. 입력 항목 제목 : 가입 항목 제목을 작성합니다. (예: 사업자등록증 사본) 입력 항목 형식 : 파일을 첨부 받는 경우, 파일 업로드 를 선택합니다. 추가 를 클릭해 적용합니다. 페이지 하단의 저장 버튼을 클릭해 가입자 유형 및 가입 폼 항목 설정을 완료합니다. 위 1단계에서 만든 사용자 그룹만 구매할 수 있도록 상품 카테고리를 만들고 권한을 설정합니다. 관리자 페이지 왼쪽 메뉴에서 [쇼핑 > 상품] 을 클릭해 이동합니다. 카테고리 관리 를 클릭합니다. 아래 예시 애니메이션과 같이 ⨁ 새 카테고리 를 클릭해 카테고리를 만들고, 카테고리명 을 작성합니다. (필요에 따라 카테고리 클릭 후 드래그하여 순서를 변경할 수 있습니다.) 판매가 표시 및 구매 권한 옵션에서 선택그룹 사용자 를 클릭하고, 위 1단계에서 만든 사용자 그룹 을 선택합니다. 참고 : 만약 새 카테고리를 여러 개 추가했다면 모든 카테고리 의 판매가 표시 및 구매 권한 옵션을 선택그룹 사용자 로 변경해 주세요. 저장 버튼을 클릭해 적용합니다. 4단계: 특정 사용자 그룹만 구매할 수 있는 상품 등록하기 특정 사용자 그룹만 구매할 수 있는 상품의 카테고리를 위 3단계에서 만든 카테고리로 지정합니다. 참고 : 아직 상품을 등록하지 않았다면 상품 등록하기 도움말에 따라 상품을 추가해 주세요. 특정 사용자 그룹만 구매할 수 있는 상품을 모두 선택합니다. 상품 목록 위에 상품관리 탭 메뉴가 나오면 카테고리 변경 탭 메뉴를 클릭합니다. 카테고리 일괄 변경 창이 나오면 아래의 그림과 설명에 따라 상품에 카테고리를 일괄 추가합니다. 위 3단계에서 추가한 상품 카테고리 (예: 도매상품)를 선택합니다. 변경방식 선택 옵션에서 추가 를 선택합니다. 적용하기 를 클릭합니다. 모든 상품이 위 3단계에서 만든 상품 카테고리에 포함됩니다. (선택 사항) 만약 등록한 상품에 필요 없는 카테고리 가 포함되어 있다면, 위 1~3번 과정을 반복하여 필요 없는 카테고리 선택 후 변경방식 선택 에서 제거 를 선택하여 삭제합니다. 5단계: 새 메뉴 추가하기 디자인 모드로 이동해 상품을 진열할 새 메뉴를 만듭니다. 관리자 페이지 왼쪽 메뉴에서 디자인 모드 를 클릭해 디자인 모드로 진입합니다. 디자인 모드 왼쪽 상단의 메뉴 관리 ≡ 아이콘을 클릭합니다. 상단 메뉴 항목 이름의 오른쪽에 위치한 메뉴 추가 ⨁ 아이콘을 클릭합니다. 메뉴명을 작성하고 확인 을 클릭합니다. 참고 : 메뉴명은 상품 카테고리 이름과 연동되므로, 아무 메뉴 이름으로 작성해도 무방합니다. 새로운 빈 페이지가 생성됩니다. (선택 사항) 6단계: 특정 사용자 그룹에게만 메뉴 보여주기 상품 카테고리의 판매가 표시 및 구매 권한 옵션 만 설정하면, 판매가 및 구매 권한이 제한되지만 여전히 누구나 상품을 볼 수 있습니다. 만약 방문자 및 기타 회원은 상품을 볼 수 없게 설정하려면 아래의 절차에 따라 특정 사용자 그룹에게만 메뉴가 표시되도록 설정할 수도 있습니다. 디자인 모드 왼쪽 상단의 메뉴 관리 ≡ 아이콘을 클릭합니다. 위 5단계에서 생성한 메뉴명 오른쪽 끝에 위치한 ⓘ 아이콘을 클릭합니다. 메뉴 설정 창이 나오면 아래 그림과 설명에 따라 권한이 없을 때 메뉴가 숨겨지도록 설정합니다. 접근 권한 을 사용자 지정 그룹 을 선택합니다. 권한이 없을 때 메뉴 숨김 옵션을 선택합니다. 허용 그룹 옵션에서 위 1단계에서 생성한 사용자 그룹을 선택합니다. 메뉴 설정 창 바깥 영역을 클릭해 설정을 완료합니다. 이제 방문자 또는 일반 회원에게는 메뉴가 표시되지 않으며, 오직 선택한 회원그룹에게만 상품이 진열된 메뉴가 표시됩니다. 7단계: 쇼핑 위젯 추가 및 상품 카테고리 연결하기 페이지에 특정 사용자 그룹만 보고 구매할 수 있는 상품을 진열합니다. 빈 페이지에 쇼핑 위젯 을 추가합니다. 위젯 추가방법 쇼핑 위젯 에 마우스 우클릭 하면 나오는 컨텍스트 메뉴에서 쇼핑 설정 을 클릭합니다. 쇼핑 설정 창이 나오면 카테고리 옵션에서 위 3단계에서 생성한 상품 카테고리(예: 도매상품)를 선택합니다. 상품 카테고리(예: 도매상품) 에 속한 모든 상품이 페이지에 표시됩니다. 이제 디자인 모드 오른쪽 상단에 위치한 게시하기 버튼을 클릭해 적용합니다. 8단계: 판매가 표시 및 구매여부 테스트하기 이제 거의 다 되었습니다. 마지막으로 방문자 입장에서 상품 판매가 표시 및 구매 가능 여부를 테스트합니다. 참고 : Google 크롬 시크릿창을 이용하면 아임웹 계정을 로그아웃 하지 않아도 방문자 입장에서 편리하게 테스트할 수 있습니다. Google 크롬 시크릿창 활용하기 도움말에 따라 시크릿창을 활용해 보세요. Google 크롬 브라우저에서 시크릿 창을 열어줍니다. (단축키: 키보드 F12) 내 쇼핑몰에 접속합니다. 특정 사용자 그룹(회원)만 구입할 수 있는 메뉴로 이동합니다. 상품 가격이 표시되는지 확인합니다. (상품가가 보이지 않아야 정상입니다.) 상품 클릭 후 주문이 가능한지 확인합니다. (주문이 되지 않아야 정상입니다.) 만약 6단계 설정도 진행했다면 회원가입 후 특정 사용자 그룹(예: 도매회원)일 때만 메뉴가 표시되는지도 확인이 필요합니다. 페이지 프린트 버튼 만들기 상품 상세페이지에 재고 표시하기 ` }, { url: "https://imweb.me/qna?mode=faq&q=71829", category: "102", question: "페이지 프린트 버튼 만들기", answer: ` 중요 : 아임웹에서 제공하지 않는 기능을 코드로 해결하는 도움말입니다. 사용자가 임의로 변경한 부분에 대해 기술 및 고객지원은 불가합니다. 방문자 또는 회원이 클릭 한번으로 특정 페이지를 간편하게 인쇄할 수 있도록 버튼을 추가할 수 있습니다. 이 도움말에서는 간단한 자바스크립트 프린트 함수를 사용해 프린트 버튼을 만드는 방법을 안내합니다. 프린트 버튼 추가방법 디자인 모드에 접속합니다. 접속방법 새로운 메뉴를 추가하거나, 프린트 버튼을 삽입할 메뉴로 이동합니다. 왼쪽 상단의 위젯 추가 ＋ 아이콘을 클릭합니다. 버튼 위젯 을 클릭하여 버튼을 페이지에 추가합니다. 버튼 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼 을 클릭합니다. 컨텍스트 메뉴가 나오면 버튼 설정 을 클릭합니다. 버튼 설정 창이 나오면 버튼 항목에서 텍스트 옵션에 버튼 이름을 작성합니다. (예: 인쇄하기, 프린트 등) 참고 : 아래 그림과 같이 버튼에 아이콘을 추가할 수도 있습니다. 버튼 텍스트 옵션 오른쪽에 위치한 아이콘 버튼을 클릭하여, 필요한 아이콘을 추가합니다. 링크 타입을 코드 로 선택합니다. 코드 입력 칸에 javascript:;" onclick="window.print() 를 복사해 붙여넣습니다. (선택 사항) 필요에 따라 버튼 스타일을 지정합니다. 크기나, 버튼을 정렬할 수 있으며, 모서리 라운딩 등을 추가할 수 있습니다. 중요 스타일 대신 사용자 정의 를 선택해 나만의 버튼 색상을 설정할 수도 있습니다. 버튼 설정 창 바깥 영역을 클릭해 설정을 완료합니다. 디자인 모드 오른쪽 상단의 미리보기 아이콘을 클릭합니다. 프린트 버튼을 클릭해 정상적으로 프린트가 작동하는지 확인합니다. 문제가 없다면 디자인 모드로 돌아가 게시하기 버튼을 클릭해 적용합니다. 입력폼 작성자에게 접수 완료 이메일 발송하기 특정 사용자 그룹에게만 상품 판매하기 (회원그룹, 도매) ` }, { url: "https://imweb.me/qna?mode=faq&q=71832", category: "102", question: "입력폼 작성자에게 접수 완료 이메일 발송하기", answer: ` 방문자 또는 회원이 입력폼을 작성하면 정상적으로 접수 되었는지 확인할 수 있도록, 작성자가 입력한 메일 주소로 '접수완료 안내 메일'이 자동으로 발송되게 설정할 수 있습니다. 참고 : 자동 메일의 상세 내용은 사용자가 직접 수정할 수 없으며, 네이버페이 주문은 네이버에서 대신 발송합니다. 시작에 앞서 이 기능을 사용하기 위해서는 메일 발송 설정 을 완료해야 합니다. 아직 메일 발송 설정을 완료하지 않았다면 아래의 도움말을 참고해 설정을 완료해 주세요. 메일 서비스 제공업체 지정하기 설정방법 디자인 모드에 접속합니다. 접속방법 왼쪽 상단의 위젯 추가 아이콘을 클릭하고, 입력폼 위젯 을 추가합니다. 입력폼 위젯 위에 마우스 포인터를 올리고, 마우스 오른쪽 버튼 을 클릭합니다. 컨텍스트 메뉴가 나오면 입력폼 설정 을 클릭합니다. 이메일 폼 하단에 응답 제출 시, 이 주소로 이메일 발송 을 선택합니다. 참고 : 만약 이메일 폼이 없는 경우, 폼 하단의 ⊕ 아이콘을 클릭해 새로운 폼을 추가하고 형식을 이메일 로 변경하세요. 또는 기존 폼의 형식을 이메일 로 변경할 수도 있습니다.) 입력폼 설정 창 바깥 영역을 클릭해 설정을 완료합니다. 디자인 모드 오른쪽 상단의 미리보기 아이콘을 클릭해 입력폼 페이지에 접속합니다. 참고 : 게시판, 입력폼 등 일부 DB 요소 위젯들은 게시하기 버튼을 클릭하지 않아도 실제 웹사이트에 자동으로 적용됩니다. 입력폼 작성 후, 작성한 이메일 주소로 접수완료 이메일이 정상적으로 발송되는지 테스트합니다. 상품 상세페이지에서 구매평을 가장 처음 표시하기 페이지 프린트 버튼 만들기 ` }, { url: "https://imweb.me/qna?mode=faq&q=71852", category: "102", question: "상품 상세페이지에서 구매평을 가장 처음 표시하기", answer: ` 아임웹은 상품 상세페이지에서 상품 설명을 기본으로 표시합니다. 만약 상품 상세페이지에 구매평을 먼저 표시하려면 이 도움말의 절차에 따라 설정을 변경해 보세요. 설정방법 디자인 모드에 접속합니다. 접속방법 왼쪽 상단의 메뉴 관리 ≡ 아이콘을 클릭합니다. 글로벌 메뉴 에서 상품 상세페이지 를 클릭합니다. 상품 상세페이지 위젯 위에 마우스 포인터를 올리고, 마우스 오른쪽 버튼 을 클릭합니다. 컨텍스트 메뉴가 나오면 상품 상세페이지 설정 을 클릭합니다. 탭 설정 을 클릭하고, 구매평 항목을 마우스로 클릭 후 드래그하여 가장 위로 올려줍니다. 상품 상세페이지 설정 창 바깥을 클릭해 설정을 완료합니다. 디자인 모드 오른쪽 상단의 미리보기 아이콘을 클릭합니다. 상품 상세페이지에서 구매평 이 가장 먼저 나오는지 확인합니다. 문제가 없다면 디자인 모드로 돌아가 게시하기 버튼을 클릭해 적용합니다. 모바일 상품 상세페이지 요약설명 텍스트 크기 변경하기 입력폼 작성자에게 접수 완료 이메일 발송하기 ` }, { url: "https://imweb.me/qna?mode=faq&q=71854", category: "102", question: "모바일 상품 상세페이지 요약설명 텍스트 크기 변경하기", answer: ` 참고: 아임웹에서 제공하지 않는 기능을 코드로 해결하는 도움말입니다. 사용자가 임의로 변경한 부분에 대해 기술 및 고객지원은 불가하며, 향후 아임웹 업데이트에 따라 정상적으로 작동하지 않을 수 있습니다. 모바일 상품 상세페이지의 요약 설명 텍스트 크기는 공통 디자인 설정의 본문 텍스트 크기를 따르기 때문에 사용자가 따로 변경할 수 없어요. 텍스트 크기를 반드시 바꿔야 하는 경우, 코드 사용이 필요해요. 1. 아래 코드를 먼저 복사해 주세요 2. [관리자 페이지 > 환경설정 > SEO(검색엔진최적화) > 공통 코드 삽입 > Header code]에 복사한 코드를 입력합니다. 3. “크기” 부분에 원하는 폰트 사이즈를 숫자로 입력해 주세요 (예 : 14px) 4. [저장] 버튼을 클릭해 사이트에 반영해 주세요. 5. 완료되었습니다👏🏻 모바일로 접속해서 상품 상세페이지 요약 설명 텍스트 크기가 설정한 대로 보이는지 확인해 주세요. by CX 에리카 프로필에서 사용자 그룹명 감추기 (코드, 초급) 상품 상세페이지에서 구매평을 가장 처음 표시하기 ` }, { url: "https://imweb.me/qna?mode=faq&q=71857", category: "102", question: "프로필에서 사용자 그룹명 감추기 (코드, 초급)", answer: ` 주의 : 이 도움말은 아임웹에서 제공하지 않는 기능을 코드로 해결하는 방법은 안내합니다. 사용자가 임의로 변경한 부분에 대해 기술 및 고객지원은 불가하며, 향후 아임웹 업데이트에 따라 정상적으로 동작하지 않을 수 있습니다. 웹사이트 운영 정책에 따라 사용자가 속한 그룹의 이름을 사용자 프로필에서 감출 필요가 있다면, 아래의 CSS 코드를 적용해 회원이 그룹명을 알 수 없도록 숨길 수 있습니다. 단, 주의해야 할 사항은 있습니다. 이 코드는 웹사이트 상단의 ‘드롭다운 프로필 영역’에 표시되는 일반그룹명 및 쇼핑등급명에만 영향을 줍니다. ‘마이페이지’의 쇼핑등급은 쇼핑등급 회원에게 혜택 안내를 위해 여전히 표시됩니다. 설정방법 내 사이트 관리자 페이지에 접속합니다. 접속방법 왼쪽 메뉴에서 [환경설정 > SEO(검색엔진최적화)] 를 클릭해 이동합니다. 마우스 휠 스크롤을 내려 공통 코드 삽입 항목으로 이동합니다. 아래의 코드를 복사합니다. Header Code 항목에 붙여넣습니다. 저장 버튼을 클릭해 적용합니다. 내 사이트로 이동해 프로필 이미지 또는 회원명(또는 닉네임)을 클릭 후 프로필 영역에 사용자 그룹이 잘 숨겨졌는지 확인합니다. PC 하단 고정 섹션 구현하기 (코드, 하단 고정 메뉴) 모바일 상품 상세페이지 요약설명 텍스트 크기 변경하기 ` }, { url: "https://imweb.me/qna?mode=faq&q=71858", category: "102", question: "PC 하단 고정 섹션 구현하기 (코드, 하단 고정 메뉴)", answer: ` 주의 : 아임웹에서 제공하지 않는 기능을 코드로 해결하는 도움말입니다. 사용자가 임의로 변경한 부분에 대해 기술 및 고객지원은 불가하며, 향후 아임웹 업데이트에 따라 정상적으로 작동하지 않을 수 있습니다. 섹션 반복 기능과 섹션 위치를 브라우저 하단에 고정하는 코드를 활용하여 아래의 애니메이션과 같은 하단 고정 섹션(또는 메뉴)를 제작할 수 있습니다. 설정방법 1단계: 빈 섹션을 추가하고 디자인하기 페이지 하단에 고정으로 표시할 나만의 섹션을 디자인합니다. 예를 들어, 위 애니메이션과 같이 방문자의 이메일을 받을 수 있는 입력폼이 삽입된 섹션을 만들 수 있으며, 버튼, 메뉴 리스트 위젯을 활용해 메뉴로 디자인할 수도 있습니다. 디자인 모드에 접속합니다. 접속방법 아무 메뉴에서 섹션에 마우스 포인터를 올리고, 마우스 오른쪽 버튼 을 클릭합니다. 컨텍스트 메뉴가 나오면 빈 섹션추가 를 클릭합니다. 참고 :이 과정에서 생성한 섹션은 앞으로 모든 메뉴에서 표시되게 설정할 것 이므로 아무 메뉴에서 빈 섹션을 추가해도 무방 합니다. 필요한 경우 일부 메뉴(예: 상품 상세페이지, 마이페이지 등)에선 이 섹션이 표시되지 않도록 숨길 수도 있습니다. 빈 섹션이 나오면 위젯을 추가 하고 배치하여 섹션을 디자인합니다. 위 1단계에서 디자인한 하단 고정 섹션이 모든 메뉴에서 표시되도록 섹션 반복 기능을 활성화 합니다. 디자인한 섹션에 마우스 포인터를 올리고, 마우스 오른쪽 버튼 을 클릭합니다. 참고 : 위젯에 마우스 포인터를 올리지 말고 섹션에 올려주세요. 컨텍스트 메뉴가 나오면 아래로 이동 을 클릭합니다. 위 1~2번 과정을 반복하여 섹션을 페이지의 가장 아래로 이동시켜 주세요. 해당 섹션이 페이지 최하단에 위치하게 되면, 섹션의 오른쪽에 섹션 반복 아이콘이 나타납니다. 섹션 반복 아이콘을 클릭하면 이 섹션은 이제부터 모든 페이지에 표시됩니다. 3단계: 섹션 ID 알아내기 위 1단계에서 제작한 섹션의 ID 값을 확인 후 복사합니다. 디자인한 하단 섹션에 마우스 포인터를 올리고, 마우스 오른쪽 버튼 을 클릭합니다. 참고 : 위젯에 마우스 포인터를 올리지 마세요. 컨텍스트 메뉴가 나오면 섹션 설정 을 클릭합니다. 섹션 설정 창의 오른쪽에 위치한 섹션 ID 를 마우스로 드래그하여 복사 후 메모장 등에 메모해 둡니다. (단축키: CTRL + C) 4단계: 코드 추가 및 편집하기 디자인한 섹션이 페이지 하단에 항상 고정되는 코드를 추가합니다. 디자인 모드 오른쪽 상단의 나가기 버튼을 클릭하여 관리자 페이지로 이동합니다. 왼쪽 메뉴에서 [환경설정 > SEO(검색엔진최적화)] 를 클릭해 이동합니다. 마우스 휠 스크롤을 내려 Footer Code 항목으로 이동합니다. 아래의 코드를 복사해 붙여넣습니다. 붙여넣은 코드에서 섹션ID 라 작성된 부분을 위 3단계에서 복사한 섹션ID 값으로 변경합니다. 저장 버튼을 클릭합니다. 5단계: 동작 확인하기 관리자 페이지 왼쪽 상단에 위치한 사이트 바로가기 메뉴를 클릭해 내 사이트에 접속합니다. 페이지 하단에 하단 고정 메뉴가 정상적으로 표시되고 작동하는지 확인합니다. (선택 사항) 특정 메뉴에서 하단 고정 메뉴 감추기 특정 메뉴에서는 하단 고정 메뉴가 숨겨지도록 설정할 수 있습니다. 만약 상품 상세페이지, 장바구니, 마이페이지 등에서 하단 고정 메뉴가 사이트 이용을 방해하는 경우, 아래의 도움말에서 하단 고정 메뉴를 감춰보세요. 특정 메뉴의 반복 섹션 숨김 처리하기 일반 버튼 스타일 설정하기 (공통 디자인 설정) 프로필에서 사용자 그룹명 감추기 (코드, 초급) ` }, { url: "https://imweb.me/qna?mode=faq&q=71861", category: "102", question: "일반 버튼 스타일 설정하기 (공통 디자인 설정)", answer: ` 버튼 위젯 의 스타일(버튼 배경색, 선색 등)은 사용자가 무료 사이트를 생성하는 과정에서 선택한 템플릿에 따라 자동으로 설정됩니다. 만약 버튼 위젯 을 추가할 때마다 자동 설정되는 기본 버튼의 스타일을 직접 지정하려면 이 도움말에 따라 일반 버튼 스타일을 변경해 주세요. 이 도움말은 기본적으로 사용되는 일반 버튼의 스타일 설정 방법을 설명합니다. 설정방법 디자인 모드에 접속합니다. 접속방법 오른쪽 상단의 톱니바퀴 아이콘을 클릭합니다. 공통 디자인 설정 메뉴가 나타나면 구성요소 항목으로 이동합니다. 버튼 스타일 을 클릭합니다. 버튼 텍스트, 배경색, 선색이 페이지 배경색과 다르게 설정합니다. 예를 들어, 페이지 배경색이 흰색인 경우 텍스트 색상을 검정(#000)으로, 배경색을 흰색(#fff)으로, 선 색을 검정색(#000)으로 설정할 수 있습니다. 참고 : 버튼 스타일 옵션 상단의 버튼 모양에 마우스 포인터를 올려 롤오버 버튼 스타일을 확인할 수 있습니다. 기본 색상 변경을 마쳤다면 마우스 롤오버 시 색상을 변경하고, 버튼의 모양, 버튼 텍스트 좌우 여백 등을 추가 설정하세요. 버튼 스타일 설정을 완료했다면 공통 디자인 설정 메뉴 바깥 영역을 클릭하고, 저장 을 클릭해 설정을 완료합니다. 디자인 모드 오른쪽 상단의 미리보기 아이콘을 클릭합니다. 의도한대로 버튼 스타일이 변경되었는지 확인합니다. 문제가 없다면 디자인 모드로 돌아가 게시하기 버튼을 클릭해 적용합니다. 관련 도움말 강조 버튼 설정하기 (공통 디자인 설정) 사이트 리뉴얼 시작하기 (메뉴 숨김 방법) PC 하단 고정 섹션 구현하기 (코드, 하단 고정 메뉴) ` }, { url: "https://imweb.me/qna?mode=faq&q=71866", category: "102", question: "사이트 리뉴얼 시작하기 (메뉴 숨김 방법)", answer: ` 사이트는 디자인 트렌드, 콘텐츠, 기업의 운영 전략 등에 따라 지속적인 업데이트가 필요합니다. 사용자는 운영 중인 사이트의 페이지를 계속 노출하면서 메뉴 숨김한 페이지에 리뉴얼 디자인을 제작할 수 있습니다. 이 도움말에서는 메뉴 숨김을 통해 특정 페이지 리뉴얼하는 단계별 과정을 안내합니다. 이 도움말에서는 사이트 첫 페이지에 공사중 페이지를 표시하고 리뉴얼하는 단계별 과정을 안내합니다. 설정방법 1단계: 리뉴얼 할 메뉴 추가하고 감추기 메뉴를 추가해 주세요. 메뉴 추가하기 왼추가한 메뉴를 숨김해 주세요. 메뉴 숨김하기 2단계: 페이지 리뉴얼하기 이제 숨김한 메뉴를 편집하여 새로운 페이지로 리뉴얼 작업을 시작합니다. 리뉴얼 작업 중 방문자는 숨김한 페이지에 접속할 수 없기 때문에 부담 없이 수정 후 게시해도 됩니다. 단, 아직 리뉴얼 전 메뉴를 삭제하지 않도록 주의하시길 바랍니다. 3단계: 리뉴얼 전 메뉴 삭제하기 페이지 리뉴얼 작업을 완료했다면 이제 리뉴얼 전 메뉴를 삭제합니다. 디자인 모드 왼쪽 상단의 메뉴 관리 ≡ 아이콘을 클릭합니다. 공사중 메뉴에 마우스 포인터를 올리고 마우스 오른쪽 버튼 을 클릭합니다. 메뉴 컨텍스트 메뉴가 나오면 삭제 를 클릭합니다. 삭제 경고 창이 나오면 확인 을 클릭합니다. 리뉴얼 전 메뉴가 삭제됩니다. 4단계: 미리보기 및 게시하기 리뉴얼 작업 완료 후 페이지 디자인 및 링크 등의 모든 페이지 콘텐츠가 정상적으로 동작하는지 확인합니다. 디자인 모드 오른쪽 상단의 미리보기 아이콘을 클릭합니다. 모든 페이지가 정상적으로 동작하는지 확인합니다. 문제가 없다면 디자인 모드로 돌아가 게시하기 버튼을 클릭합니다. 알림(종) 아이콘이 나타나지 않습니다. 일반 버튼 스타일 설정하기 (공통 디자인 설정) ` }, { url: "https://imweb.me/qna?mode=faq&q=71870", category: "102", question: "알림(종) 아이콘이 나타나지 않습니다.", answer: ` 알림 기능을 통해 알림을 수신할 수 있지만 사이트 디자인에 따라 알림 버튼이 없다면 알림을 확인하지 못할 수 있습니다. 이 도움말에서는 알림 버튼 노출 방법을 안내합니다. 해결방법 디자인 모드에 접속합니다. 접속방법 디자인 모드 오른쪽 상단에 위치한 상단 편집 을 클릭합니다. 상단 영역에 로그인/장바구니 위젯을 추가합니다. 상단 위젯 추가하기 추가된 로그인/장바구니 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼 을 클릭합니다. 로그인 후 탭을 클릭합니다. 설정창 왼쪽 상단 +추가 를 클릭합니다. 알림 또는 회원 정보 를 추가합니다. 참고 도움말 알림 수신 맞춤설정 알림 메세지 확인하기 (푸시 알림) 상품 평점 숨기기 사이트 리뉴얼 시작하기 (메뉴 숨김 방법) ` }, { url: "https://imweb.me/qna?mode=faq&q=71872", category: "102", question: "상품 평점 숨기기", answer: ` 구매평에서 평점이 노출되는 경우가 있습니다. 이 도움말에서는 평점 숨김 방법을 안내합니다. 설정방법 상품 상세페이지에서 평점 숨기기 디자인 모드에 접속합니다. 접속방법 왼쪽 상단의 메뉴 관리 ≡ 아이콘을 클릭합니다. 글로벌 메뉴 에서 상품 상세페이지 를 클릭합니다. 상품 상세페이지 위젯 위에 마우스 포인터를 올리고, 마우스 오른쪽 버튼 을 클릭합니다. 컨텍스트 메뉴가 나오면 상품 상세페이지 설정 을 클릭합니다. 탭 설정 을 클릭합니다. 구매평 항목의 아코디언을 클릭하여 펼쳐줍니다. 구매평 별점 숨김 에 체크해 줍니다. 구매평 게시판에서 평점 숨기기 디자인 모드에 접속합니다. 접속방법 게시판 위젯이 삽입된 메뉴로 이동합니다. (만약 게시판 메뉴가 없는 경우 구매평 게시판 만들기 도움말을 참고해 새로운 메뉴를 생성하고 게시판을 추가해 보세요.) 게시판 위젯에 마우스 포인터를 올리고 마우스 오른쪽 버튼 을 클릭합니다. 컨텍스트 메뉴가 나오면 게시판 설정 을 클릭합니다. 게시판 설정 창 상단의 디자인 탭을 클릭합니다. 리스트 항목 에서 평점 을 체크 해제합니다. 관련 도움말 구매평 게시판 만들기 (리뷰게시판 만들기) 상품 상세페이지의 구매평 또는 Q&A 기능을 사용하고 싶지 않습니다 마우스 스크롤 시 팝업 고정하기 알림(종) 아이콘이 나타나지 않습니다. ` }, { url: "https://imweb.me/qna?mode=faq&q=71880", category: "102", question: "마우스 스크롤 시 팝업 고정하기", answer: ` 주의 : 아임웹에서 제공하지 않는 기능을 코드로 해결하는 도움말입니다. 사용자가 임의로 변경한 부분에 대해 기술 및 고객지원은 불가하며, 향후 아임웹 업데이트에 따라 정상적으로 작동하지 않을 수 있습니다. 이 도움말은 코드를 활용한 고급 도움말로 마우스 스크롤 시 팝업을 고정하는 방법을 설명합니다. 설정방법 1단계: 팝업 추가하기 팝업/배너 추가하기 도움말을 참고하여 팝업을 제작합니다. 2단계: 코드 복사 및 붙여넣기 내 사이트 관리자 페이지에 접속합니다. 접속방법 왼쪽 메뉴에서 [환경설정 > SEO(검색엔진최적화)] 를 클릭해 이동합니다. 마우스 휠 스크롤을 내려 Body Code 항목으로 이동합니다. 아래의 소스 코드 전체를 복사하여 Body Code 작성 칸에 붙여넣습니다. 3단계: 동작 확인하기 실제 사이트에 접속하여 마우스 스크롤 시 팝업이 정상적으로 고정되는지 확인합니다. 상품 평점 숨기기 ` }, { url: "https://imweb.me/qna?mode=faq&q=71898", category: "102", question: "이미지 Hover 시 확대 사용 설정하기", answer: ` 방문자가 상품 상세페이지의 대표 이미지에 마우스 포인터를 올렸을 때 이미지가 확대되도록 Hover 효과 를 설정할 수 있습니다. 시작에 앞서 이 기능은 원본 이미지의 크기가 800x800픽셀 이상 일 때만 동작하며, 모바일에서는 동작하지 않습니다. 참고 : 옵션을 적용해도 확대 이미지가 표시되지 않으면 원본 이미지의 크기를 확인해 주세요. 설정방법 디자인 모드에 접속합니다. 접속방법 왼쪽 상단의 메뉴 관리 ≡ 아이콘을 클릭합니다. 글로벌 메뉴 에서 상품 상세페이지 메뉴를 클릭합니다. 상품 상세페이지 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼 을 클릭합니다. 컨텍스트 메뉴가 나오면 상품 상세페이지 설정 을 클릭합니다. 상품 상세페이지 설정 창이 나오면 왼쪽 메뉴에서 디자인 탭을 클릭합니다. 마우스 휠 스크롤을 내려 기타 항목에서 이미지 Hover 시 확대 사용 옵션을 선택합니다. 상품 상세페이지 설정 창 바깥 영역을 클릭해 설정을 완료합니다. 이제 상품 대표 이미지 Hover 시 이미지가 확대됩니다. 상품 상세페이지에 쿠폰 받기 버튼 표시하기 마우스 스크롤 시 팝업 고정하기 ` }, { url: "https://imweb.me/qna?mode=faq&q=71909", category: "102", question: "상품 상세페이지에 쿠폰 받기 버튼 표시하기", answer: ` 내 쇼핑몰에서 회원을 위한 쿠폰을 발행했다면, 회원이 상품 상세페이지에서 쿠폰을 간편하게 내려받을 수 있도록 쿠폰 받기 버튼을 표시할 수 있습니다. 참고: 쿠폰 받기 버튼을 클릭 시, 노출되는 쿠폰 유형은 쿠폰 고객 다운로드 쿠폰의 금액 할인 유형 만 노출되게 됩니다. 쿠폰 설정 방법에 대해 상세한 내용은 [ 쿠폰 생성 및 관리하기 ] 가이드 참고해 주세요. 설정방법 디자인 모드에 접속합니다. 접속방법 왼쪽 상단의 메뉴 관리 ≡ 아이콘을 클릭합니다. 글로벌 메뉴 에서 상품 상세페이지 메뉴를 클릭합니다. 상품 상세페이지 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼 을 클릭합니다. 컨텍스트 메뉴가 나오면 상품 상세페이지 설정 을 클릭합니다. 상품 상세페이지 설정 창이 나오면 왼쪽 메뉴에서 표시 항목 탭을 클릭합니다. 쿠폰정보 항목에서 쿠폰 받기 버튼 옵션을 선택합니다. 이제 상품 상세페이지에 쿠폰 받기 버튼이 표시되며, 판매자가 발행한 쿠폰이 여러 개라면 회원은 이용 가능한 쿠폰을 선택해 미리 내려받을 수 있게 됩니다. 쿠폰받기 버튼 디자인 쿠폰받기 버튼 디자인의 기준은 PC, 모바일이 다르게 적용됩니다. PC와 모바일 각각의 특성을 고려하여 설정되었습니다. PC 화면 모바일 화면 1. 할인 : 10% 할인 쿠폰 혜택이 먼저 노출됩니다.(PC, 모바일 설정 동일) [디자인 모드 > 상품 상세페이지 > 상품 상세페이지 설정 > 디자인 > 상품가격] 의 폰트 크기로 설정됩니다. 2. 쿠폰명 : 피크닉 특가 쿠폰 설정한 쿠폰명이 노출됩니다. ‘쿠폰받기’ 버튼의 색상은 ‘구매하기’ 버튼의 색상과 동일하게 적용됩니다. PC 디자인의 글꼴 크기 : [디자인 모드 > 공통 디자인 설정 > 텍스트 정의 > 글꼴 크기] 모바일 디자인의 글꼴 크기 : [디자인 모드 > 공통 디자인 설정 > 텍스트 정의 > 글꼴 크기] 의 0.9배 3. 쿠폰받기 버튼 (버튼, 글꼴 색상) 구매하기’ 버튼과 동일한 설정값을 따라갑니다.설정한 쿠폰명이 노출됩니다. 4. 쿠폰박스 박스의 테두리 컬러 : [디자인 모드 > 공통 디자인 설정 > 글자 색의 10%] 박스 배경색 : 없음(투명) 모바일 박스의 테두리 컬러 : [디자인 모드 > 공통 디자인 설정 > 글자 색의 10%] 박스 배경색 : [디자인 모드 > 공통 디자인 설정 > 브랜드/링크색의 6%] 🖥️ 동영상 가이드 관련 도움말 쿠폰 생성 및 관리하기 쇼핑등급 설정하기 (회원등급) 모바일에서는 게시글로 이동되지 않아요 ` }, { url: "https://imweb.me/qna?mode=faq&q=71998", category: "102", question: "모바일에서는 게시글로 이동되지 않아요", answer: ` [디자인 모드 > 모바일 뷰 포트]에 접속하여 PC 뷰 포트에서 구성한 게시판 위젯이 숨겨져 있는지 확인해주세요. PC에서 추가한 게시판 위젯을 모바일에도 노출해주셔야 모바일에서도 게시글 접속이 됩니다. 따라서 1. 디자인 모드 > 모바일 뷰 포트로 접속 2. 우측 말풍선(숫자) 클릭 > 복원할 위젯에서 게시판 위젯을 확인하여 복원해주세요. *만일 모바일 전용 섹션으로 최신글 위젯을 구성했다면, 최신글 위젯은 삭제를 권장해 드립니다. *게시판 위젯은 PC 디자인 모드에서만 추가할 수 있습니다. *최신글 위젯으로만 구성하면 게시글로 이동되지 않습니다. 신상품 배지가 노출되지 않아요 상품 상세페이지에 쿠폰 받기 버튼 표시하기 ` }, { url: "https://imweb.me/qna?mode=faq&q=71999", category: "102", question: "신상품 배지가 노출되지 않아요", answer: ` [디자인 모드 > 쇼핑 위젯 마우스 우클릭 > 쇼핑 설정 > 배지 설정 > 신상품 기간] 항목을 통해 신상품 배지가 보여지는 기간을 설정할 수 있습니다. 따라서 ‘신상품 기간’ 항목이 ‘사용 안함’으로 설정 되어 있는지 확인해주세요. 게시판에 글쓰기 버튼이 없어서 글쓰기 작성이 안됩니다 모바일에서는 게시글로 이동되지 않아요 ` }, { url: "https://imweb.me/qna?mode=faq&q=72000", category: "102", question: "게시판에 글쓰기 버튼이 없어서 글쓰기 작성이 안됩니다", answer: ` 사이트에서 글쓰기 버튼이 보이지 않는다면 ‘버튼 스타일’을 확인해보세요. [디자인 모드 > 공통 디자인 설정 (오른쪽 상단 톱니바퀴 아이콘) > 구성요소 - 버튼 스타일 > 일반버튼]에서 기본 텍스트와 배경색을 변경할 수 있습니다. 💡만약 일반버튼의 기본 텍스트/배경색이 있어도 글쓰기 버튼이 보이지 않는다면, 아래 가이드를 참고하여 [강조버튼] 디자인을 확인해주세요. [강조 버튼 설정하기] 🖥️ 동영상 가이드 디자인 모드에서는 안보이는데, 미리보기나 실제 사이트에서는 상단 메뉴에 여백이 있습니다 신상품 배지가 노출되지 않아요 ` }, { url: "https://imweb.me/qna?mode=faq&q=72001", category: "102", question: "디자인 모드에서는 안보이는데, 미리보기나 실제 사이트에서는 상단 메뉴에 여백이 있습니다", answer: ` [디자인 모드 > 상단 메뉴 마우스 우클릭 > 상단 편집]에서 빈 섹션이 추가되어 있는지 확인해주세요. [상단 편집 열기] 상단 영역에 불필요한 빈 섹션이 존재할 경우, 상단 영역 아래에 추가하지 않은 여백이 존재하게 됩니다. [상단 편집 > 빈 섹션에 마우스 우클릭 > 섹션 삭제] 후 확인해보시길 바랍니다. 원하는 폰트가 없는데 별도로 적용해서 사용 가능한가요? 게시판에 글쓰기 버튼이 없어서 글쓰기 작성이 안됩니다 ` }, { url: "https://imweb.me/qna?mode=faq&q=72002", category: "102", question: "원하는 폰트가 없는데 별도로 적용해서 사용 가능한가요?", answer: ` 쾌적한 사이트 로드 속도 및 저작권 문제 방지를 위해 아임웹에서 제공하는 폰트를 사용해 주세요. 개별적인 폰트 추가는 어려운 점 양해 부탁드립니다. [글꼴 변경하기] [구입한 유료 폰트를 추가할 수 없나요?] * 원하는 폰트가 ‘구글 웹폰트’에서 제공된다면, 코드를 이용하여 적용해 볼 수 있습니다. [구글 폰트 사용하기 (사이트 전체 적용하기)] [구글 폰트 사용하기 (부분 적용하기)] 모바일을 디자인할 수 있나요? 디자인 모드에서는 안보이는데, 미리보기나 실제 사이트에서는 상단 메뉴에 여백이 있습니다 ` }, { url: "https://imweb.me/qna?mode=faq&q=72003", category: "102", question: "모바일을 디자인할 수 있나요?", answer: ` 아임웹은 반응형 웹 제작 솔루션으로 PC 디자인이 리사이징되어 모바일 디자인에 반영됩니다. 따라서 기본적으로 PC 디자인은 모바일과 함께 사용할 수 있어요. *상단 디자인은 PC/모바일 각각 해주셔야 합니다. 모바일만의 디자인을 구성하고 싶다면, 모바일에서 PC 디자인을 숨기고 ‘모바일 전용 섹션’을 구성해보시길 바랍니다. 아래 가이드를 참고해주세요. [모바일만의 디자인하기(모바일전용섹션, 모바일 미리보기)] [모바일 디자인 변경하기] 🖥️ 동영상 가이드 가이드와 함께 아래 영상을 참고해 보세요. 비주얼 섹션이 어둡게 나와요. 원하는 폰트가 없는데 별도로 적용해서 사용 가능한가요? ` }, { url: "https://imweb.me/qna?mode=faq&q=72004", category: "102", question: "비주얼 섹션이 어둡게 나와요.", answer: ` 비주얼 섹션에 음영이 설정되어 있을 경우, 원본 이미지보다 어둡게 표현됩니다. 아래 가이드를 참고하여 음영을 제거한 후 확인해주세요. [비주얼섹션 배경 이미지가 어둡게 보입니다] 관리자 페이지에서 카테고리를 추가했는데 사이트에 생성되지 않아요 모바일을 디자인할 수 있나요? ` }, { url: "https://imweb.me/qna?mode=faq&q=72005", category: "102", question: "관리자 페이지에서 카테고리를 추가했는데 사이트에 생성되지 않아요", answer: ` 관리자 페이지에서 설정한 카테고리는 디자인모드 메뉴에 바로 연동되지 않습니다. 디자인모드에서 쇼핑 위젯을 추가하고, 상품 카테고리를 연동해주셔야 카테고리와 메뉴가 연동됩니다. 아래 가이드를 참고하여 카테고리를 연동하고, 상품을 진열해보세요. [페이지에 상품을 진열하는 4가지 방법] 사이트 이미지 최적 해상도 비주얼 섹션이 어둡게 나와요. ` }, { url: "https://imweb.me/qna?mode=faq&q=72006", category: "102", question: "사이트 이미지 최적 해상도", answer: ` 아임웹은 반응형 웹 제작 솔루션이기 때문에 PC/태블릿/모바일 기기 해상도에 따라 이미지 크기가 달라집니다. 이에 따라 최적 해상도를 명시해 드리기는 어려우며, 디자인 모드 그리드 기준에 근접한 크기를 안내해 드립니다. 공통 디자인 그리드 기준 본문폭: 1280 px 가로 영역 확장 시/비주얼섹션: 1920 px 모바일 전용 가로 크기: 768 - 780 px 상품 등록 시 대표이미지 권장 크기 : 750x750 px 상품 상세페이지 상세설명 이미지 한 장당 권장 크기 : 1000x1000 px 이하, 1MB 이하 / 최대 8000 x 8000 px 가능, 최대 10MB 가능 위 내용을 참고하여 적절한 이미지 크기를 찾아보시길 바랍니다. [그리드 시스템이란?] 하단이 안보이는데 어떻게 하나요? 관리자 페이지에서 카테고리를 추가했는데 사이트에 생성되지 않아요 ` }, { url: "https://imweb.me/qna?mode=faq&q=72007", category: "102", question: "모바일 디자인이 PC랑 달라요", answer: ` 아임웹은 반응형 웹 제작 솔루션으로 PC 디자인이 리사이징되어 모바일 디자인에 반영됩니다. 리사이징이 되는 과정에서 이미지, 텍스트 배열이 모바일에서는 PC에서 설정한 것과 다르게 반영될 수 있어요. [디자인 모드 > PC]에서 작업한 내용은 모바일에서 수정할 수 없기 때문에, [디자인 모드 > 모바일]에서 모바일 전용 섹션으로 따로 구성하는 것을 권장해 드립니다. [모바일만의 디자인하기(모바일전용섹션, 모바일 미리보기)] 💡최초에 선택한 템플릿이 모바일 전용 섹션을 활용한 경우, PC 디자인이 모바일에 반영되지 않을 수 있습니다. [디자인 모드 > 모바일]에서 PC 디자인 숨김 처리를 확인하고 복원해보세요. [모바일 버전에서 PC 섹션 숨김/복원하기] 🖥️ 동영상 가이드 가이드와 함께 아래 영상을 참고해 보세요. ` }, { url: "https://imweb.me/qna?mode=faq&q=72008", category: "102", question: "하단이 안보이는데 어떻게 하나요?", answer: ` [디자인 모드 > 메뉴 관리 > 메뉴 마우스 우클릭 > 메뉴 설정]에서 ‘하단 숨김’ 체크 해제 후 확인해주세요. 아래 가이드와 함께 확인 바랍니다. [하단을 변경했는데 바뀌지 않습니다.] 메뉴 이름은 어떻게 수정하나요? 사이트 이미지 최적 해상도 ` }, { url: "https://imweb.me/qna?mode=faq&q=72009", category: "102", question: "메뉴 이름은 어떻게 수정하나요?", answer: ` [디자인 모드 > 메뉴 관리 > 메뉴 마우스 우클릭 > 메뉴 설정]에서 메뉴명을 수정할 수 있습니다. 아래 가이드를 참고하여 수정해보세요. [메뉴 설정하기 (메뉴명, 메뉴 주소 변경 등)] 무료(Free) 버전은 상/하위/모달 메뉴 모두 포함 총 5개까지 메뉴 관리가 가능합니다. 5개 이상의 메뉴가 있다면 5개 이하로 삭제해주신 후 수정 또는 유료 버전으로 업그레이드 결제 후 수정해주세요. [아임웹 요금제 알아보기] 하단 디자인을 자유롭게 변경하고 싶어요 하단이 안보이는데 어떻게 하나요? ` }, { url: "https://imweb.me/qna?mode=faq&q=72010", category: "102", question: "하단 디자인을 자유롭게 변경하고 싶어요", answer: ` 하단(푸터) 템플릿 중 원하는 디자인이 없다면, 일반 섹션을 하단처럼 구성해보는 방법이 있습니다. 하단 기능보다 자유롭게 디자인할 수 있으며, 아래 가이드를 참고하여 구성해보세요. [커스텀 하단 만들기 (푸터)] [모바일 커스텀 하단 만들기 (푸터)] 권한을 가진 사용자만 볼 수 있는 게시판을 만들고 싶어요 메뉴 이름은 어떻게 수정하나요? ` }, { url: "https://imweb.me/qna?mode=faq&q=72011", category: "102", question: "권한을 가진 사용자만 볼 수 있는 게시판을 만들고 싶어요", answer: ` 게시판 위젯은 게시판 목록, 읽기, 글 작성, 댓글 권한을 설정할 수 있습니다. 아래 가이드를 참고하여 특정 사용자가 포함된 그룹만 게시글을 열람할 수 있도록 설정해보세요. [게시판 권한 설정하기] 게시판을 새롭게 생성했는데 이미 생성되어있는 게시판이 노출됩니다 하단 디자인을 자유롭게 변경하고 싶어요 ` }, { url: "https://imweb.me/qna?mode=faq&q=72012", category: "102", question: "게시판을 새롭게 생성했는데 이미 생성되어있는 게시판이 노출됩니다", answer: ` 새 게시판은 디자인 모드에서 게시판 위젯을 새롭게 추가해주셔야 합니다. 연동된 게시판은 [디자인 모드 > 게시판 위젯 마우스 우클릭 > 게시판 설정 > 연동 게시판 선택]에서 확인할 수 있어요. 💡Free(무료) 버전 사이트는 최대 3개까지 게시판을 생성할 수 있습니다. 따라서 Free 버전 사이트는 게시판이 3개라면, 게시판 위젯을 새롭게 추가하더라도 기존에 생성한 게시판으로 연동됩니다. 기존에 생성한 게시판은 [관리자 페이지 > 컨텐츠 관리 > 게시물]에서 삭제할 수 있어요. 삭제 후 디자인 모드에서 게시판 위젯을 새롭게 추가하면 새 게시판이 생성되는 점 이용에 참고 부탁드립니다. 회원이나 비회원에게도 글쓰기 버튼이 표시돼요 권한을 가진 사용자만 볼 수 있는 게시판을 만들고 싶어요 ` }, { url: "https://imweb.me/qna?mode=faq&q=72058", category: "102", question: "회원이나 비회원에게도 글쓰기 버튼이 표시돼요", answer: ` 아임웹으로 만든 게시판은 기본적으로 글쓰기 버튼이 노출되도록 설정되어 있습니다. 운영자만 게시글을 작성하도록 제한 하기 때문에, 모든 방문자에게 글쓰기 버튼을 노출할 필요가 없습니다. 이 도움말은 게시판 위젯 의 글쓰기 버튼 표시 권한 변경 방법을 설명합니다. 설정방법 디자인 모드에 접속합니다. 접속방법 게시판 위젯 을 추가한 메뉴로 이동합니다. 게시판 위젯 위에 마우스 포인터를 올리고, 마우스 오른쪽 버튼 을 클릭합니다. 컨텍스트 메뉴가 나오면 게시판 설정 을 클릭합니다. 글쓰기 버튼 항목을 권한이 있는 경우 표시 옵션을 선택합니다. 디자인 모드 오른쪽 상단의 게시하기 버튼을 클릭해 적용합니다. 이제 Google 크롬 시크릿 모드 로 게시판 위젯이 있는 페이지에 접속해, 글쓰기 버튼이 표시되지 않는 것을 확인합니다. 관련 도움말 모바일 메뉴버튼 메뉴 펼치기 (코드, 초급) 게시판을 새롭게 생성했는데 이미 생성되어있는 게시판이 노출됩니다 ` }, { url: "https://imweb.me/qna?mode=faq&q=72084", category: "102", question: "모바일 메뉴버튼 메뉴 펼치기 (코드, 초급)", answer: ` 주의 : 이 도움말은 아임웹에서 제공하지 않는 기능을 코드로 해결하는 방법은 안내합니다. 사용자가 임의로 변경한 부분에 대해 기술 및 고객지원은 불가하며, 향후 아임웹 업데이트에 따라 정상적으로 동작하지 않을 수 있습니다. 메뉴 버튼 위젯은 기본적으로 상위 메뉴, 하위 메뉴를 모두 접은 채로 표시됩니다. 일반적으로 여러 웹사이트는 많은 개수의 메뉴를 가지고 있기 때문에, 경우에 따라 지나치게 메뉴가 많아서 방문자의 메뉴 확인을 어렵게 하기 때문입니다. 그런데, 만약에 모든 메뉴를 펼쳐도 한 화면에 충분히 메뉴 확인이 가능하다면 아래의 CSS 코드를 모든 메뉴를 펼쳐 표시해 보길 바랍니다. 설정방법 내 사이트 관리자 페이지에 접속합니다. 접속방법 왼쪽 메뉴에서 [환경설정 > SEO(검색엔진최적화)] 를 클릭해 이동합니다. 마우스 휠 스크롤을 움직여 공통 코드 삽입 항목으로 이동합니다. 아래의 코드를 복사합니다. Body Code 항목에 붙여넣습니다. 저장 버튼을 클릭해 적용합니다. 내 사이트로 이동해 모바일 화면에서 모바일 메뉴버튼 메뉴가 모두 펼쳐져 보이는지 확인합니다. 참고 : 모바일 기기가 아니라 PC에서도 모바일 버전을 확인할 수 있습니다. 자세한 방법은 PC에서 모바일 버전 미리보기 도움말을 참고해 주세요. 비주얼섹션 배경 이미지가 잘려보여요. 회원이나 비회원에게도 글쓰기 버튼이 표시돼요 ` }, { url: "https://imweb.me/qna?mode=faq&q=72088", category: "102", question: "비주얼섹션 배경 이미지가 잘려보여요.", answer: ` 비주얼섹션은 슬라이드 방식으로 동작하며, 주로 사이트의 대표적인 아이덴티티를 나타내거나 중요한 정보(이벤트, 행사 등)를 알리는데 사용됩니다. 비주얼섹션은 기본적으로 이미지를 cover(채우기) 속성으로 사용합니다. cover(채우기) 속성은 크기에 따라 이미지가 확대 또는 축소 되면서 이미지를 가득 채우는 속성이기 때문에 브라우저 크기에 따라 이미지가 일부 잘려 보일 수 있습니다. 아래 예시 이미지를 참고해주세요. 개선방법 이미지가 확대 될 때 잘리지 않도록 피사체를 최대한 가운데로 배치합니다. 이미지에 텍스트가 포함되어 있으면 이미지가 확대 될 때 텍스트가 잘릴 수도 있으니, 텍스트는 되도록 비주얼섹션의 텍스트 기능으로 작성합니다. 비주얼섹션 한 줄에 텍스트와 이미지 첨부하기 비주얼섹션 대신 갤러리 위젯을 사용하여 유사한 디자인으로 구성합니다. 갤러리 위젯으로 비주얼섹션 만들기 관련 도움말 모바일에서 비주얼섹션 배경 이미지가 잘려 보일 때 비주얼섹션 풀페이지 사용 시 배경 이미지의 최적 해상도는 무엇인가요? 비주얼섹션 배경 이미지가 어둡게 보입니다. 모바일만의 디자인하기 (모바일 전용 섹션, 모바일 미리보기) 모바일 메뉴버튼 메뉴 펼치기 (코드, 초급) ` }, { url: "https://imweb.me/qna?mode=faq&q=72131", category: "102", question: "모바일만의 디자인하기 (모바일 전용 섹션, 모바일 미리보기)", answer: ` 아임웹은 PC 디자인을 하면, 자동 리사이징되어 모바일 디자인에도 반영되는 반응형 웹솔루션이에요! 이때 반영된 모바일 디자인이 마음에 들지 않거나, 모바일만의 디자인을 만들고 싶다면 ‘모바일 전용 섹션’을 통해 디자인해 볼 수 있어요. 모바일 전용 섹션을 구분하는 방법부터 모바일만의 디자인을 하는 방법까지 소개해 드릴게요! 1. 디자인 모드에 접속해서 모바일 뷰포트로 변경해 주세요. 2. ‘모바일 전용 섹션’인지 ‘PC 디자인이 자동으로 반영된 섹션’인지 확인해 주세요. 아래 이미지에 표시된 것처럼 모바일 아이콘이 보인다면 이 섹션은 ‘모바일 전용 섹션’이에요. 모바일 전용 섹션은 모바일에서만 확인할 수 있는 디자인 이에요! 아래 이미지 표시처럼 눈 모양 아이콘이 보인다면, 이 섹션은 ‘PC 디자인이 자동으로 반영된 부분’이에요. 모바일에서는 보여주고 싶지 않다면 눈 모양 아이콘을 클릭해서 숨겨볼 수 있어요. 다시 모바일에 보여주고 싶다면 우측 물방울 모양을 클릭해서 숨김 처리한 디자인을 복원해 주세요! [참고] 디자인이 반영된 섹션은 모바일에서 수정할 수 없어요. PC 디자인 뷰포트로 변경해서 수정해 주세요. TIP! 모바일 디자인을 미리 보는 방법 PC에서 모바일 디자인 화면을 확인할 수 있는 방법 2가지를 소개해 드릴게요! 이 방법은 화면을 모바일 크기에 맞춰서 ‘디자인’을 확인하는 방법이에요. 모바일 기능을 모두 확인하기는 어려운 점 참고해 주세요. 방법1: 화면 가로 폭을 좁혀서 확인하기 아래 이미지와 같이 PC 브라우저 크기를 줄여서 모바일 디자인 화면을 확인할 수 있어요. 방법2: 개발자 도구를 통해 확인하기 (Chrome 브라우저 기준) 1. [Chrome(크롬) 브라우저 우측 상단 ‘더보기’버튼 클릭 > 도구 더보기 > 개발자 도구]를 클릭, 또는 키보드 버튼을 눌러 개발자 도구에 접속해 주세요.2 2. 개발자 도구 왼쪽 상단의 기기 (장치) 아이콘을 클릭해 주세요. 3. 브라우저 상단 Dimensions (크기) 버튼을 클릭한 후 모바일 기종 을 선택해서 모바일 디자인 화면을 확인해 주세요. 또는 Responsive (반응형)를 선택한 후 직접 사이즈를 지정해서 확인하는 방법도 있어요! 🖥️동영상 가이드 디자인 모드 실행취소 및 재실행 비주얼섹션 배경 이미지가 잘려보여요. ` }, { url: "https://imweb.me/qna?mode=faq&q=72161", category: "102", question: "디자인 모드 실행취소 및 재실행", answer: ` 디자인 모드에서 사이트 디자인을 편집하다가 이전으로 돌아가고 싶었던 적 있으셨죠? 이제 디자인 모드에서 이전 작업으로 돌아가거나, 취소한 작업을 재실행할 수 있어요! 이 가이드에서 디자인 모드의 실행취소와 재실행 기능에 대해서 알아볼게요! 실행 취소 재실행 실행취소 및 재실행 이용 시 주의점 1. 같은 메뉴 내에서만 실행 취소 및 재실행이 가능해요! 디자인을 수정하거나 실수한 메뉴 내에서만 가능 하며, 다른 메뉴에서 실행취소와 재실행은 불가해요. 2. 2개 이상의 브라우저에서 디자인 모드를 동시 접속할 경우, '동시 접속중' 문구가 노출돼요. 주의: 동시에 같은 메뉴를 수정한다면 작업 도중 새로고침이 필요할 수 있고, 새로고침 후 이전 작업으로 실행취소 또는 재실행이 불가하여 디자인 모드 동시 접속은 권장 드리지 않습니다. 3. 실행취소 및 재실행의 기능은 현재 일부 기능에서는 작동하지 않아요. 참고: 상단 편집, 메뉴 설정, 공통 디자인 설정, 하단 설정, 반복 섹션, 비주얼 섹션 - 풀페이지 모드에서는 지원되지 않아요. 메뉴당 100개의 작업까지 실행취소 및 재실행이 가능 해요. 100개 초과 시 최초 저장한 히스토리부터 삭제돼요. 브라우저 자체의 새로고침을 진행 한다면, 실행취소 및 재실행이 가능한 모든 히스토리가 초기화되어 실행취소 및 재실행이 불가 해요. 6. 기존 ‘마지막 게시시점으로 복원하기’ 기능 위치에 ‘실행취소 및 재실행’ 기능이 생겼어요. ’마지막 게시시점으로 복원하기’ 기능은 우측으로 이동되었어요. 주의점을 모두 확인하셨다면 이제 기능을 이용해 볼까요? 실행취소 및 재실행 이용방법 1. PC 디자인 모드 ↔ 모바일 디자인 모드에서 진행했던 작업을 각 PC 디자인 모드, 모바일 디자인 모드로 변경했어도 실행취소 및 재실행이 가능해요. 참고: 각 디자인 뷰포트인 PC, 모바일로 돌아가지 않고 "작업이 취소되었습니다" 라는 메시지가 노출돼요. 2. 위젯 단위: 위젯 추가와 삭제, 이동, 그리드 변경, 붙여넣기, 가로 영역 확장, 설정값 변경 등에 적용돼요. 예시 게시판 위젯 설정에서 디자인을 다른 스타일로 변경하고, 구성 요소의 게시판 이름과 리스트 항목의 댓글수 등을 변경한다면 이 부분을 실행취소 혹은 재실행이 가능해요. 참고: 설정한 부분이 한꺼번에 실행 취소와 재실행이 되는 것이 아닌, 각각 설정한 부분이 실행 취소/재실행이 돼요. 3. 섹션 단위: 섹션 추가, 삭제, 이동, 붙여넣기, 이동, 설정값 변경 등에 적용돼요. 예시 섹션 설정에서 배경 이미지 변경 등의 섹션 설정 후, 이전 배경 이미지로 되돌리고 싶을 때 실행취소가 가능해요. 중요: 섹션 반복 기능 사용 시, 실행취소 및 재실행 기능 사용 시 제한이 있습니다. 반복 섹션 내 작업한 내역은 모든 메뉴에서 실행 취소 및 재실행이 불가하니 주의해 주세요. 아임웹 하단 배너를 숨길 수 있나요? 모바일만의 디자인하기 (모바일 전용 섹션, 모바일 미리보기) ` }, { url: "https://imweb.me/qna?mode=faq&q=72178", category: "102", question: "아임웹 하단 배너를 숨길 수 있나요?", answer: ` 2025년 7월 30일 이전에 생성된 무료 사이트의 경우 사이트 하단에 아래 문구가 자동으로 노출됩니다. 이 사이트는 아임웹으로 제작되었습니다. 유료 요금제를 적용하면 해당 배너는 자동으로 제거 됩니다. TIP: 배너 노출을 원치 않으신 경우, 유료 요금제를 이용해 보세요! 👉 결제는 어떻게 하나요? 참고: 기존에 제공되었던 Free 요금제는 2025년 7월 30일부터 이용이 제한 됩니다. 관련 공지는 아래에서 확인하실 수 있습니다. [중요] 25/07/30 (수) Free 요금제 폐지 및 14일 무료체험 도입 안내 14일 무료체험 안내 아임웹에서는 유료 요금제를 14일간 무료로 체험 해보실 수 있습니다. 이는 고객님께서 직접 필요한 요금제를 사용해 보신 뒤, 결제 여부를 결정 하실 수 있도록 마련된 절차인 점 참고해주세요. 게시물 작성시 "악성 게시물 등록 의심으로 인한 차단. 관리자에게 문의해 주세요." 가 노출됩니다. 디자인 모드 실행취소 및 재실행 ` }, { url: "https://imweb.me/qna?mode=faq&q=72278", category: "102", question: "게시물 작성시 "악성 게시물 등록 의심으로 인한 차단. 관리자에게 문의해 주세요." 가 노출됩니다.", answer: ` "악성 게시물 등록 의심으로 인한 차단. 관리자에게 문의해 주세요." 문구는 아임웹에서 내부적으로 모니터링하고 있는 스팸게시글 등록 방지 시스템에 의한 알림메시지 입니다. 따라서 게시글 작성시 해당 문구가 노출된다면, 기본적으로 다른 게시물 제목과 내용으로 다시 한 번 등록을 시도해 보시기 바랍니다. 제목, 내용을 변경해도 동일할 경우 실시간 채팅 상담을 통해 문의 부탁드립니다. 상단 섹션으로 배너 추가하기 아임웹 하단 배너를 숨길 수 있나요? ` }, { url: "https://imweb.me/qna?mode=faq&q=72282", category: "102", question: "상단 섹션으로 배너 추가하기", answer: ` 사이트 상단에 색상형 배너를 표시할 수 있어요 사용 중인 상단에 섹션을 추가해 색상형 배너를 제작하는 방법을 알아봅니다 참고: 이미지를 넣는 배너 제작은 [ 상단 배너 추가하기 ] 가이드를 확인해 주세요 1단계: 상단 섹션 추가하기 1. 디자인 모드로 접속해요 2. 우측 상단 편집을 클릭해 상단 디자인 편집으로 들어가 주세요 3. 상단 디자인 가장 아래 '빈 섹션추가' 버튼을 클릭해 섹션을 추가합니다 4. 추가된 빈 섹션을 마우스 우클릭 후 '위로 이동'을 통해 가장 상단으로 올려주세요 2단계: 섹션 디자인하기 1. 위로 이동된 섹션을 마우스 우클릭하여 섹션 설정을 클릭해 주세요. 보이시는 섹션 설장 창에서 원하는 배경색을 지정해요 2. 이후 위젯 추가(+) 버튼을 클릭해 텍스트나 아이콘, 이미지 위젯 등을 추가해 보여주고 싶은 콘텐츠를 넣어 주세요 예) 텍스트 위젯 추가 후 '회원가입 하고 20% 할인 쿠폰 받기' 문구 삽입 3. (선택) 텍스트 위젯을 추가 후 상하로 여백을 추가하고 싶다면, [텍스트 위젯 마우스 우클릭 > 텍스트 설정 > 레이아웃 '사용' 체크]하여 상하 여백을 추가해 주세요 4. (선택) 배너 클릭 시 특정 페이지로 이동되길 원하신다면, 입력한 텍스트를 더블 클릭하여 드래그 한 후 하단 '링크 삽입' 버튼을 클릭해 링크를 추가해 주세요 5. 우측 상단 '미리보기' 버튼을 클릭해 원하는 형태의 디자인이 맞는지 확인하고 '게시하기'를 통해 실제 사이트에 반영해 주세요 카카오톡 채널 버튼 커스텀하기 게시물 작성시 "악성 게시물 등록 의심으로 인한 차단. 관리자에게 문의해 주세요." 가 노출됩니다. ` }, { url: "https://imweb.me/qna?mode=faq&q=72285", category: "102", question: "카카오톡 채널 버튼 커스텀하기", answer: ` 내 사이트에 카카오톡 채널 1:1 채팅 버튼을 할 수 있습니다. 이 도움말에서는 카카오톡 채널 채팅 버튼을 원하는 이미지로 변경하는 방법 을 설명합니다. 참고: [카카오톡 채널 설정하기] 가이드를 따라 카카오톡 채널을 연동한 후 노출되는 버튼 이미지를 커스텀할 수 있는 방법입니다 설정방법 1. 관리자 페이지에 접속해 주세요. 2. 좌측 메뉴 중 [환경설정 > 상댐 채널 연동 > 카카오톡 채널]로 접속해요. 3. 설정, '버튼 이미지' 항목에 원하는 이미지를 업로드 하세요. *이미지 형식은 JPG, JPEG, PNG, GIF만 가능하며, 권장 사이즈는 56×56입니다. (최대 1MB) 4. 내 사이트를 방문해 바뀐 버튼 이미지를 확인해 보세요. TIP: 만약 버튼 위치까지 변경하고자 하신다면, [ 카카오톡 채널 버튼 추가하기 (코드, 고급) ] 가이드를 따라 코드를 사용해 별도 버튼을 생성해 주세요. 또한, 기존 버튼은 보이지 않도록 관리자 페이지에서 카카오톡 채널은 '이용안함'으로 선택 바랍니다. PC와 모바일의 폰트가 서로 다릅니다 상단 섹션으로 배너 추가하기 ` }, { url: "https://imweb.me/qna?mode=faq&q=72300", category: "102", question: "PC와 모바일의 폰트가 서로 다릅니다", answer: ` 모바일 폰트 설정 안내 해당 가이드를 통해 PC와 모바일의 폰트 차이 및 설정 방법 에 대해 안내드립니다. : ) 1️⃣ 모바일과 PC의 폰트가 서로 다른 경우 [디자인 모드 > 오른쪽 상단 톱니바 > 공통 디자인 설정] 에서 ‘모바일 폰트 유지’ 항목을 체크해 주세요. 해당 설정을 해야 PC에서 지정한 폰트가 모바일에서도 동일하게 반영됩니다. 위 설정 후에도 모바일에서 폰트가 반영되지 않는다면, 텍스트 위젯 내에서 코드를 직접 입력한 것은 아닌지 확인해 주세요. 코드 사용 여부는 텍스트 위젯 상단 메뉴의 코드 보기 버튼을 통해 확인 가능합니다. 또한, 다른 곳에서 복사하여 붙여넣기한 텍스트 라면 이전 서식이 그대로 따라와 코드가 적용될 수 있습니다. 이 경우, 텍스트 위젯에 직접 타이핑하여 입력해 주세요. 2️⃣ 모바일 폰트 크기를 조정하고 싶은 경우 아임웹은 반응형 웹 솔루션 으로, 기기 또는 브라우저의 가로폭에 따라 자동으로 리사이징됩니다. 따라서 PC와 모바일의 폰트 크기를 각각 개별 설정하는 것은 불가능 합니다. 아래는 PC에서 지정한 폰트 크기가 모바일에서 어떻게 변환되는지 참고용 표입니다. PC > 모바일 폰트 크기 변환 예시 14px → 13px 16px → 14px 18px → 15px 20px → 15px 22px → 16px 24px → 18px 26px → 18px 30px → 20px 36px → 24px 48px → 28px 60px → 30px 64px → 32px 참고: 위 값은 기본 반응형 비율에 따른 예시로, 개별 브라우저 또는 기기 설정에 따라 약간의 차이가 있을 수 있습니다. 디자인모드 여러 명이 동시 접속해도 되나요? 카카오톡 채널 버튼 커스텀하기 ` }, { url: "https://imweb.me/qna?mode=faq&q=72305", category: "102", question: "디자인모드 여러 명이 동시 접속해도 되나요?", answer: ` 여러 명 또는 2개 이상의 브라우저에서 디자인 모드를 동시에 접속할 수 있습니다. 다만, 이 경우 동시 접속중 이라는 문구가 노출됩니다. 동시 접속중 표시는 약 1분 내외의 오차로 실제 접속 상태와 다르게 표시될 수 있습니다. 동시 접속 상태에서 작업할 때 아래 내용을 주의해주세요. ※ 만약 브라우저 문제가 아니라면, 사용하시는 브라우저의 캐시, 쿠키 값을 삭제 후 재 접속 부탁드립니다. 주의: 1. 동시에 같은 메뉴를 수정한다면 작업 도중 새로고침이 필요할 수 있고, 새로고침 후 이전 작업으로 실행취소 또는 재실행이 불가하여 디자인 모드 동시 접속은 권장 드리지 않습니다. 2. 새로고침 하는 순간 해당 메뉴에서 기존에 작업한 내역을 실행취소하거나 재실행할 수 있습니다. PC와 모바일의 폰트가 서로 다릅니다 ` }, { url: "https://imweb.me/qna?mode=faq&q=72311", category: "102", question: "구글 지도 설정하기", answer: ` Google 지도를 사용해 대한민국 외의 지역을 지도로 표시할 수 있습니다. Google 지도를 사용하기 위해선 Google 지도 API 키를 발급받아 내 사이트에 적용해야 합니다. 참고: 함께 제공되던 네이버 지도 api는 네이버 클라우드 플랫폼의 정책 변경에 따라 적용이 불가합니다. 지도 게시판을 사용해 여러 장소를 나타내고자 하신다면 이 가이드를 따라 구글 api를 연동해 주세요. 단일 지도를 사용하신다면 [ 페이지에 구글 지도 삽입하기 (API 설정 불필요) ], [ 이미지 지도 설정하기 (API 설정 불필요) ] 방법으로 사용해 보실 수 있습니다. 시작에 앞서 Google 계정이 필요합니다. 아직 Google 계정이 없다면 Google 계정 만들기 에서 새로운 계정을 만들어 주세요. Google 지도를 사용하려면 Google Maps Platform에 가입해야 하며 고객 정보 및 결제 프로필을 설정해야 합니다. 무료 체험 중에는 자동 결제가 진행되지 않지만, 이후에는 결제가 진행될 수 있습니다. (자동 결제는 유료 구글 클라우드 계정을 활성한 후 시작됩니다) 결제와 관련된 내용은 [ 구글 가이드 ]를 참고해 주세요. 설정방법 Google Maps Platform 접속하여 Google 계정으로 로그인 합니다. 2. 로그인 후 사용 국가를 선택하고 서비스 약관을 동의해 주세요. 3. (선택) 이후 노출되는 정보 입력 화면은 skip for now 를 클릭해 넘어가 주시거나 정보를 입력해 주세요. 4. 이후 새 프로젝트 생성해 주세요. 이미 생성된 프로젝트가 있다면 기존 프로젝트를 사용해 주셔도 됩니다. [상단 프로젝트 선택(my maps project) 클릭 > 새 프로젝트 클릭 > 이름 입력 > 만들기] 5. 프로젝트 생성 후 좌측 메뉴에서 [ API 및 서비스 라이브러리] 를 클릭합니다. 6. 검색 창에 ' Maps JavaScript API' 입력하여 선택 후 사용 버튼을 클릭해 활성화 해주세요. 7. 이후 노출되는 화면에 따라 계정 정보 및 결제 프로 필을 설정합니다. 만약 결제 프로필 설정 화면이 노출되지 않는다면 8번 항목을 진행해 주세요. 국가 및 서비스 약관 동의 고객 정보 입력 8. ‘키 및 사용자 인증 정보’ 화면이 노출되면, 하단 ‘지금 URL 서명하기 항목’에 사이트 주소를 입력해 주세요. 해당 항목은 안전한 연동임을 검증하기 위한 과정으로 입력하시는 것을 권장 드립니다. 9. 동일 화면의 api 키 항목에서 ‘키 표시(show key)’ 버튼을 클릭해 api 키를 복사해 주세요. 10. 9번에서 복사한 api 키를 [관리자 페이지 > 환경설정 > 소셜 로그인·지도·공유 > 구글 지도]를 클릭하고 api 키 항목에 추가 후 저장해 주세요. 11. 이제 디자인 모드에서 단일 지도 혹은 지도 게시판 위젯을 추가하여 구글 지도를 사용할 수 있어요 관리자 페이지 왼쪽 상단의 디자인모드 를 클릭해 디자인 모드로 진입합니다. 접속방법 단일 지도 위젯 또는 지도 게시판 위젯 을 추가합니다. 추가한 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼 을 클릭합니다. 컨텍스트 메뉴가 나오면 지도 설정 (또는 지도 리스트 설정)을 클릭합니다. 지도 종류 항목에서 Google 지도 를 선택합니다. 12. 아래 그림과 같이 지도가 표시되면 정상적으로 적용된 것입니다. 이미지 지도 설정하기 (API 설정 불필요) 디자인모드 여러 명이 동시 접속해도 되나요? ` }, { url: "https://imweb.me/qna?mode=faq&q=72315", category: "102", question: "이미지 지도 설정하기 (API 설정 불필요)", answer: ` 하나의 위치를 나타내는 단일 지도 위젯을 사용하신다면, API 설정 없이 편리하게 지도를 추가해 볼 수 있습니다. 구글 지도 처럼 확대/축소 등 여러 기능을 제공하지는 않지만, 입력한 주소의 지도를 이미지 형태로 간편하게 보여줄 수 있습니다. 설정 방법 1. 디자인 모드에서 단일 지도 위젯을 추가해 주세요. 위젯 추가방법 (지도 게시판 위젯에서는 사용이 어렵습니다.) 2. 단일 지도 게시판 설정을 엽니다. 위젯 설정 열기 3. 단일 지도 설정에서 지도 종류를 '이미지 지도' 로 선택해 주세요. 주소 옆 칸을 클릭하면 주소를 검색하는 화면이 나옵니다. 설정하고자 하는 주소를 도로명 주소 로 입력해 주세요! 지번 주소를 입력하시는 경우 이미지 지도에 적용되지 않으니 꼭 도로명 주소를 사용해 주세요. 5. 그러면 해당 주소의 지도가 이미지 형태로 보여집니다. 6. 사진처럼 지도가 보여지면 알맞게 적용된 거예요. 이미지 지도로 사이트에서 쉽게 위치를 안내해 보세요. 스마트스토어 → 아임웹 이전하기 ` }, { url: "https://imweb.me/qna?mode=faq&q=72342", category: "102", question: "스마트스토어 → 아임웹 이전하기", answer: ` 스마트스토어를 운영하셨다면, 아임웹에서 간편하게 자사몰을 생성해 보실 수 있어요. 간편한 자사몰 생성 방법과 운영을 위한 필수 설정은 어떤 것들이 있을지 가이드를 통해 안내 드립니다 : ) 스마트스토어 자동 이전이란? 스마트스토어의 상품/카테고리/상세 페이지 등을 자동으로 가져와 아임웹에서 즉시 판매 가능한 자사몰을 자동 생성 해 드립니다. 기본 디자인까지 자동으로 적용되는 무료 서비스에요. 주의: 이전할 스마트스토어에 상품 개수가 1,000개 이상일 경우 이전이 불가합니다. 번거로우시더라도 별도 사이트를 생성하신 후 '스마트스토어 상품 이전' 기능을 통해 상품을 이전해 보시기 바랍니다. 사이트 생성 후 '스마트스토어 상품 이전' 기능이 필요하신 경우, 실시간 상담을 통해 요청해 주세요! 스마트스토어 → 자사몰 생성하기 우선 간편한 자사몰 생성을 시작해 주세요 아래 방법으로 진행 시 3분 내에 생성된 사이트를 확인할 수 있어요 1. [아임웹 홈페이지]에서 회원가입을 진행해 주세요 2. [고객지원 > 스마트스토어 자동 이전] 메뉴로 접속하여 스마트스토어 URL을 입력해 주세요. 3. 판매하시던 상품 정보를 이전하기 위한 'API 연동용 판매자 ID'를 입력합니다. 4. 이후 '자사몰 만들기' 버튼을 클릭하고 사이트가 완성될 때까지 잠시만 기다려 주세요. (평균 약 3분 소요) 5. (완성 후) '완성된 자사몰 확인하기' 버튼을 클릭해 만들어진 사이트를 확인해 보세요! 아임웹 사용 방법 1. 디자인 모드와 관리자 페이지 아임웹에선 원활한 사이트 디자인과 관리를 위해 두 가지 페이지를 제공해요. 디자인 모드: 웹사이트를 디자인할 수 있는 편집 도구입니다 [ 디자인 모드 접속하기 관리자 페이지 : 내 사이트의 각종 설정을 변경할 수 있는 곳입니다 [ 관리자 페이지 접속하기 사이트 운영과 디자인이 처음이라면 아래 영상/가이드를 참고하여 설정을 진행해 보세요. 디자인 첫걸음, 함께 시작해요! 나만의 콘텐츠 디자인하기 참고 가이드: [쇼핑몰 시작하기] TIP: 상품 정보가 알맞게 이전되었는지 관리자 페이지에서 확인해 주세요. [관리자 페이지 > 쇼핑 > 상품]으로 접속하여 이전된 카테고리와 상품을 살펴보실 수 있습니다. *현재 판매하고 계신 상품/카테고리만 이전됩니다. 2. 사이트 결제하기 이전하신 사이트는 PRO 요금 제로 14일 간 무료로 사용하실 수 있어요. 요금제란? 아임웹에선 웹사이트를 알맞게 운영할 수 있도록 서버 공간을 대여해 드리며, 사이트 제작 및 운영을 위한 다양한 기능을 제공해 드리고 있어요. 이를 사용하기 위한 비용 으로 제공되는 기능에 따라 스타터 / 프로 / 글로벌 세 가지 요금제가 있어요. 상품을 판매하는 쇼핑몰에는 PRO 이상의 요금제를 권장 드립니다. [ 아임웹 요금제 알아보기 만약 이전된 사이트를 계속 사용하고 싶으시다면 결제가 필요해요. 만약 무료 체험 기간(14일)이 종료되면 , 만료 사이트가 되어 일반 접속 및 디자인 모드 편집이 불가하고 관리자 페이지만 접속이 가능해집니다. 사이트가 만료되었다고 사이트가 삭제되거나 사라지지는 않기에, 나중에 결제 후 사용할 수 있는 점 참고해 주세요! 참고 가이드: [사이트 이용 기간을 연장하지 않으면 어떻게 되나요?] 자사몰 운영을 위한 설정 구매평 이전하기 스마트스토어를 운영하며 쌓이셨던 고객 구매평을 생성된 자사몰로 이전해 보세요. 참고 가이드 [ 스마트스토어 구매평 일괄 추가 전자결제(PG) 신청하기 사이트 내에 원활한 전자 결제를 위해 PG를 신청해 주세요. PG란? 온라인에서 구매자가 간편하게 상품을 결제할 수 있도록 다양한 결제수단을 제공하는 전자결제 시스템을 말합니다. 아임웹은 NHN KCP KG이니시스 나이스페이 이지페이(KICC) 토스페이먼츠 5가지를 지원합니다. 참고 가이드: [국내 전자결제(PG) 신청 및 설정하기] 네이버페이, 카카오페이 등 간편구매 및 간편결제 수단 또한 사용 가능해요. 아임웹에서는 네이버페이 주문형과 결제형, 카카오페이와 톡체크아웃, 토스페이 등을 지원합니다. 아래 가이드에서 간편구매와 간편결제의 차이를 파악하고, 원하는 수단을 추가 신청해 보세요. 참고 가이드: [간편구매와 간편결제는 어떻게 다른가요?] [관리자 페이지 > 환경설정 > 전자결제(PG)]로 접속하여 좌측 메뉴에서 신청하고자 하시는 결제 수단을 선택해 신청할 수 있어요. 쇼핑몰을 운영을 위해 쇼핑 기본 설정부터, 상품 등록, 페이지 진열, 배송 설정 등 쇼핑몰 제작에 필요한 필수 과정을 알아보세요. 참고 가이드 [이용약관 및 개인정보처리방침 편집하기] (선택) 도메인 연결하기 모두에서 ABC. moodo.at 구조의 도메인을 무료로 사용하셨던 것처럼, 아임웹에서도 imweb.me로 끝나는 주소를 무료로 제공해 드립니다. imweb.me 주소 앞에는 사이트 생성 시 입력하신 스마트스토어 URL이 자동 반영됩니다. (예, .imweb.me 해당 주소는 [ 아임웹 기본 도메인을 변경하거나, 삭제할 수 있나요? (imweb.me) ] 가이드를 따라 변경해 보실 수 있어요. 만약 .com, .kr로 끝나는 도메인을 사용하고자 하신다면 도메인을 추가 구매해 주세요. 도메인 구매는 필수는 아니며 선택 사항입니다. 도메인 구매는 [ 개인 도메인 구입 및 연결하기 ] 가이드를 참고해 주세요. 혹은 기존 보유하셨던 도메인을 아임웹 사이트와 연결하여 사용하실 수 있습니다. 연동 방법은 [ 개인 도메인 및 웹 메일 연동하기 (네임서버 변경) ] 가이드 및 가이드 속 영상을 참고하여 진행해 보세요 : ) 네이버와 구글, 다음 검색 엔진에 내 사이트 이름을 검색하면 사이트가 노출되도록 설정할 수 있어요. 1. 우선, 각 검색 엔진 서비스 별로 사이트를 직접 등록해 주셔야 해요. [네이버 사이트 등록하기] [구글 사이트 등록하기] 2. 사이트를 등록한 후에는 구글, 네이버 등 검색 엔진의 검색 결과 페이지에서 나의 웹사이트가 상위에 노출되도록 하는 SEO(Search Engine Optimization, 검색엔진최적화) 작업 도 진행해 주세요. 아임웹에서는 코드 작업 없이 최적화를 진행할 수 있도록 준비되어 있으니, 아래 가이드의 6가지 단계를 진행해 주시기 바랍니다. [검색엔진최적화(SEO)로 내 사이트를 검색결과에 더 잘 노출하기] 위 설정을 진행 중 어려운 점이 있거나 추가적으로 궁금하신 적이 있다면 실시간 상담을 통해 전달해 주세요. 운영 시간 내에( 평일 09시~11시 30분 / 13시~18시 ) 빠르게 답변 드릴게요 : ) [아임웹 홈페이지 > 로그인 > 우측 하단 '실시간 상담' 버튼 클릭] 회원가입(웰컴) 쿠폰으로 구매 유도하기 이미지 지도 설정하기 (API 설정 불필요) ` }, { url: "https://imweb.me/qna?mode=faq&q=72356", category: "102", question: "회원가입(웰컴) 쿠폰으로 구매 유도하기", answer: ` 자사몰에 가입한 회원을 대상으로 웰컴 쿠폰을 발행하여 첫 구매를 유도할 수 있어요. 또한, 강력한 혜택이 담긴 쿠폰을 만들어 사이트에 처음으로 유입된 유저를 회원으로 전환 시켜보세요! 회원가입 쿠폰은 커머스 브랜드의 필수 실행 쿠폰이에요! [쿠폰 생성 및 관리하기] 가이드를 따라 회원가입 시 자동 발행되는 쿠폰을 만들고, 자동 알림톡으로 고객에게 알릴 수 있습니다. 장점 회원가입 시점에 맞춰 쿠폰을 자동 발행해 주어 가입유도 전략에 매우 효율적이에요. 구매 금액별로 사용 가능한 쿠폰을 여러 개 제작하면, 금액별 사용 유도가 가능해요. TIP: 다양한 금액 조건을 설정해 고객의 재방문과 구매 확대를 동시에 유도할 수 있습니다. 사용 방법 [관리자 페이지 > 쇼핑 > 쿠폰] 메뉴로 접속합니다. 상단 쿠폰 만들기 버튼 클릭 후 자동 발행 쿠폰 을 선택합니다. 발행대상을 첫 회원가입 으로 설정합니다. 쿠폰 사용 혜택을 브랜드 정책에 맞게 세팅합니다. 예: 1만원 이상 구매 시 1,000원 할인 + 전체 상품 적용 가능 [관리자 페이지 > CRM 캠페인 자동화] 메뉴에서 캠페인 만들기 를 클릭합니다. 알림톡의 자동 발행 쿠폰 안내 템플릿을 선택합니다. 생성한 쿠폰명을 검색해 지정하고, 발송 템플릿(메시지 형식)을 선택합니다. *템플릿은 알림톡 발송을 위한 메시지 형식 이며, 검수 완료된 템플릿만 사용 가능합니다. 검수된 템플릿이 없다면 ‘기본 제공 템플릿’을 사용해 보세요. 알림톡 발송 기간을 설정한 뒤 캠페인 실행 을 클릭해 완료합니다. TIP: 쿠폰 만료 안내 발송하기 웰컴 쿠폰을 사용하지 않은 고객에게 소멸 알림을 발송해 쿠폰 사용을 유도할 수 있어요. [관리자 페이지 > CRM 캠페인 자동화] 메뉴에서 캠페인 만들기 버튼을 클릭합니다. 알림톡의 쿠폰 기간 만료 안내 템플릿을 선택합니다. 알림톡을 발송할 쿠폰을 검색해 지정하세요. 만약 금액별 쿠폰을 발급했다면 쿠폰 개수만큼 캠페인을 생성할 수 있습니다. 예: 1만원 이상, 3만원 이상, 10만원 이상 구매 시 쿠폰 → 각각 만료 안내 캠페인 생성 발송 템플릿과 기간을 설정한 후 캠페인을 실행 합니다. 비주얼 섹션에서 흰색 배경이 보입니다. 스마트스토어 → 아임웹 이전하기 ` }, { url: "https://imweb.me/qna?mode=faq&q=72388", category: "102", question: "비주얼 섹션에서 흰색 배경이 보입니다.", answer: ` 비주얼 섹션의 이미지가 전환(슬라이드)되는 과정에서 간헐적으로 하얀 배경이 노출된다면, ‘전환 속도’ 설정을 확인 해 주세요. 디자인 모드 > 비주얼 섹션 우클릭 > 비주얼 섹션 설정 > 디자인 탭 ] 경로에서 ‘전환 속도(초)’ 값이 0 으로 되어 있으면 해당 현상이 발생할 수 있습니다. 👉 0이 아닌 다른 값으로 설정 후 게시하기 를 눌러 다시 확인해 주세요. 홈페이지 하단 약관 내용에 표를 넣을 수 있나요? 회원가입(웰컴) 쿠폰으로 구매 유도하기 ` }, { url: "https://imweb.me/qna?mode=faq&q=72399", category: "102", question: "홈페이지 하단 약관 내용에 표를 넣을 수 있나요?", answer: ` 아쉽게도, 약관 내용에 표 삽입 기능은 제공되지 않습니다. 다만 모달을 통해 직접 약관을 만드시는 경우 원하시는 구현이 가능하니 아래 대안을 참고해 주세요. 대안 방법 아임웹에서 제공하는 기본 하단(푸터)을 사용하실 경우 간편하게 정보를 기입하고 수정할 수 있지만, 레이아웃 변경이 제한되어 있습니다. '섹션 반복' 기능을 활용하여 보다 자유롭게 하단을 제작하실 수 있으니, 아래 가이드를 참고하여 구현해 보세요. 커스텀 하단 만들기 (푸터) 모바일 커스텀 하단 만들기 (푸터) 이용약관 클릭 시 모달 팝업으로 확인되게 설정하면, 표 삽입이 가능합니다. 아래 가이드를 참고하여 모달로 구현하고, 표를 삽입해보세요. 모달창 띄우기 테이블(표) 추가하기 커스텀 하단 내에 '이용약관' 등의 텍스트를 추가하고 2번에서 만든 모달을 연결합니다. 텍스트 링크 클릭 시 모달창 띄우기 (코드, 고급) 기본 약관 수정 방법 약관 내용은 [관리자 페이지 > 환경설정 > 약관] 에서 수정하실 수 있습니다. 참고: 아임웹에서는 공정거래위원회 의 표준 양식을 제공하고 있습니다. 만약 법률 자문이나 법적 검토가 이루어지지 않았다면, 이 공정거래위원회의 표준약관을 그대로 이용하되 운영 형태에 따라 일부 수정해 사용하시길 권장드립니다. 관련 가이드 이용약관 및 개인정보처리방침 편집하기 다국어 사이트 생성 후 디자인 복제가 가능한가요? 비주얼 섹션에서 흰색 배경이 보입니다. ` }, { url: "https://imweb.me/qna?mode=faq&q=72401", category: "102", question: "다국어 사이트 생성 후 디자인 복제가 가능한가요?", answer: ` 다국어 사이트를 생성하면 대표 사이트의 디자인이 그대로 복제 됩니다. 예시) 한국어 사이트만 있는 상태에서 영어 사이트를 생성할 경우 → 한국어 사이트(대표 사이트) 디자인이 동일하게 복제됩니다. 또한, 시스템 언어는 자동 번역됩니다. 시스템 언어란? [관리자 페이지 > 환경설정 > 언어·지역·통화]에 포함된 버튼/타이틀/설명을 의미해요. 최초 생성 시에만 디자인이 복제되며, 생성 이후에는 디자인 복제 및 이동이 불가합니다. 따라서 다국어 사이트를 생성한 후 디자인을 동일하게 적용하려면, 다시 다국어 사이트 복제 기능을 사용해 주세요. TIP: 복제 이후에는 각 언어 사이트별로 디자인 작업이 필요합니다. 대표 사이트의 디자인을 완성한 뒤 복제를 진행하는 것을 권장합니다. 디자인 모드 상단 편집에서 상단 편집 나가기 버튼이 확인되지 않아요. 홈페이지 하단 약관 내용에 표를 넣을 수 있나요? ` }, { url: "https://imweb.me/qna?mode=faq&q=72413", category: "102", question: "디자인 모드 상단 편집에서 상단 편집 나가기 버튼이 확인되지 않아요.", answer: ` 디자인 모드 상단 편집에서 나가기 버튼이 확인되지 않는다면 우선, 시크릿 브라우저에서 동일 현상이 발생하는지 확인해 주세요. 시크릿 브라우저 실행 방법 : Ctrl (또는 Cmd) + Shift + N 만약 시크릿 브라우저에서는 정상적으로 확인된다면, 사용 중인 브라우저 확장 프로그램 을 OFF 하신 뒤 다시 확인해 보시기 바랍니다. 확장 프로그램은 브라우저 자체에서 실행되기 때문에 아임웹 기능과 충돌할 수 있으며, 최근에 기능이 추가되거나 업데이트된 확장 프로그램이 원인이 될 수 있습니다. 원활한 이용을 위해 브라우저 확장 프로그램 사용은 가급적 지양 해 주시길 권장드립니다. 📝 관련 가이드 동영상 주소 붙여넣기 시 마우스 우클릭이 되지 않아요. 상단에 언어 전환 아이콘(다국어 위젯)이 보이지 않아요. 다국어 사이트 생성 후 디자인 복제가 가능한가요? ` }, { url: "https://imweb.me/qna?mode=faq&q=72421", category: "102", question: "상단에 언어 전환 아이콘(다국어 위젯)이 보이지 않아요.", answer: ` 사이트 상단에 다른 언어 사이트로 전환할 수 있는 아이콘(다국어 위젯)이 보이지 않는다면 아래 내용을 확인해 주세요. :) 1. 글로벌 요금제 사용 여부 확인 다국어 위젯은 글로벌 요금제 를 사용하는 경우에만 적용 가능합니다. 현재 Pro, Starter 요금제를 사용 중이라면 [요금제를 변경할 수 있나요? (요금제 업그레이드)] 가이드에 따라 Global 요금제로 업그레이드해 주세요. 2. 다국어 위젯 추가 여부 확인 글로벌 요금제를 사용하더라도, 상단에 다른 언어 전환 아이콘이 자동 노출되지는 않습니다. 반드시 ‘다국어 위젯’ 을 직접 추가해야 하며, 아래 가이드를 참고하여 위젯 추가 여부를 점검해 주세요. [(상단전용) 다국어 위젯] 추가한 디자인이 다른 메뉴(페이지)에도 동일하게 보이는 경우 디자인 모드 상단 편집에서 상단 편집 나가기 버튼이 확인되지 않아요. ` }, { url: "https://imweb.me/qna?mode=faq&q=72454", category: "102", question: "추가한 디자인이 다른 메뉴(페이지)에도 동일하게 보이는 경우", answer: ` 디자인 작업 시, 추가한 디자인 요소가 다른 페이지(메뉴)에도 동일하게 보인다면, 반복되는 섹션(단락) 이 있는지 확인해 주세요. 섹션 반복이란? 웹사이트의 모든 메뉴(페이지)에 동일한 디자인의 섹션을 반복하여 보여주는 기능입니다. 페이지 하단 섹션부터 반복이 진행됩니다. 해제 방법 디자인 모드에서 디자인 요소를 추가한 메뉴로 접속합니다. 섹션 우측에 반복 아이콘 이 활성화되어 있는지 확인합니다. 반복 아이콘을 한 번 더 클릭하여 반복을 해지합니다. 이후 다른 메뉴로 접속하여 동일한 디자인이 보이지 않는지 확인합니다. 모바일 상품 상세페이지에서 양쪽 여백을 없애고 싶어요. 상단에 언어 전환 아이콘(다국어 위젯)이 보이지 않아요. ` }, { url: "https://imweb.me/qna?mode=faq&q=72457", category: "102", question: "모바일 상품 상세페이지에서 양쪽 여백을 없애고 싶어요.", answer: ` 아래 경로에서 모바일 상세설명 좌우 여백 제거 설정이 가능합니다. 경로 : [디자인 모드 > 좌측 상단 삼선 메뉴 관리(三) > 글로벌 메뉴 > 상품 상세페이지 > 메뉴 관리 닫기 > 상품 상세페이지 위젯에서 마우스 우클릭 > 상품 상세페이지 설정 > 디자인 탭] 참고: 해당 설정은 모바일 전용 상세페이지 에만 적용됩니다. 갤러리에 유튜브 쇼츠 추가 가능한가요? 추가한 디자인이 다른 메뉴(페이지)에도 동일하게 보이는 경우 ` }, { url: "https://imweb.me/qna?mode=faq&q=72459", category: "102", question: "갤러리에 유튜브 쇼츠 추가 가능한가요?", answer: ` 갤러리 위젯에 유튜브 쇼츠 추가하기 갤러리 위젯에 유튜브 쇼츠 를 추가할 수 있습니다. 단, 먼저 쇼츠의 링크를 일반 영상 링크 로 변경해야 합니다. 설정 방법 유튜브에 접속 후 갤러리에 추가할 쇼츠의 공유 버튼 을 눌러 URL을 확인해 주세요. 쇼츠 링크를 일반 영상 링크로 변경합니다. 가운데 shorts/ 부분을 watch?v= 로 바꿔 주세요. 쇼츠 링크: www.youtube.com/ shorts/ abcdef 일반 영상 링크: www.youtube.com/ watch?v= abcdef 예시) 쇼츠 링크: https://youtube.com/ shorts/ Yx78cJlbTk8?si=DLMdqdkyXf4EASgm 영상 링크: https://youtube.com/ watch?v= Yx78cJlbTk8?si=DLMdqdkyXf4EASgm 변경한 영상 링크를 갤러리 위젯에 입력해 주세요. 게시하기 후 확인하거나 미리보기 로 확인해 주세요. 사진처럼 갤러리 이미지 형태로 쇼츠가 추가되며, 재생을 위해서는 사용자가 직접 클릭 해야 합니다. 참고: [갤러리 위젯 설정 > 디자인 탭]에서 라이트박스 사용안함 체크 여부에 따라 보여지는 화면이 다릅니다. 1. 라이트박스 사용안함 체크 → 영상 클릭 시 유튜브 링크로 새창 이동됩니다. 2. 라이트박스 사용안함 체크 해제 → 아래 사진처럼 창이 열리며 영상이 보여집니다. 주의: 영상 자동재생은 지원되지 않습니다. 📝 관련 가이드 유튜브 쇼츠 동영상 등록하기 게시글에 유튜브 쇼츠 넣을 수 있나요? 게시글에 유튜브 쇼츠 넣을 수 있나요? 모바일 상품 상세페이지에서 양쪽 여백을 없애고 싶어요. ` }, { url: "https://imweb.me/qna?mode=faq&q=72461", category: "102", question: "게시글에 유튜브 쇼츠 넣을 수 있나요?", answer: ` 갤러리 위젯에 유튜브 쇼츠 추가하기 갤러리 위젯에 유튜브 쇼츠 를 추가할 수 있습니다. 설정 방법 유튜브 쇼츠 영상에서 마우스 우클릭 후 소스코드 복사 를 선택해 주세요. 게시글 시스템바에서 코드보기 버튼을 클릭한 뒤, 복사한 소스코드를 붙여 넣어 주세요. 다시 코드보기 아이콘을 클릭하면 쇼츠가 정상적으로 업로드된 것을 확인할 수 있습니다. 주의: 자동재생 기능은 제공되지 않으므로 영상 재생을 위해서는 직접 클릭해야 합니다. 📝 관련 가이드 유튜브 쇼츠 동영상 등록하기 갤러리에 유튜브 쇼츠 추가 가능한가요? 모바일에서 게시판 검색창이 보이지 않습니다 갤러리에 유튜브 쇼츠 추가 가능한가요? ` }, { url: "https://imweb.me/qna?mode=faq&q=72485", category: "102", question: "모바일에서 게시판 검색창이 보이지 않습니다", answer: ` 모바일에서 게시판 검색창이 보이지 않는 경우 모바일에서 게시판의 검색창이 보이지 않는다면 게시판 위젯 설정 을 확인해 주세요. [PC 디자인 모드 > 게시판 위젯에서 마우스 우클릭 > 게시판 위젯 설정] 메뉴에서 게시판 이름 이 추가되어 있어야 모바일에서도 검색창이 노출됩니다. : ) 참고: 게시판 이름을 반드시 사용해야 모바일에서 검색창이 표시됩니다. 게시판 이름 변경은 게시판 설정 탭 에서 가능하니 확인 부탁드립니다! 갤러리 위젯 통해 인스타그램 연동 시 400 Session Invalid 오류가 노출됩니다. 게시글에 유튜브 쇼츠 넣을 수 있나요? ` }, { url: "https://imweb.me/qna?mode=faq&q=72497", category: "102", question: "갤러리 위젯 통해 인스타그램 연동 시 400 Session Invalid 오류가 노출됩니다.", answer: ` 인스타그램 연동 과정에서 ‘400 Session Invalid’ 오류가 나타나는 경우는 인스타그램 로그인 인증 세션이 만료되었거나, 브라우저의 쿠키 충돌로 인증 정보가 정상 전달되지 않을 때 발생합니다. 해결 방법 사용 중인 브라우저(크롬, 사파리 등)에서 인스타그램 계정을 로그아웃 후 다시 로그인 합니다. 아임웹 디자인 모드 → 갤러리 위젯 을 통해 인스타그램 연동을 다시 진행합니다. 동일한 오류가 반복된다면, 시크릿 모드 또는 다른 브라우저 에서 다시 시도해보세요. 위 방법으로도 해결되지 않는 경우, 이는 인스타그램 측 인증 세션 문제 로 발생하는 현상입니다. 이 경우에는 인스타그램 고객센터에 문의 해 주시길 바랍니다. 특정 상품의 구매하기 버튼을 변경할 수 있나요? 모바일에서 게시판 검색창이 보이지 않습니다 ` }, { url: "https://imweb.me/qna?mode=faq&q=72499", category: "102", question: "특정 상품의 구매하기 버튼을 변경할 수 있나요?", answer: ` 특정 상품만 ‘구매하기’ 버튼을 변경하고 싶을때 [상품 상세페이지 구매하기 버튼 변경하기] 가이드를 따라 상품 상세페이지의 ‘구매하기’ 버튼을 변경할 수 있지만, 이 설정은 모든 상품에 공통 적용 됩니다. 만약 사이트 내에서 일부 상품만 버튼 문구를 다르게 보이게 하거나, 구매를 제한하고 싶다면 아래 대안을 참고해 주세요. 대안 방법 구매하기 버튼은 기본값(사용)으로 유지 [디자인 모드 > 메뉴관리(三) > 글로벌메뉴 > 상품 상세페이지 > 위젯 마우스 우클릭 → 설정 표시항목 ]에서 구매하기 버튼 = 사용 으로 설정합니다. 버튼 커스텀이 필요한 상품은 ‘가격 없음’으로 전환 각 상품의 [상품 가격없음 설정하기] 가이드를 참고해 ‘가격 없음’ 설정을 체크해 주세요. 상품 설명 영역에 별도 안내 문구 삽입 [관리자 > 쇼핑 > 상품 > 상품명 클릭(편집/추가)] 후 요약 설명 또는 상세 설명 에 안내 문구를 직접 추가합니다. 텍스트 편집기의 (코드보기) 버튼을 눌러 버튼 형태의 링크를 삽입할 수 있습니다.

해당 상품은 문의를 통해 구매 가능합니다.
[문의하기]