기본 콘텐츠로 건너뛰기

Featured post

Shopify AI 상품 설명이 온라인 스토어와 Shop에서 다르게 보일 때

이미지
Shopify 온라인 스토어에서는 AI 상품 설명과 추가 안내가 보이는데 Shop 앱에서는 일부 문장이 빠진다면 먼저 빠진 내용이 상품 Description에 저장됐는지, 온라인 스토어 테마 블록에만 입력됐는지 구분하세요. Shop에는 온라인 스토어의 테마 편집기에서 추가한 블록과 대부분의 일반 메타필드가 그대로 표시되지 않습니다. 두 채널 모두에 꼭 보여야 하는 소재·크기·사용법 같은 구매 정보는 상품 관리자에 있는 Description 에 넣는 것이 기준입니다. 법적으로 필요한 경고나 안전 정보는 일반 텍스트 블록이 아니라 Shopify가 안내하는 Disclosures 상품 메타필드와 메타오브젝트 를 사용해야 온라인 스토어와 Shop에 함께 표시할 수 있습니다. 설명을 고친 뒤 Shop에서 즉시 바뀌지 않아도 곧바로 다시 편집하지 마세요. 같은 상품을 보고 있는지, 상품이 Shop에서 판매 중인지 또는 온라인 스토어로 연결되는 상태인지 확인한 뒤 몇 분 정도 반영 시간을 두고 다시 확인하세요. 빠진 문구의 저장 위치부터 찾으세요 상품 Description: Shop에도 전달할 핵심 상품 설명입니다. 테마 텍스트·접이식 행·앱 블록: 온라인 스토어에만 보일 수 있습니다. 일반 상품 메타필드: 테마에서는 보여도 Shop에는 표시되지 않을 수 있습니다. Disclosures: 법적으로 필요한 경고·안전 정보를 두 채널에 표시할 때 쓰는 별도 범위입니다. 같은 상품인지 확인한 뒤 문구가 저장된 곳을 찾으세요 상품명이 비슷한 복제 상품이나 다른 변형을 비교하면 원인을 잘못 판단하기 쉽습니다. Shopify 관리자에서 문제 상품을 열고 주소의 상품 ID, 상품명, 대표 이미지가 온라인 스토어와 Shop의 화면과 일치하는지 확인하세요. 그다음 빠진 문구의 첫 문장 일부를 관리자에서 찾습니다. Shopify 관리자의 Products 에서 해당 상품을 엽니다. Description에서 Shop에 없는 문구를 검색합니다. Description에...

Shopify AI 상품 설명에 HTML 코드가 보이거나 줄바꿈·목록이 깨질 때

Shopify 상품 설명에 <p>, <br>, <ul> 같은 코드가 그대로 보인다면 HTML을 일반 편집 화면에 붙여 넣은 경우가 많습니다. 코드가 필요한 내용은 상품 Description의 HTML 보기에서 넣고, 문장만 필요하면 태그를 지운 뒤 일반 편집 화면에서 문단과 목록을 다시 적용하세요.

코드는 보이지 않지만 줄바꿈·글자 크기·목록 간격만 관리자와 실제 상품 페이지에서 다르다면, 복사한 원문의 숨은 서식이나 테마 스타일을 먼저 의심해야 합니다. 원본 상품을 바로 지우지 말고 상품을 복제해 서식 지우기를 적용한 뒤 같은 테마에서 비교하면 원인을 빠르게 나눌 수 있습니다.

Enter는 새 문단, Shift+Enter는 같은 문단 안의 줄바꿈입니다. 여러 줄을 억지로 띄우기 위해 빈 줄이나 <br>을 반복하기보다 문단과 글머리표를 편집기 도구로 다시 만들면 모바일에서도 덜 깨집니다.

온라인 판매자가 Shopify 상품 설명의 HTML 서식과 실제 화면을 대조하는 모습
증상부터 세 갈래로 나누세요
  • 태그가 글자로 보임: HTML을 일반 편집 화면에 넣었는지 확인합니다.
  • 관리자와 공개 화면의 서식이 다름: 복사된 숨은 스타일을 지워 시험합니다.
  • 깨끗한 문장도 공개 화면에서만 붙음: 테마의 상품 설명 스타일을 확인합니다.

태그가 보인다면 붙여 넣은 화면부터 바꾸세요

AI가 만든 결과에 HTML 태그가 포함되어 있을 때 그 전체를 일반 편집 화면에 붙이면, Shopify가 태그를 서식 명령이 아니라 표시할 글자로 받아들일 수 있습니다. 반대로 HTML 보기에서는 태그가 문단과 목록 구조로 해석됩니다.

  1. Shopify 관리자에서 Products로 이동해 문제가 생긴 상품을 엽니다.
  2. Description에서 코드 모양의 HTML 보기 버튼을 누릅니다.
  3. &lt;p&gt;처럼 꺾쇠가 문자 형태로 저장됐는지, 실제 <p> 태그인지 구분합니다.
  4. 문장만 쓸 예정이면 태그를 모두 제거하고 일반 편집 화면으로 돌아갑니다.
  5. HTML을 쓸 예정이면 HTML 보기에서 문단·목록 구조를 고친 뒤 저장합니다.
  6. 상품 Preview에서 태그가 사라지고 문단과 목록이 나타나는지 확인합니다.

Shopify의 리치 텍스트 편집기 안내에 따르면 상품 설명은 HTML 보기를 지원하며, 복사한 콘텐츠의 불필요한 HTML은 공개 화면 표시 오류를 만들 수 있습니다. 편집기에서 HTML을 자동으로 고치는 동작도 보안과 화면 오류를 줄이기 위한 정상 처리이므로, 저장 뒤 태그 순서가 일부 달라졌다고 곧바로 원래 코드를 되붙이지 마세요.

문장만 필요하면 숨은 서식까지 지우세요

화면에는 평범한 문장처럼 보여도 Word, Google Docs, 웹페이지 또는 AI 답변 화면에서 복사할 때 글자 크기·색상·간격·<div> 같은 서식이 함께 들어올 수 있습니다. 이 숨은 서식은 관리자에서는 괜찮아 보여도 테마의 CSS와 충돌해 실제 상품 페이지에서 간격이나 정렬을 바꿀 수 있습니다.

Shopify는 원본 상품이나 페이지를 복제한 뒤 다음 시험을 하도록 안내합니다. 먼저 전체 내용을 선택하고 서식 지우기를 누른 뒤 저장합니다. 문제가 사라지면 문장 자체가 아니라 복사된 서식이 원인이었던 것입니다.

  1. 문제가 생긴 상품을 복제하거나 변경 전 Description을 별도로 보관합니다.
  2. 복제본의 Description 전체를 선택합니다.
  3. 서식 지우기를 적용하고 저장합니다.
  4. 일반 편집 화면에서 제목, 굵게, 글머리표만 필요한 만큼 다시 적용합니다.
  5. Preview를 데스크톱과 휴대전화 너비에서 각각 확인합니다.

외부 HTML 제거 서비스를 이용하는 방법도 공식 문서에 나오지만, 공개 전 상품명·공급사 정보·내부 메모처럼 외부 서비스에 보내면 안 되는 내용이 섞이지 않았는지 먼저 확인하세요. 가장 단순한 설명은 메모장 같은 일반 텍스트 입력창을 한 번 거쳐 붙인 뒤 Shopify 안에서 다시 서식을 주는 방식으로도 정리할 수 있습니다.

문단과 줄바꿈은 같은 기능이 아닙니다

줄 간격이 들쭉날쭉하면 Enter와 Shift+Enter를 섞어 썼는지 확인하세요. Shopify 공식 안내에서 Enter 또는 Return은 새 문단을 만들고, Shift를 누른 채 Enter 또는 Return을 누르면 새 문단을 만들지 않는 줄바꿈이 들어갑니다.

원하는 결과편집기에서 할 일HTML 구조
서로 떨어진 설명 문단Enter로 새 문단<p> 단위
주소처럼 붙어 있는 두 줄Shift+Enter<br> 줄바꿈
특징을 항목별로 표시글머리표 목록 버튼<ul><li> 구조
순서가 있는 사용법번호 목록 버튼<ol><li> 구조

특징을 한 줄씩 적고 앞에 하이픈만 붙이면 테마가 목록으로 인식하지 않습니다. 실제 글머리표 버튼을 사용해야 목록 구조가 만들어집니다. 목록 마지막에서 Enter를 두 번 누르면 목록을 끝내고 일반 문단으로 돌아갈 수 있습니다.

관리자에서는 정상인데 공개 화면만 깨지면 테마를 보세요

서식을 모두 지운 복제 상품도 공개 화면에서 문단 간격이 사라지거나 글머리표가 보이지 않는다면 Description 데이터보다 테마 표시 규칙을 확인해야 합니다. 같은 Description을 사용해도 테마가 p, ul, li 요소에 적용하는 여백과 글머리표 스타일에 따라 구매자 화면이 달라집니다.

  1. 복제 상품에 짧은 문단 두 개와 글머리표 세 개만 새로 입력합니다.
  2. 관리자 Preview에서 같은 상품을 엽니다.
  3. 다른 상품 템플릿을 쓰는 정상 상품과 표시를 비교합니다.
  4. 현재 공개 테마와 편집 중인 테마가 같은지 확인합니다.
  5. 새로 입력한 단순 목록도 깨지면 테마 개발자에게 상품 URL과 템플릿 이름을 전달합니다.

설명 영역 자체가 공개 페이지에 없다면 서식 문제가 아닙니다. 이 경우 Shopify 상품 설명이 상품 페이지에 안 보일 때 템플릿과 Description 블록을 확인하는 순서로 넘어가세요. 관리자 Description이 비어 있거나 일부 필드만 누락됐다면 Shopify AI 상품 설명에서 소재·크기·용도가 빠질 때처럼 저장된 정보부터 다시 확인해야 합니다.

자동 수정된 HTML을 계속 되돌리지 마세요

Shopify의 리치 텍스트 편집기는 TinyMCE의 필터링을 사용해 고장이나 보안 위험을 만들 수 있는 HTML을 자동으로 고칩니다. 저장 전후에 태그 순서나 속성이 달라질 수 있으며, 공식 안내는 이런 자동 변경을 우회해 원래 코드를 반복 복원하기보다 자동 수정과 함께 작업하도록 권합니다.

특정 레이아웃을 만들기 위해 인라인 스타일과 복잡한 HTML을 계속 넣어야 한다면 상품 Description 한 칸에서 해결할 문제인지 다시 판단하세요. 단순 상품 정보는 문단·제목·목록으로 정리하고, 열 배치나 복잡한 구성은 테마가 지원하는 섹션·블록 또는 테마 개발 범위에서 처리하는 편이 안정적입니다.

공개 전 마지막 확인
태그가 글자로 보이지 않는지, 문단과 목록이 모바일에서도 구분되는지, 상품 옵션·배송·반품 정보가 서식 수정 과정에서 빠지지 않았는지 확인하세요. AIZip(www.aizip.ai.kr)은 서식을 고칠 때 원문 복사본을 남기고 한 상품에서 먼저 시험하는 방식을 권합니다.

자주 묻는 질문

Shopify 상품 설명에 <p>와 <br>가 그대로 보이는 이유는 무엇인가요?

HTML 태그가 포함된 결과를 일반 편집 화면에 붙여 넣었거나 꺾쇠가 문자 형태로 저장됐기 때문일 수 있습니다. 문장만 필요하면 태그를 지우고, HTML이 필요하면 HTML 보기에서 코드를 넣은 뒤 Preview로 확인하세요.

Enter와 Shift+Enter는 어떻게 다른가요?

Enter 또는 Return은 새 문단을 만들고, Shift+Enter 또는 Shift+Return은 같은 문단 안에 줄바꿈을 넣습니다. 문단 간격이 필요하면 Enter를 사용하고 주소처럼 붙여 쓸 두 줄에는 Shift+Enter를 사용하세요.

AI 답변을 붙였더니 글자 크기와 간격이 달라지는 이유는 무엇인가요?

복사할 때 원본 화면의 글자 크기, 색상, 간격이나 숨은 HTML이 함께 들어올 수 있습니다. 복제 상품에서 전체 내용을 선택해 서식 지우기를 적용하고 Shopify 편집기 안에서 필요한 서식을 다시 만드세요.

관리자에서는 목록이 보이는데 상품 페이지에서는 글머리표가 사라지면 어떻게 하나요?

서식을 지운 복제 상품에 새 목록을 만들어 시험하세요. 새 목록도 공개 화면에서만 깨지면 현재 상품 템플릿과 공개 테마의 목록 스타일 문제일 수 있으므로 상품 URL과 템플릿 이름을 함께 확인해야 합니다.

저장할 때 Shopify가 HTML을 자동으로 바꿔도 괜찮나요?

리치 텍스트 편집기는 화면 오류와 보안 위험을 줄이기 위해 HTML을 자동 수정할 수 있습니다. 공식 안내는 자동 변경을 반복해서 우회하기보다 단순한 지원 구조를 사용하고, 필요한 레이아웃은 테마 기능으로 처리하도록 권합니다.

댓글

Most Popular

ChatGPT 시작 기준과 사용 절차, 초보자가 먼저 알아야 할 차이

ChatGPT 무료·유료 차이 비교와 선택 기준, 초보자 첫 사용법

챗GPT 프로젝트 기능 사용법: 작업 공간 구조화와 공유