설정
쇼핑몰의 기본 배경을 정하고, 메타 태그와 헤드 영역에 필요한 태그를 직접 입력하는 메뉴예요. 좌측 메뉴의 톱니바퀴 모양 [설정]을 누르면 기본 디자인 설정과 메타 태그 / 헤드를 선택할 수 있고, 선택한 메뉴의 설정 화면이 오른쪽에 나타나요. 여기서 정한 내용은 쇼핑몰 화면 전체의 기본 배경과 검색 노출에 사용되는 태그에 반영돼요.
📍 관리자 메뉴 위치
경로: 에디터 > 좌측 메뉴 > 설정
⚙️ 메뉴 안내 및 설정 방법
기본 디자인 설정
쇼핑몰의 기본 배경 색상을 정하는 곳이에요. 각 영역에서 따로 배경을 정하지 않은 부분의 바탕이 되니, 쇼핑몰의 전체 분위기를 정할 때 먼저 확인해 보세요.
배경 설정 (선택 항목)
기능 설명: '기본 디자인 설정'을 선택하면 오른쪽 메뉴에서 배경색과 배경 이미지를 설정할 수 있어요. 배경은 '비어있음', '배경색', '이미지' 중에서 하나를 골라요.
이렇게 사용하면 좋아요 🌟: 처음에는 단색 '배경색'으로 시작해 보세요. 이미지는 상품 사진이나 글자와 겹쳐 보일 수 있어서, 설정한 뒤에 화면에서 확인하는 것이 좋아요.
배경 색상 (선택 항목)
기능 설명: '배경색'을 선택하면 색상 코드와 투명도(%)를 정할 수 있어요. 예시 화면에서는 흰색(FFFFFF), 100%로 되어 있어요.
이렇게 사용하면 좋아요 🌟: 상품 사진이 잘 보이도록 흰색이나 연한 색을 추천해요. 투명도를 낮추면 색이 옅어지니 화면에서 꼭 확인해 주세요.
배경 이미지 (선택 항목)
기능 설명: '이미지'를 선택하면 쇼핑몰 배경에 사용할 이미지를 설정할 수 있어요.
이렇게 사용하면 좋아요 🌟: 무늬가 복잡한 이미지는 글자를 읽기 어렵게 만들 수 있어요. 은은한 이미지를 사용해 주세요.
메타 태그 / 헤드
검색 결과나 외부 서비스 연동에 필요한 태그를 직접 넣는 곳이에요. 'Meta Tag'는 <Head> 아래에 사용되는 Meta Tag를 입력하는 칸이고, 'HEAD'는 <Head> </Head> 사이에 들어갈 내용을 입력하는 칸이에요. 태그가 무엇인지 잘 모르겠다면 직접 입력하지 않아도 쇼핑몰을 운영할 수 있어요.
Meta Tag (선택 항목)
기능 설명:
<Head>아래에 사용되는 Meta Tag를 입력해요. 처음에는 비어 있어요.이렇게 사용하면 좋아요 🌟: 검색 엔진 최적화용 메타 태그와 오픈그래프는 [검색 엔진 > 검색 설정 > 검색 엔진 최적화 관리]에서 설정할 수 있어요. 먼저 그 메뉴에서 설정한 뒤, 여기에는 추가로 꼭 필요한 태그만 입력해 주세요.
HEAD (선택 항목)
기능 설명:
<Head></Head>사이에 들어갈 내용을 입력해요. 처음에는 비어 있어요.이렇게 사용하면 좋아요 🌟: 외부 서비스에서 받은 코드를 붙여 넣을 때 사용해요. 어떤 코드인지 확실하지 않다면 넣지 말고, 코드를 제공한 곳의 안내를 먼저 확인해 주세요.
✅ 최종 적용
[저장]
설정 화면 아래쪽의 [저장] 버튼을 누르면 입력한 내용이 저장돼요. 메타 태그 / 헤드는 입력 후 [저장]을 눌러 주세요.
💡 꼭 확인해 주세요! (참고 및 주의사항)
주의사항: 같은 태그를 두 곳에서 중복으로 설정하면 정상적으로 노출되지 않을 수 있어요. 코드를 잘못 입력하면 쇼핑몰 화면에 영향을 줄 수 있으니, 입력한 뒤에는 꼭 [미리보기]로 확인해 주세요.
Last updated