잘 되는 쇼핑몰 상세페이지 vs 안 되는 쇼핑몰 상세페이지
관련 포스트
상세페이지 컬러 조합의 정석 (with 크리에이지)
상세페이지 제작, 왜 컬러 하나로 매출이 달라질까요? 상세페이지는 온라인 쇼핑몰에서 고객과 만나는 가장 강력한 접점입니다. 많은 소상공인이 화려한 그래픽이나 장황한 설명에 공을 들이지만, 정작 고객의 무의식을 지배하고 감성을 자극하는 컬러의 힘을 간과하곤 합니다. 컬러는 단순히 페이지를 예쁘게 꾸미는 도구가 아니라, 브랜드의 첫인상을 결정짓고 구매 욕구를 즉각적으로 자극하는 심리적 장치입니다. 컬러가 곧 구매 전환율인 이유 온라인 고객은 상세페이지 접속 후 단 3초 만에 브랜드의 분위기를 파악합니다. 이때 고객의 뇌에서 가장 먼저 인식하는 정보가 바로 '색상'입니다. 시각 정보의 80% 이상을 컬러가 차지하기 때문입니다. 안정적이고 매력적인 컬러 조합은 고객의 시선을 머물게 하고, 제품에 대한 긍정적인 기대감을 심어줍니다. 제품의 특성에 맞는 컬러가 적절히 배치될 때 고객은 해당 브랜드가 감각적이고 전문적이라고 느낍니다. 따뜻한 음식을 팔 때 식욕을 돋우는 난색 계열을, 신뢰가 중요한 IT 기기를 팔 때 차분한 한색 계열을 사용하는 것처럼 말이죠. 잘 기획된 컬러는 곧 이 제품은 내 취향에 맞고 믿을 수 있다는 심리적 확신으로 이어집니다. !SCR-20260312-pshm.png Tip: 고객이 피로감을 느끼지 않도록 형광색이나 원색의 남용은 피하세요. 눈이 편안한 상세페이지가 구매 버튼을 누를 확률을 높입니다. 소상공인이 흔히 하는 상세페이지 디자인 실수 너무 많은 컬러 사용과 시선 분산: 가장 흔한 실수는 눈에 띄게 만들고 싶은 마음에 여러 가지 색상을 남발하는 것입니다. 한 페이지 안에 4가지 이상의 튀는 컬러가 혼재되면 고객은 어디에 집중해야 할지 길을 잃고 이탈해 버립니다. 명도와 채도 대비 무시: 배경색과 글자색의 대비가 명확하지 않으면 가독성이 급격히 떨어집니다. 밝은 회색 배경에 흰색 글씨를 쓰거나, 어두운 배경에 진한 색상으로 글을 쓰면 정보 전달이 불가능해집니다. 제품과 겉도는 톤앤매너: 다이어트나 건강기능식품에 식욕을 감퇴시키는 파란색을 메인으로 사용하거나, 프리미엄 상품에 가벼워 보이는 쨍한 옐로우를 사용하는 등 제품의 본질과 컬러가 충돌하는 경우 신뢰도가 하락합니다. !SCR-20260312-przl.png 해결책: 세련된 상세페이지를 만들고 싶다면, 황금 비율을 따르는 일관된 컬러 팔레트를 정해두고 그 안에서만 디자인하는 것이 핵심입니다. 스튜디오 지브리에서 배우는 마법의 비율, '6:3:1 법칙' 아름답고 편안한 색감으로 전 세계를 사로잡은 애니메이션 명가 '스튜디오 지브리'. 그들 특유의 조화로운 영상미 뒤에는 인테리어와 디자인 업계의 정석으로 불리는 6:3:1 컬러 법칙이 숨어있습니다. 이 비율을 상세페이지에 적용하면 초보자도 전문가 수준의 안정감 있는 화면을 만들 수 있습니다. 배경 컬러 (Background Color) - 60%: 상세페이지의 넓은 바탕을 차지하는 색상입니다. 제품과 텍스트가 돋보일 수 있도록 화이트, 아이보리, 연한 그레이 등 눈이 편안한 무채색이나 파스텔톤을 사용하는 것이 좋습니다. 메인 컬러 (Main Color) - 30%: 브랜드의 아이덴티티를 나타내는 색상입니다. 타이틀바, 소제목 배경, 정보 박스 등에 사용되며 상세페이지 전체의 분위기를 주도합니다. 제품 패키지 색상이나 브랜드 로고 색상을 활용하면 좋습니다. 포인트 컬러 (Point Color) - 10%: 고객의 시선을 단번에 사로잡아야 하는 곳에 쓰는 강조 색상입니다. '구매하기 버튼', '할인율(%)', 강조하고 싶은 핵심 카피에 사용하며, 메인 컬러와 대비되는 보색이나 강렬한 색상을 선택해 클릭을 유도합니다. !GeminiGeneratedImage_81tdzj81tdzj81td (1).png 업종별 상세페이지 찰떡궁합 컬러 조합 4선 제품의 카테고리에 따라 고객이 기대하는 감성이 다릅니다. 성공률을 높여주는 업종별 컬러 조합을 제안합니다. ① 식품/외식 (Red & Orange) 특징: 식욕을 자극하고 따뜻한 느낌을 주는 난색 계열. 활용: 떡볶이, 고기, 베이커리 등 입맛을 돋워야 하는 제품에 최적입니다. 포인트 컬러로 짙은 레드나 오렌지를 사용하면 클릭률이 상승합니다. !SCR-20260312-psym.png ② IT/전자기기/서비스 (Navy & Blue) 특징: 전문성, 신뢰감, 이성적인 느낌을 주는 한색 계열. 활용: 스마트폰 액세서리, 가전제품, 혹은 정보성 서비스 상품에 적합합니다. 화이트 배경(60%)에 네이비 메인(30%), 그리고 스카이블루 포인트(10%)를 조합하면 깔끔합니다. !SCR-20260312-ptgs.png ③ 뷰티/패션/리빙 (Beige & Muted Tone) 특징: 감성적이고 부드러우며 고급스러운 느낌을 주는 뉴트럴 컬러. 활용: 화장품, 의류, 인테리어 소품에 좋습니다. 채도를 낮춘 베이지나 핑크를 메인으로 삼고, 포인트 컬러 역시 너무 튀지 않는 차분한 브라운이나 차콜을 사용해 톤을 맞추세요. !SCR-20260312-pugk.png ④ 친환경/건강식품 (Green & Brown) 특징: 자연, 유기농, 건강, 편안함을 상징하는 컬러. 활용: 샐러드, 비건 화장품, 영양제 상세페이지에 필수적입니다. 자연의 색인 그린을 메인으로, 흙의 색인 브라운이나 딥그린을 포인트로 사용해 신뢰감을 줍니다. !SCR-20260312-ptvf.png 자주 묻는 질문 (FAQ) Q1. 본문 텍스트 색상은 완전한 검은색(#000000)을 쓰는 게 제일 좋나요? 가장 많이 하는 오해입니다. 완전한 블랙(#000000)과 화이트 배경의 대비는 너무 강해 장문을 읽을 때 눈을 피로하게 만듭니다. 본문 텍스트는 약간 부드러운 다크 그레이(예: #333333, #444444)를 사용하는 것이 가독성에 훨씬 좋습니다. Q2. 두 가지 이상의 메인 컬러를 섞어 써도 되나요? 초보자라면 메인 컬러는 1가지로 통일하는 것을 권장합니다. 여러 색을 섞고 싶다면, 전혀 다른 색상을 추가하기보다는 메인 컬러의 명도와 채도만 살짝 다르게 조절한 '톤온톤(Tone on Tone)' 방식을 사용해 일관성을 유지하세요. Q3. 우리 제품에 어울리는 컬러 배합을 찾기 어렵다면 어떻게 하죠? 컬러 큐레이션 사이트인 Adobe Color나 Coolors를 활용해 보세요. 트렌디한 컬러 팔레트를 자동으로 추천해주어 배색에 대한 감각이 없어도 훌륭한 조합을 찾을 수 있습니다. 이러한 디자인 팁들을 통해서 사장님들의 성공적인 사업이 운영되길 크리에이지 팀이 진심으로 응원합니다. 하지만, 이 내용들이 어렵다. 그리고 다 한번에 해줬으면 좋겠다 싶은 사장님들은 저희 서비스인 크리에이지를 사용해 보시길 바랍니다. 위에 적힌 내용들을 이미 다 학습해서 내재하고 있고, 3분 내로 사용가능한 퀄리티의 상세페이지를 만드실 수 있습니다. 그 외에도 수정도 정말 간편하게 말하듯이 하면 수정도 되는 크리에이지를 바로 사용해보세요! !서비스데모.gif ⬇️ 사진을 클릭하셔서 크리에이지를 바로 이용해보세요! 크리에이지 바로가기
유저에게 직접 먹히는 상세페이지 소구점(판매포인트) 발굴법
상세페이지 기획, 왜 좋은 제품인데도 매출이 제자리일까요? 상세페이지는 온라인 쇼핑몰에서 고객의 지갑을 열게 하는 가장 강력한 설득의 도구입니다. 많은 소상공인이 고성능 카메라로 찍은 사진이나 세련된 디자인에 큰 비용을 쓰지만, 정작 고객의 마음을 꿰뚫는 소구점을 잡지 못해 이탈하는 고객을 바라만 보곤 합니다. 소구점은 단순히 제품의 기능을 나열하는 것이 아니라, 고객의 결핍을 건드리고 구매해야 할 명분을 만들어주는 심리적 트리거입니다. 소구점 발굴이 곧 구매 전환율인 이유 온라인 고객은 상세페이지를 '읽지' 않고 훑어봅니다. 텍스트가 아무리 많아도 나에게 필요한 정보가 아니라고 판단되는 순간 탭을 닫아버리죠. 이때 고객의 시선을 붙잡는 것은 화려한 미사여구가 아니라, 이건 내 고민을 해결해줄 물건이다라는 직관적인 확신입니다. 고객의 니즈에 딱 맞는 소구점이 배치될 때, 고객은 브랜드에 대한 신뢰를 넘어 '이 제품이 아니면 안 된다'는 절실함을 느끼게 됩니다. 실제로 제품 스펙 나열에서 고객 혜택 중심으로 소구점만 재정의해도, 광고 클릭 대비 매출 전환율이 비약적으로 상승하는 사례가 이를 증명합니다. !SCR-20260224-jstv.png Tip: 소구점을 찾을 때 제품의 '기능(Feature)'이 아닌 고객이 얻을 '이득(Benefit)'에 집중하세요. 드릴을 사는 고객은 드릴이 아니라 '벽에 뚫린 구멍'을 원합니다. 소상공인이 흔히 하는 소구점 선정 실수 공급자 마인드의 특징 나열: "최고급 소재 사용", "특허 공법" 등 제조사 입장에서의 자랑만 늘어놓는 경우입니다. 고객은 그게 왜 자신에게 좋은지 친절하게 설명해주길 원합니다. 추상적인 단어 남발: "압도적인 퀄리티", "혁신적인 디자인" 등 누구나 쓸 수 있는 모호한 표현은 오히려 신뢰도를 떨어뜨리고 고객의 기억에 남지 않습니다. 타겟팅 실패: 모두에게 팔려고 하면 누구에게도 팔지 못합니다. 명확한 타겟 페르소나 없이 작성된 메시지는 핵심 고객의 마음을 관통하지 못하고 겉돌게 됩니다. !SCR-20260305-oxrk.png 해결책: 고객이 실제로 사용하는 언어를 관찰하고, 그들이 겪는 구체적인 불편함(Pain Point)에서부터 소구점을 뽑아내는 역발상이 필요합니다. 유저에게 먹히는 소구점 발굴법 5선 성공적인 상세페이지 기획을 위해 현직 마케터들이 가장 선호하는 5가지 발굴 전략을 제안합니다. 경쟁사 리뷰 마이닝: 경쟁사 제품의 리뷰 중 '별점 2~3점'인 항목을 분석하세요. 고객이 느끼는 '2% 부족함'이 바로 당신 제품의 강력한 소구점이 됩니다. !SCR-20260305-oypa.png 'So What?' 질문법: 제품의 기능 뒤에 "그래서 뭐?"라고 3번만 물어보세요. "가벼운 노트북" → "휴대가 편하다" → "어디서든 업무가 가능하다" → "워라벨을 지켜준다"처럼 최종 혜택이 도출됩니다. !SCR-20260305-oyqj.png 결핍과 공포(FOMO) 활용: 제품을 쓰지 않았을 때 겪게 될 손해나 불편함을 시각화하세요. 행복을 약속하는 것보다 불행을 막아준다는 메시지가 때로는 더 강력한 구매 동기가 됩니다. !SCR-20260305-oysf.png CS 데이터 분석: 고객이 구매 전 가장 많이 물어보는 질문이 곧 구매를 망설이게 하는 허들입니다. 그 질문에 대한 답을 상세페이지 상단에 소구점으로 배치해 불안감을 해소하세요. !SCR-20260305-ozdk.png 타겟 페르소나의 하루 상상: 내 제품을 사용할 고객이 아침에 일어나 잠들 때까지 어떤 순간에 이 제품이 필요한지 구체적인 상황(Context)을 소구점으로 만드세요. !SCR-20260305-oywz.png 성과를 높이는 소구점 배치 전략 🚀 후킹(Hooking)과 증명(Proof)의 조화 후킹: 상세페이지 상단에서 고객의 공감을 이끌어내는 문구. "아직도 아침마다 붓기 때문에 고민이신가요?"처럼 질문이나 강력한 혜택으로 시작합니다. 증명: 소구점을 뒷받침하는 근거. 실험 데이터, 압도적인 리뷰 수, 공인된 인증서 등을 통해 고객의 이성적 판단을 돕습니다. !SCR-20260305-pant.png Tip: 소구점은 한 페이지에 너무 많이 담지 마세요. 메인 소구점 1개와 이를 보완하는 서브 소구점 2~3개가 가장 기억에 잘 남습니다. 성공하는 상세페이지 소구점 조합 가이드 ① 문제 제기 & 즉각적인 해결책 특징: 고객이 겪는 고통을 생생하게 묘사한 뒤, 우리 제품이 어떻게 그 고통을 끝내주는지 보여줍니다. 활용: "층간소음 때문에 이웃 눈치 보셨죠?" (문제) → "특수 8중 구조 매트로 발소리 완전 차단" (해결) ② 기능의 혜택화 & 시각적 증거 특징: 단순한 스펙을 넘어 고객의 삶이 어떻게 변하는지 보여주고 이를 비포/애프터 사진으로 증명합니다. 활용: "흡입력 30,000Pa" (기능) → "눈에 보이지 않는 미세먼지까지 한 번에" (혜택) → "현미경 촬영 사진" (증거) ③ 신뢰 기반의 가성비 강조 특징: 단순 저가가 아니라, 높은 품질을 유지하면서 가격을 낮출 수 있었던 이유(D2C, 공정 개선 등)를 설명해 합리적 구매임을 강조합니다. 자주 묻는 질문 (FAQ) Q1. 우리 제품은 평범해서 특별한 소구점이 없는데 어떡하죠? 제품 자체가 평범하다면 '서비스'나 '브랜드 스토리'에서 소구점을 찾으세요. "사장님이 직접 검수하고 손편지를 써주는 정성"이나 "오후 4시 이전 주문 시 무조건 당일 발송"도 훌륭한 판매 포인트가 됩니다. Q2. 소구점을 정했는데 클릭률이 낮으면 어떡해야 하나요? 메인 썸네일과 상단 카피의 소구점이 일치하는지 확인하세요. 또한, 가장 반응이 좋은 소구점을 찾기 위해 A/B 테스트를 진행하며 문구를 조금씩 수정해보는 것이 좋습니다. Q3. 타겟 페르소나는 어떻게 설정하는 게 가장 정확한가요? 가상의 인물을 만들기보다, 우리 제품을 가장 좋아할 것 같은 실제 단골 고객 한 명을 떠올려보세요. 그 사람이 왜 우리 제품을 샀는지, 어떤 고민이 있었는지를 깊게 파고드는 것이 가장 확실한 방법입니다. 이러한 기획 전략을 통해 사장님들의 상세페이지가 잠들지 않는 유능한 영업사원이 되길 크리에이지 팀이 진심으로 응원합니다. 하지만, 소구점을 발굴하고 카피를 쓰는 과정이 막막하고 어렵게 느껴지신다면 저희 서비스인 크리에이지를 사용해 보시길 바랍니다. 이미 수만 개의 성공 데이터를 학습한 AI가 사장님의 제품에 딱 맞는 '필승 소구점'을 제안하고, 단 3분 만에 전문가 수준의 상세페이지를 완성해 드립니다. 실제로 이번 블로그 글에서 사용된 상세페이지 디자인들은 크리에이지AI를 통해서 만들어졌습니다. !서비스데모.gif ⬇️ 사진을 클릭하셔서 크리에이지를 바로 이용해보세요! 크리에이지 바로가기
크리에이지가 처음이라면? 크리에이지 튜토리얼
크리에이지 튜토리얼 영상 튜토리얼 글로 보시는 것보다 영상으로 보시는 게 더 편하시다면, 아래 영상 튜토리얼을 참고해주세요! 사장님 반갑습니다! 😊 크리에이지에 오신 것을 진심으로 환영합니다. 이 글에서는 상세페이지를 만드는 방법부터, 에디터에서 수정하는 방법, 그리고 새롭게 추가된 툴바와 드래그 앤 드롭 기능까지 전부 빠짐없이 설명드립니다. 천천히 따라오시면 누구나 쉽게 상세페이지를 만드실 수 있습니다! 로그인 이후 페이지 새 디자인 만들기 여기서 디자인이란 상세페이지 1개를 의미합니다. 상세페이지를 만들기 위해서는 새 디자인 만들기 버튼을 눌러주세요. !SCR-20260226-kmoq.png 로그인을 하시면 위와 같은 대시보드 화면이 나옵니다. 화면 중앙에 있는 "새 디자인 만들기" 버튼이 보이시나요? 이 버튼을 클릭하시면 바로 상세페이지 제작을 시작하실 수 있습니다. 이전에 만들었던 디자인이 있다면 이 화면에서 바로 확인하고 수정하러 들어가실 수도 있어요. !SCR-20260226-klww.png 버튼을 누르시면 위와 같은 선택 화면이 나타납니다. 처음 시작하시는 분이라면 "새로 시작하기" 버튼을 눌러주세요. 완전히 처음부터 새로운 상세페이지를 만드실 수 있습니다. 프로젝트 기본 정보 입력하기 상품 이름 입력 !SCR-20260226-kmfi.png 가장 먼저 상품 이름을 입력하는 단계입니다. 판매하시려는 상품의 이름을 적어주세요. 예를 들어 "프리미엄 무선 이어폰", "수제 딸기잼" 같은 식으로요. 이 이름은 나중에 AI가 상세페이지 내용을 작성할 때 기본 정보로 활용되니, 실제 판매에 사용하실 상품명을 정확히 적어주시는 게 좋습니다. 콘텐츠 유형 선택 !SCR-20260226-kmsy.png 다음으로 콘텐츠 유형을 선택하는 화면입니다. 현재는 상세페이지를 선택하시면 됩니다. 선택하신 후 다음 버튼을 눌러주세요. 앞으로는 상세페이지 외에도 배너, 썸네일 등 더 다양한 콘텐츠 유형이 추가될 예정이니 기대해주세요! 카테고리 선택 !SCR-20260226-kmuq.png 이제 내 상품에 맞는 카테고리를 선택해주세요. 카테고리를 정확하게 선택하시는 게 중요한 이유가 있는데요, 각 카테고리마다 ✔ 해당 상품군에 최적화된 디자인 템플릿 ✔ 실제로 잘 팔리는 상세페이지에서 검증된 구성 공식 이 미리 세팅되어 있기 때문입니다. 예를 들어 식품 카테고리는 식욕을 자극하는 레이아웃이, 패션 카테고리는 착용 사진을 강조하는 구성이 자동으로 적용됩니다. 내 상품과 가장 가까운 카테고리를 골라주시면 AI가 훨씬 더 좋은 결과물을 만들어드릴 수 있어요. 기획서 작성하기 이 단계는 상세페이지에 들어갈 실제 내용을 입력하는 핵심 단계입니다. 상품의 특징, 장점, 사용법 등 고객에게 전달하고 싶은 정보를 여기서 작성하게 됩니다. !SCR-20260226-kmxv.png 위 화면처럼 각 항목별로 내용을 채워넣으시면 되는데요, 직접 타이핑하셔도 되고, 아래에서 설명드릴 AI 자동 작성 기능을 활용하시면 훨씬 편리합니다. 사진 업로드 하기 !SCR-20260226-kncf.png 상품 사진을 업로드해주세요. 상세페이지의 퀄리티는 사진에서 결정된다고 해도 과언이 아닙니다! 사진이 많을수록 AI가 더 다양한 구도와 레이아웃으로 상세페이지를 꾸밀 수 있기 때문에, 가지고 계신 상품 사진을 가능한 많이 올려주시는 것을 추천드립니다. 상품 정면, 측면, 디테일 컷, 사용 장면 등 다양한 각도의 사진이 있으면 특히 좋아요. AI로 내용 채워넣기 !SCR-20260226-knjc.png 기획서를 직접 작성하기 어려우시다구요? 걱정 마세요! AI가 자동으로 상세페이지 내용을 작성해드립니다. 앞서 입력하신 상품 이름, 카테고리, 업로드한 사진을 바탕으로 AI가 상품의 특징과 셀링포인트를 분석해서 기획서를 자동으로 채워넣어줍니다. AI가 작성한 내용을 확인하신 후, 마음에 들지 않는 부분만 수정하시면 되니까 시간이 크게 절약됩니다. 임시저장하기 !SCR-20260226-knmd.png 작업 중에 갑자기 자리를 비우셔야 하거나, 나중에 이어서 작업하고 싶으실 때 임시저장 버튼을 눌러주세요. 작성 중이던 내용이 그대로 저장되어, 다음에 돌아오셨을 때 이어서 작업하실 수 있습니다. 제출하기 !SCR-20260226-knpc.png 기획서 내용을 모두 확인하셨다면 제출 버튼을 눌러주세요. 제출을 누르시면 AI가 기획서를 바탕으로 디자인 작업을 시작합니다. 보통 1~2분 정도 소요되며, 완성되면 바로 결과물을 확인하실 수 있습니다. 상세페이지 생성 완료 !SCR-20260226-kpcy.png 축하합니다! 🎉 상세페이지가 만들어졌습니다! AI가 자동으로 여러 섹션으로 구성된 상세페이지를 완성해드렸어요. 이제 이 상태로 바로 사용하셔도 되고, 더 마음에 들도록 수정하고 싶으시다면 스튜디오에서 편집하실 수 있습니다. 스튜디오 페이지 사용하기 스튜디오는 만들어진 상세페이지를 자유롭게 수정할 수 있는 편집 공간입니다. 왼쪽에는 AI 채팅과 도구들, 가운데에는 상세페이지 미리보기, 오른쪽에는 세부 설정 패널이 배치되어 있습니다. !SCR-20260226-kpec.png 이 화면에서 텍스트 수정, 이미지 교체, 섹션 추가/삭제 등 모든 편집 작업을 하실 수 있습니다. 직접 클릭해서 수정하는 방법과 AI에게 채팅으로 요청하는 방법, 두 가지를 모두 지원하니 편하신 방식으로 사용해보세요. AI 채팅을 통한 수정 스튜디오 왼쪽의 AI 채팅창을 활용하면, 마치 디자이너에게 말하듯이 자연어로 수정을 요청하실 수 있습니다. 예를 들어 이런 것들이 가능해요: 섹션 추가: "후기 섹션 하나 추가해줘" 섹션 수정: "첫 번째 섹션 배경색을 파란색으로 바꿔줘" 섹션 삭제: "마지막 섹션 삭제해줘" 이미지 생성: "고급스러운 느낌의 배경 이미지 만들어줘" AI 수정은 템플릿에 구애받지 않고 완전히 자유로운 디자인 변경이 가능하기 때문에, 원하시는 대로 세밀하게 조정하실 수 있습니다. 레퍼런스 활용 "이런 느낌으로 만들어줘!"라고 말로 설명하기 어려우실 때, 레퍼런스 이미지를 활용해보세요. !SCR-20260226-kpxr.png 채팅창에서 레퍼런스 이미지를 첨부하실 수 있습니다. 마음에 드는 다른 상세페이지나 디자인 이미지를 올려주시면 됩니다. !SCR-20260226-kqas.png 이렇게 레퍼런스를 선택하시고 어떤 부분을 참고할지 함께 말씀해주시면 더 정확한 결과를 얻으실 수 있어요. !SCR-20260226-kqij.png AI가 레퍼런스의 스타일과 분위기를 분석해서 비슷한 느낌으로 디자인을 수정해드립니다. 경쟁사나 유명 브랜드의 상세페이지를 참고하고 싶을 때 정말 유용한 기능이에요! ⭐ 드래그 앤 드롭으로 요소 추가하기 코딩이나 복잡한 조작 없이, 왼쪽 툴바에서 원하는 요소를 잡아서 끌어다 놓기만 하면 텍스트나 이미지를 바로 추가할 수 있습니다. !SCR-20260210-pwrl.png 왼쪽 툴바에 있는 텍스트 버튼 또는 이미지 버튼을 마우스로 잡은 채 원하는 위치로 끌어다 놓아주세요. !2026-02-106.10.59-ezgif.com-video-to-gif-converter.gif 위 움짤처럼 정말 직관적이죠? 딱 원하는 자리에 요소를 떨어뜨리면 바로 추가됩니다. 파워포인트에서 도형 넣듯이 쉽게 사용하실 수 있어요! ⭐ 요소 드래그 앤 드롭으로 위치 이동 이미 배치된 텍스트나 이미지의 위치를 바꾸고 싶으실 때도 드래그 앤 드롭으로 간단하게 이동할 수 있습니다. !2026-02-106.25.18-ezgif.com-video-to-gif-converter.gif 이동하고 싶은 요소를 클릭한 후 드래그하면 원하는 위치로 자유롭게 옮길 수 있습니다. 레이아웃을 미세하게 조정하고 싶을 때 아주 편리한 기능이에요. 요소 복제 / 삭제 요소를 선택하시면 아래와 같은 액션 메뉴가 나타납니다. !SCR-20260226-kqoj.png 여기서 다음 작업들을 하실 수 있어요: 이동: 요소를 다른 위치로 옮깁니다 복제: 동일한 요소를 하나 더 만듭니다 (같은 스타일의 텍스트나 이미지가 여러 개 필요할 때 유용해요) 삭제: 필요 없는 요소를 제거합니다 크기 조절: 요소의 크기를 키우거나 줄일 수 있습니다 키보드 단축키도 지원하니 더 빠르게 작업하실 수 있어요: Ctrl+C: 선택한 요소 복사 Ctrl+V: 복사한 요소 붙여넣기 !SCR-20260210-qbpg.png 요소의 모서리나 가장자리를 드래그하면 이렇게 크기를 자유롭게 조절하실 수 있습니다. 텍스트 영역을 넓히거나, 이미지 크기를 키우는 등의 작업이 가능해요. !SCR-20260210-qacr.png 복제된 요소는 원본 바로 옆에 생성되며, 독립적으로 수정이 가능합니다. 비슷한 구성을 반복해야 할 때 하나하나 새로 만들 필요 없이 복제 후 내용만 바꾸시면 됩니다. 텍스트 수정 텍스트를 수정하고 싶으시면 해당 텍스트를 더블클릭해주세요. !SCR-20260226-kquo.png 더블클릭하시면 바로 텍스트 편집 모드로 전환되어, 원하는 내용으로 자유롭게 수정하실 수 있습니다. 오타 수정, 문구 변경, 추가 설명 삽입 등 어떤 수정이든 바로바로 가능해요. ⭐ 섹션 툴바 기능 각 섹션 위에 섹션 툴바가 있습니다. 이 툴바를 통해 섹션 단위로 다양한 편집 작업을 하실 수 있어요. !SCR-20260210-qeub.png 툴바에는 섹션 제목 수정, AI 채팅 수정, 순서 변경, 복제, 삭제 등의 기능이 모여 있습니다. 하나씩 살펴볼게요. 섹션 제목 수정 !SCR-20260210-qfkv.png !SCR-20260210-qflt.png 섹션 제목을 더블클릭하시면 바로 수정 모드로 전환됩니다. 섹션 제목은 상세페이지에 직접 노출되지는 않지만, 여러 섹션을 관리하실 때 어떤 섹션인지 한눈에 파악할 수 있도록 도와주는 역할을 합니다. "상품 소개", "사용 후기", "배송 안내" 등 알아보기 쉬운 이름으로 바꿔두시면 편집할 때 훨씬 편리해요. 채팅에서 수정하기 !SCR-20260210-qkmz.png 특정 섹션만 집중적으로 수정하고 싶으실 때는, 해당 섹션을 선택한 상태에서 AI 채팅으로 수정 요청을 보내주세요. "이 섹션 배경을 흰색으로 바꿔줘", "텍스트를 더 크게 만들어줘", "이미지 위치를 왼쪽으로 옮겨줘" 같은 요청을 자연스럽게 입력하시면 AI가 해당 섹션만 정확하게 수정해드립니다. !ezgif.com-video-to-gif-converter (3).gif 위 움짤처럼 채팅으로 요청하면 AI가 실시간으로 디자인을 수정해주는 모습을 확인하실 수 있습니다. 직접 하나하나 수정하기 번거로운 복잡한 변경도 한 줄의 채팅으로 해결할 수 있어서 정말 편리해요! 순서 변경 !SCR-20260210-qwan.png 섹션의 순서를 바꾸고 싶으실 때는 툴바의 순서 변경 버튼(화살표)을 이용해주세요. 위/아래 화살표를 클릭하시면 해당 섹션이 한 칸씩 위로 또는 아래로 이동합니다. 예를 들어, 후기 섹션을 상품 소개 바로 아래로 올리고 싶다면 위쪽 화살표를 몇 번 클릭하시면 됩니다. 섹션 복제 !SCR-20260210-qwvk.png 마음에 드는 섹션이 있다면 복제 버튼을 눌러 똑같은 섹션을 하나 더 만들 수 있습니다. 복제된 섹션은 원본 바로 아래에 추가되며, 내용만 다르게 수정하시면 비슷한 구성의 섹션을 빠르게 만드실 수 있어요. 예를 들어 "컬러 옵션 소개" 섹션을 복제해서 각 컬러별 설명 섹션을 쉽게 만들 수 있습니다. 섹션 삭제 !SCR-20260210-qvww.png 필요 없는 섹션은 삭제 버튼으로 깔끔하게 제거하실 수 있습니다. AI가 만들어준 섹션 중 내 상품에 맞지 않는 부분이 있다면 과감하게 삭제하시고, 필요한 섹션만 남겨두세요. 단, 삭제한 섹션은 복구가 어려울 수 있으니 신중하게 결정해주세요! 툴바 숨기기 편집 화면이 좀 더 넓었으면 좋겠다 싶으시면, 툴바를 숨길 수 있습니다. !SCR-20260210-qhdz.png 화면 왼쪽의 툴바 숨기기 버튼을 클릭하시면 툴바가 접히면서 미리보기 영역이 넓어집니다. !2026-02-106.40.15-ezgif.com-video-to-gif-converter.gif 위 움짤처럼 툴바를 접었다 펼쳤다 하면서 상황에 맞게 사용하실 수 있어요. 전체적인 완성 모습을 확인하고 싶을 때는 툴바를 숨기고, 수정 작업을 할 때는 다시 펼쳐서 사용하시면 됩니다. 오른쪽 패널 스튜디오 화면 오른쪽에 위치한 패널에서는 섹션 관리, 사진 편집, AI 이미지 생성, 텍스트 스타일 변경 등 세부적인 편집 기능을 사용하실 수 있습니다. 섹션 목록 !SCR-20260226-kraj.png 오른쪽 패널의 섹션 목록에서는 현재 상세페이지에 포함된 모든 섹션을 한눈에 확인하실 수 있습니다. 여기서 특정 섹션을 클릭하시면 해당 섹션으로 바로 이동하기 때문에, 섹션이 많아졌을 때 원하는 부분을 빠르게 찾아가실 수 있어요. 사진 편집 상세페이지에 들어간 사진을 더 예쁘게 다듬고 싶으시다면 사진 편집 기능을 활용해보세요. !SCR-20260226-krmp.png 이미지를 선택하시면 오른쪽 패널에 사진 편집 옵션이 나타납니다. 여기서 이미지를 교체할 수 있어요. !SCR-20260226-krsd.png 이미지의 표시 영역을 조절하실 수 있습니다. 상품의 핵심 부분이 잘 보이도록 프레임을 맞춰주세요. !SCR-20260226-krtx.png 크롭 도구를 이용하면 사진에서 원하는 영역만 잘라내서 사용하실 수 있습니다. 불필요한 배경을 제거하거나 상품을 더 크게 보여주고 싶을 때 유용해요. !SCR-20260226-krwg.png 편집이 완료되면 적용 버튼을 눌러 변경사항을 저장해주세요. 별도의 이미지 편집 프로그램 없이도 크리에이지 안에서 간단한 사진 편집을 바로 하실 수 있습니다. AI 이미지 !SCR-20260226-krxz.png 상품 사진 외에 배경 이미지나 분위기 이미지가 필요하실 때 AI 이미지 생성 기능을 사용해보세요. 원하는 이미지를 텍스트로 설명하시면 AI가 맞춤 이미지를 만들어드립니다. 예를 들어 "따뜻한 느낌의 나무 테이블 배경", "깔끔한 흰색 대리석 배경" 같은 요청이 가능해요. 텍스트 스타일 !SCR-20260226-krlf.png 텍스트를 선택하시면 오른쪽 패널에서 텍스트 스타일을 세밀하게 조정하실 수 있습니다. 글꼴, 글자 크기, 색상, 굵기, 정렬 방식 등을 자유롭게 변경하실 수 있어요. 브랜드의 톤앤매너에 맞게 텍스트를 꾸며보세요. 내보내기 상세페이지 수정이 모두 완료되셨다면, 이제 내보내기를 통해 실제 쇼핑몰에 적용하실 수 있습니다. !SCR-20260226-lhrf.png 화면 상단의 내보내기 버튼을 클릭해주세요. !SCR-20260226-ksal.png 내보내기 방식 선택하기 !SCR-20260226-ksdn.png 내보내기 방식을 선택하실 수 있습니다. 크리에이지에서는 이미지, 웹 배포(피그마) 두 가지 방식을 지원합니다. 이미지 내보내기: 상세페이지를 이미지 파일로 다운로드합니다. 스마트스토어, 쿠팡 등 대부분의 쇼핑몰에서 이미지를 바로 업로드하여 사용하실 수 있어요. 웹 내보내기: 배포된 링크를 받을 수 있습니다. 자사몰이나 카페24, 아임웹 등에 직접 삽입하실 수 있습니다. !SCR-20260226-ksis.png 이미지 내보내기의 경우, 섹션별로 개별 이미지가 생성되어 다운로드됩니다. 각 섹션 이미지를 쇼핑몰 상세페이지 에디터에 순서대로 올려주시기만 하면 끝! 웹 내보내기 !SCR-20260226-kskz.png 웹 내보내기를 선택하시면 배포된 링크를 얻을 수 있습니다. 자사몰이나 카페24, 아임웹 같은 플랫폼의 HTML 에디터에 이 코드를 붙여넣으시면 상세페이지가 그대로 반영됩니다. !SCR-20260226-ksmr.png 이미지 내보내기와 달리 텍스트가 검색엔진에도 잡히기 때문에 SEO에도 유리합니다. 크리에이지는 사장님의 상세페이지 제작을 가장 쉽고 빠르게 만들어드립니다. 언제든지 편하게 사용해주세요! 🚀










