브랜드

뒤로가기
글쓰기
  • 상품상세페이지에 유튜브 vimeo 동영상 삽입하기-반응형

    유트브 동영상에서 공유버튼을 눌러 해당 주소를 복사한다.


    https://embedresponsively.com/


    로 이동하여 주소를 복사해 넣고 [Embed] 버튼을 누른 후 생성된 코드를 상품상세페이지 내의 html 소스로 복사하며 미리보기 한 후 저장한다.


    1. 유튜브 동영상


    <p>&nbsp;</p>

    <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class="embed-container"><iframe src="https://www.youtube.com/embed//02CfQRn7Xa0" frameborder="0" allowfullscreen=""></iframe></div>

    <p>&nbsp;</p>


    2. Vimeo 동영상


    <p>&nbsp;</p>

    <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class="embed-container"><iframe src="https://player.vimeo.com/video/532141264" frameborder="0" allowfullscreen=""></iframe></div>

    <p>&nbsp;</p>


  • 상세페이지 상단/하단 공통이미지 적용방법



    1. 적용전 표시모드가 on인지 확인해야 합니다.(디자인관리->수정 에서)



    디자인 ON/OFF 설정하기

    샘플 쇼핑몰은 모든 기능을 사용할 수 있도록 설정해

     놓았기 때문에 디자인이 복잡해 보일 수 있습니다.

    이 중에서 필요가 없으신 부분들을 안보이도록 설정

    할 수 있습니다.

    /_wg/css/on_off.css    

    위 파일을 스마트디자인 편집창에서 열어보시면 우측

    처럼 각 디자인 ON/OFF하실 수 있게 되어있습니다.

    각각의 디자인들로 다 분리를 시켜놓았기 때문에

    보시고 필요가 없으신 부분은 변경해주시면

    되겠습니다.

    PC / 모바일 디자인 둘다 적용되는 내용입니다.

    해당 페이지의 상단 주석을 읽어보시고, 수정해주세요.




    2. 이미 표시되고 있는 경우에 이미지만 변경하고자 하는 경우 아래 이미지를 변경(FTP)하면 됩니다.



    상단 - /_wg/import/img_info1.html


    <img src="/_wg/img/img_info1.jpg">

    ftp 연결 후 sde_design->skin2->_wg->img  디렉토리로 들어가면 됨


    하단 - /_wg/import/img_info2.html


    <img src="/_wg/img/img_info2s.gif">


    상세페이지 상/하단에 각각의 이미지를 적용시킬 수 있습니다.

    각각의 링크에서 이미지를 교체해서 사용해주세요.

    사용안하실려면 12페이지의 ON/OFF 기능으로 사용안함 처리해주세요.

  • 쿠폰 배경이미지 등록

    [ 쿠폰 배경이미지 등록 ]





    쿠폰은 지금 변경시 운영중인 쇼핑몰에 지장을 주게됩니다.

    대표디자인 변경후 아래의 내용처럼 수정해주세요.



    프로모션 > 쿠폰 관리 > 쿠폰 기본설정 > 진열 및 기본 디자인 설정 > 쿠폰 배경이미지 > 직접등록(체크) > 찾아보기(클릭) 후 다운받으신 이미지를 넣어주세요.



     

    위 처럼 쿠폰 배경이미지 에 직접 등록해주시면 되겠습니다.

    http://hotsos7.cafe24.com/data/coupon_bg.png 이 주소를 인터넷 주소창에 넣으신후 해당 이미지를 다운로드 받으세요.


    또는


    제공해드린 원본파일 PSD에PC폴더를 보시면 쿠폰배경이라고 파일이 있습니다.

    해당 파일을 포토샵에서 PNG 파일로 변경하신 후 등록해주시면 되겠습니다.


    쿠폰 디자인은 샘플 디자인처럼 PC와 모바일 둘다 정상 노출되겠습니다.




  • 인터넷 임시파일 삭제방법

    [ 인터넷 임시파일 삭제(캐시삭제) ]





    인터넷 임시파일이 남아있어 이미지 교체가 되어 보이지 않을 수 있습니다.

    인터넷 임시파일을 삭제하시고 확인해주세요.




    인터넷임시파일(캐시)삭제 방법


    --------------------------------------------------------------------------------


    인터넷 익스플로러를 사용시


    이미지를 FTP상에서 교체후 웹브라우져를 봤을 때 바로 교체되어 보이지 않을 경우

    우선 해당 웹브라우져의 인터넷 임시파일을 삭제후 확인해주시면 되겠습니다.

    네이버에서 '인터넷 임시파일 삭제' 로 검색해보시면 내용확인이 가능하십니다.


    --------------------------------------------------------------------------------


    구글 크롬


    키보드의 Shift + F5 키를 누르시면 인터넷 임시파일이 삭제된 상태로 새로고침이 가능합니다.


    --------------------------------------------------------------------------------


    기타 웹브라우져(모바일포함)


    네이버에서 해당 브라우져의 인터넷 임시파일 삭제에 대해서 확인해주세요.


    --------------------------------------------------------------------------------


    위 방법으로 기존의 이미지가 삭제된 상태로 새로운 이미지를 확인하실 수 있습니다.



  • 상품 상세 페이지 게시물 작성일이 모두 같은 날짜로 나와요

    [ 상품 상세 페이지 게시물 작성일이 모두 같은 날짜로 나와요 ]




     작성일 변수에 ldate: Y-m-d 모디파이어를 사용했는지 확인하시기 바랍니다.

    ※ 상품 상세 페이지 디자인 수정 시, 상품 사용 후기, 상품 Q&A 게시판 작성일 변수 ({$write_date})에 날짜 형태 변경 모디파이어를 사용할 경우 상품 상세 페이지에 노출되는 게시물 작성 일자가 모두 오늘 날짜로 노출됩니다.

    작성일 노출 형태 변경은 모디파이어 소스보다는 쇼핑몰 관리자 게시판 설정을 통해 변경하는 것을 권장합니다.

    작성일 표시 설정 방법


      1. 쇼핑몰 관리자 '게시판관리 > 게시판 > 게시판 관리'로 이동해 설정이 필요한 게시판 제목을 클릭합니다.

      2. '게시판 관리 창'에서 '작성일 표시' 항목을 원하는 노출 형태에 따라 선택한 뒤 하단의 '수정' 버튼을 클릭합니다.


       

     

      3. 수정한 디자인 소스에서 모디파이어를 제거합니다.

        예시) {$write_date l date:Y-m-d}


  • 인스타그램 위젯(C스토어)으로 설정하는 방법


    [ 인스타그램 위젯(C스토어) 설정하는 방법 ]




    1. 

     


    - 앱스토어 > C스토어(구) > 전체앱목록 > 인스타그램 위젯 선택합니다.






    2.





    3. 



    - 인스타그램 버젼을 1.0.63으로 변경해주세요.

    - 업그레이드하셔야 인스타그램을 정상적으로 사용이 가능하십니다.






    4. 


    - 엑세스 토큰은 자동으로 할당받습니다.

    - 위 이미지를 보시면 PC쇼핑몰과 모바일쇼핑몰은 따로 있습니다. 설정은 둘다 각각 해주셔야됩니다.







    5. 


    ** 카페24의 정책변경으로 해시태그로만 연결이 가능합니다. 꼭 확인해주세요.



    - 반드시 아래 이미지대로 설정값을 넣으셔야 되겠습니다.

    - 모바일의 레이아웃은 5X2 입니다.







    6. 저장을 하시면 샘플쇼핑몰과 동일한 형태로 인스타그램이 설정되겠습니다.

           ** 디자인 변경은 따로 견적을 요청해주세요.

           





    혹시. 기존에 인스타그램 위젯을 사용중일 경우 !!!



    html 소스상에선 최초의 모듈값으로 들어있기 때문에 중복되거나 정상적으로 노출되지 않을 수 있습니다.

    그럴 경우, 반드시 새롭게 위젯을 등록해주시고 모듈번호를 복사하여 /_wg/import/insta.html 의

    module="instagramwidget_display_1" 을 새로운 코드로 변경해주시기 바랍니다.


    ** 모바일은 instagramwidget_mobile_1 로 PC의 모듈과는 다릅니다. 꼭 확인해주세요.




  • FTP 용량 추가방법이 궁금해요. 트래픽에 제한이 있나요?


     카페24 쇼핑몰 호스팅은 FTP 용량트래픽무제한으로 제공하고 있습니다.


    카페24 쇼핑몰 호스팅 서비스

      카페24 쇼핑몰 호스팅에서는 기본적으로 200MB의 FTP 용량이 할당되며, 최대 용량의 제한이 없습니다.
      현재 할당받으신 FTP 용량의 80% 이상을 사용하셨을 경우 FTP 용량 추가를 신청하여 무제한으로 용량을 증설하실 수 있습니다.
      ※ FTP 용량 추가 신청 시, 500MB씩 추가 됩니다.


    FTP 용량 추가신청 방법

      1. 관리자 페이지 'FTP > 웹FTP 접속' 메뉴로 이동합니다.
      2. 현재 할당받으신 FTP 용량의 80% 이상을 사용하셨을 경우 추가신청 버튼을 클릭하여 용량 추가를 신청합니다.
       ※ 쇼핑몰 운영에 필요한 이미지 파일을 제외한 exe, avi, mod, mp3, mp4 파일은 업로드가 제한되거나 삭제될 수 있습니다.

       


    FTP 트래픽 안내

      1. FTP에 업로드 된 이미지는 카페24 쇼핑몰 호스팅에서만 사용 가능하며, 오픈마켓, 기타 외부 사이트에서는 사용이 불가능합니다.
      2. 오픈마켓에서 이미지를 사용하셔야 할 경우 유료 부가 서비스인 '웹FTP 오픈 호스팅' 또는 '이미지호스팅플러스'를 이용하시면
         편리하게 이미지를 사용하실 수 있습니다.


    [함께보기] FTP 신청 관련 FAQ




  • 인스타그램(인스타피드) 설정하는 방법

    [ 인스타그램 설정하는 방법 ]




    1. https://www.instagram.com/developer 로 접속합니다. ( 반드시 구글 크롬으로 작업해주세요!! )



    1-1. SIGN UP(회원가입) 이 뜨면 아무내용이나 넣으시고 가입하신 뒤 다시 진행하시면 되겠습니다.






    2.








    3. 체크박스를 빼주셔야 정상적으로 등록이 가능합니다.








    4. 반드시 아래 이미지대로 http://localhost 로 넣으셔야 되겠습니다.









    5.








    6. 6번부터 어려워 하시는 분들이 많으십니다. 꼼꼼하게 확인해주세요.

       인터넷 주소창에서
       https://instagram.com/oauth/authorize/?client_id=CLIENT_ID&redirect_uri=http://localhost&response_type=token
       를 넣어주세요.





    7. userId 와 accessToken 을 받았습니다. 전체 코드는 accessToken값이고 앞쪽의 첫번째점 앞에까지는 userId 입니다.

       userId는 점을 포함하지 않습니다.

       반드시 확인해서 틀리지 않도록 해주세요.

       이 값들은 /_wg/js/set_insta.js 에 넣어주시면 되겠습니다.

       ** 페이지를 연결할 수 없다고 나오는게 정상입니다.




    넣으실 때는


        userId: '유저아이디',

        accessToken: '억세스토큰',


    입니다.


  • XEICON 아이콘 사용하기


    [ XEICON 아이콘 사용하기 ]






    지금까지 아이콘 PSD를 다운받아 포토샵에서 편집해서 업로드와 html 수정을 해서 사용하셨다면...



    이젠 <i class="아이콘명"></i> 텍스트 의 형태로 간단하게 사용이 가능합니다.


    주소창에   http://xpressengine.github.io/XEIcon   >  LIBRARY 에 접속 해주세요.



    해당 페이지에 아이콘의 이름이 적혀있습니다.

    사용하시고 싶으신 아이콘의 파일명을 확인하신 뒤에


    <i class="아이콘명"></i>


    위 형태로 넣어주시면 되겠습니다.


    예제 )   <a href="http://webgood.co.kr"><i class="xi-bell-o"></i></a><span>공지사항</span>




  • 모바일 쇼핑몰 화면의 이미지 비율이 맞지 않아요


    [ 모바일 쇼핑몰 화면의 이미지 비율이 맞지 않아요 ]






       모바일 게시판에서 등록된 이미지가 위 이미지처럼 가로, 세로의 비율이 깨져서 나오는 경우가 있습니다.

       해당 경우는 이미지를 등록하실 때 html 태그상에 width, height 값이 들어있어 그렇습니다.

       넣은적이 없는데... 라고 생각하시겠지만 이미지 등록시 자동으로 들어가게 되어있습니다.

     

       이럴 경우 pc화면의 해당 글의 수정 페이지로 가셔서 [ HTML 소스 ] 버튼을 클릭후

       예를 들어 style="width: 1280px; height: 960px;" 이렇게 적혀있는 경우 style="" 로 변경해주시면 되겠습니다.

       또는 width=1280px height=960px 이렇게 적혀있습니다.


       그리고 저장해주시면 모바일에서 정상적으로 출력이 되겠습니다.


  • 스마트디자인, 뉴상품 전환 하기

    [ 스마트디자인, 뉴상품 전환하기 ]



    1. 구디자인, 구상품관리 사용시


       1) 기본셋팅완료 문자를 받으시면, 디자인 메뉴얼 확인

           기본셋팅이 완료되면 고객님의 디자인관리 > 스마트디자인 > 디자인보관함에 추가된 스킨을 확인 가능하십니다.

           받으신 스킨은 샘플 쇼핑몰과 디자인이 동일하기 때문에 바로 사용이 불가합니다.

           매뉴얼을 참고하셔서 디자인 변경작업을 진행해주세요.


       2) 디자인 변경 완료, 스마트디자인 변경

           디자인 변경작업이 완료되면 스마트 디자인으로 변경하실 수 있습니다.

           작업한 디자인을 대표디자인으로 변경하신 뒤 디자인관리 > 디자인관리 모드설정 에서 스마트 디자인으로 설정을 해주겠습니다.


       3) 뉴상품관리 신청

           스마트 디자인이 되고 나면 바로 뉴상품 관리를 신청해주겠습니다.


         


          상품관리에서 간단 업그레이드 하기로 신청이 가능하겠습니다.

     



       


          착오가 없으시도록 체험을 해보신 뒤 신청을 진행해주세요.





         







         


           신청완료가 되면 꼭 전환 날짜를 디자인웹굿으로 보내주세요.

           쇼핑몰 아이디 / 전환날짜 / 간단내용을

           010-3360-8426 으로 문자주세요.


       4) 최종셋팅

           뉴상품으로 변경되는 날짜에 맞춰 당일 최종셋팅을 진행해 드립니다.





    2. 스마트 디자인, 구상품관리 사용시


       1) 위 1-3의 내용부터 진행해주세요.

           내용을 꼼꼼하게 확인해주세요.


  • 게시판 URL 에 따른 게시판 타입 변경

    [ 게시판 URL 에 따른 게시판 타입 변경 ]




       일반 게시판 - /board/free/list.html?board_no=1


       상품 게시판 - /board/product/list.html?board_no=1


       갤러리 게시판 - /board/gallery/list.html?board_no=1




       위 중간의 URL 주소에 따라 게시판 타입이 변하게 됩니다.

       상품 게시판은 게시판에 상품정보가 추가되고, 갤러리 게시판은 이미지 위주의 게시판이 됩니다.




       ** 주의 **


          상품 게시판은 URL 마지막 board_no=게시판번호 가 4, 6번만 가능하고,

          갤러리 게시판은 board_no=8 으로만 가능합니다.

          갤러리 게시판을 더 이용하실려면 상점로그인후 부가서비스 > 나의 부가서비스 > 서비스 신청/연장 에서 구매해주세요.


  • 배너이미지 수정 및 링크 걸기

    [ 배너이미지 수정 및 링크걸기 ]




    배너이미지 변경 방법

     

       아래의 유튜브 동영상을 확인해주세요.

       동영상은 자막을 지원합니다. 꼭 자막을 보시면서 확인해주세요.


     


       







    스킨번호 확인 방법


       구매하신 스킨의 스킨번호를 고객님 쇼핑몰의 디자인 보관함에서 확인해주세요.

       모바일은 http://skin-mobile번호 로 되어있습니다.







    FTP상의 이미지 경로


       예를 들면

       <img src="/_wg/img/logo.jpg"> 일 경우

       /_wg/img/logo.jpg 로 표기되어있지만 실제 FTP에 접속을 하시면 _wg 라는 폴더는 보이지 않습니다.

       실제 경로는 /sde_design/스킨번호/_wg/img/logo.jpg  되겠습니다.

       /sde_design/스킨번호/ 는 생략되어 있습니다.





    이미지에 링크 설정방법


       <a href="링크주소">이미지배너 또는 텍스트</a>


       모든 배너 이미지에는 링크설정이 가능합니다.

       위처럼 링크주소가 들어가는데요.

       이 주소는 절대주소 / 상대주소로 나뉩니다.





    절대주소와 상대주소


       절대주소 - http://아이디.cafe24.com/000/111.html

       상대주소 - /000/111.html 


       간단하게 설명해드리자면 도메인이 붙고 안붙고의 차이입니다.

       절대주소를 사용하면 크게 체감차이는 없지만 속도가 조금 느립니다.

       가능한 상대주소를 이용해주세요.


       예제)

       http://아이디.cafe24.com/product/list.html?cate_no=24  ->  /product/list.html?cate_no=24

       http://아이디.cafe24.com/board/free/list.html?board_no=1  ->  /board/free/list.html?board_no=1


      결론은   <a href="/000/111.html">이미지배너 또는 텍스트</a>   이렇게 해주세요.





    링크클릭시 새창으로 열기


       <a href="링크주소" target="_blank">이미지배너 또는 텍스트</a>

       target="_blank" 를 넣어주시면 링크 클릭시 새창으로 열 수 있습니다.


  • 디자인 편집시 모듈 찾을수 없다고 나와요.

    디자인 편집시 모듈을 찾을 수 없다고 나올 경우
     해당 이미지가 포함되어 있는 스크립트 파일이나 html파일을 찾아서 편집하셔야 합니다.



    디자인 편집시 '해당모듈을 찾을 수 없습니다' 라고 안내 메시지가 나오는 경우는 다음의 두 가지 사항의 확인이 필요합니다.


    [선택한 대상이 스크립트로 불러오는 경우]

    1. 이미지 정보를 갖고 있는 파일이 스크립트에 임포트 되어 있는 경우로 해당 스크립트 파일을 찾아서 수정하셔야 합니다.

      


    2. 이미지 파일 저장시 스크립트를 메모해 두시면 수정시 용이하게 찾을수 있습니다.

      


    [@import 로 다른 파일을 호출할 경우]

    1. @import 형태로 다른 파일을 호출하여 사용할 경우 호출 되는 파일 내부에 있는 모듈에 접근할 수 없습니다.
       이 경우 호출되는 파일에서 모듈에 접근해야 합니다.

      


    2. <!--@import(/파일명.html)--> 형태로 다른 파일을 호출하는 부분을 찾은 후 '파일열기' 를 클릭합니다.

      


    3. 해당 이미지가 저장된 html파일이 별도의 탭으로 노출되며, 이 탭에서 모듈 접근 및 수정이 가능합니다.

      

  • 상품목록 진열변경 방법

    [ 상품목록 진열변경 방법 ]


       디자인상 메인상품 목록은 여러가지가 있습니다.

       그 중에서 일반적인 상품목록을 설정하는 방법을 알아보겠습니다.

     


       상품목록은 보통 위와 같이 4단으로 진열이되고, 1개의 카테고리당 20~30개의 상품이 진열되게 되어있습니다.

       이런 상품 목록은 쇼핑몰 메인 / 상품분류 / 상품검색 / 기획전 등에서 사용이 되고 그 진열 상태는 아래처럼 수정이 가능하겠습니다.






      1. 디자인 수정하기


         1) 스마트 디자인 편집창에서 목록이 사용되는 경로

            '디자인관리 > 디자인관리 > 디자인 보관함 > 스마트디자인수정' 으로 스마트디자인 편집창을

             오픈한 후 전체화면보기에서 아래의 경로를 찾습니다.


               -쇼핑몰메인 ( index.html )

               -상품분류 ( /product/list.html )

               -상품검색 ( /product/search.html )

               -기획전 ( /product/project.html )



         2) 코드설명


         


           $count = 숫자

           각 상품분류 리스트당 진열될 총 상품의 개수를 의미합니다.

           * 숫자를 너무 크게하시면 상품은 많이 진열되지만 쇼핑몰이 많이 느려질 수 있습니다.




           grid 숫자


           각 상품분류 리스트당 진열될 총 상품의 개수를 의미합니다.

           2~6단으로 진열이 가능하며, 보통은 4단으로 진열을 하고 있습니다.

           쇼핑몰의 전체 폭을 기준으로 개수가 들어가는거라 사이즈는 지정되어 있습니다.

           구형디자인의 경우 grid가 없으면 column을 찾아주시면 되겠습니다.



       *쇼핑몰 메인의 경우 수정할 곳이 여러곳입니다. 꼭 확인해주세요.



  • 상품목록/상세 페이지에 옵션 색상을 직관적으로 표시하고 싶어요


    ※ 뉴상품관리를 사용하는 쇼핑몰에만 적용되는 내용입니다.


    카페24에서는 직관적으로 상품의 정보를 전달할 수 있도록 판매중인 상품의 색상을 표시해주는 기능을 제공하고 있습니다.

     

     

     

     

    상품의 색상을 설정하는 방법은 아래와 같습니다.

     

     

    [사전준비]

     

    1. 관리자 페이지 '상품관리 > 상품표시관리 > 상품정보표시 설정' 메뉴에서 메인화면, 상품목록, 상품상세 탭 중

       상품의 색상을 노출할 화면의 탭을 선택합니다.

     

     

     

     

    2. 상품 색상 항목 찾으신 후 을 표시함으로 값을 변경합니다. (기본값 : 표시안함)

        Ctrl + F 키를 누른 후 '상품색상' 으로 검색하시면 빠르게 찾으실 수 있습니다.

     

       

     

     

     

    [상품 정보 수정]


    1. 관리자 페이지 '상품관리 > 상품관리 > 상품목록' 메뉴에서 색상을 입력할 상품을 검색 및 클릭하여 상품 수정창을 노출합니다.

     

     

     

     

    2. 상품수정창의 옵션 재고 버튼을 클릭하여 옵션/재고설정 영역으로 이동 후
        색상을 설정할 옵션항목의 '옵션값 수정' 버튼을 클릭하시면 옵션값 수정 팝업이 노출됩니다.

     

    3. 옵션이 이미 등록되어 있는 경우에만 설정 가능합니다. 옵션이 아직 등록되어 있지 않은 상품의 경우

        옵션 등록을 완료 하신 후 상품 수정 창을 다시 노출해주세요

     ※ Ctrl + F 키를 누른 후 '옵션값' 으로 검색하시면 빠르게 찾으실 수 있습니다.

     

     

      


    4. 색상 입력을 원하신는 항목의 텍스트 영역을 클릭하신 후 직접 색상코드를 입력하시거나
       오른쪽의 색상표를 클릭하셔서 마우스로 원하는 색상을 선택합니다.

       필요한 모든 항목의 색상을 설정하신 후 하단의 저장 버튼을 클릭합니다.

     

     

      

     
    5. 상품 수정창의 상품 수정 버튼을 클릭하시면 상품 색상 설정이 완료됩니다.

     

     

     

     


  • 옵션 스타일 설정 가이드
    옵션 스타일의 유형

      쇼핑몰 상품의 옵션을 '셀렉트박스' 뿐만 아니라 '이미지 버튼', '색상 버튼', '텍스트 버튼'으로 표시할 수 있는 '옵션 스타일' 기능을 소개합니다.
      옵션 스타일 기능을 통해 쇼핑몰 상품의 옵션을 다양한 방식으로, 직관적이고 시각적으로 구성할 수 있습니다.


      1. 옵션 스타일 - 미리보기 : 이미지 또는 색상으로 등록된 옵션을 버튼으로 표시합니다.

          '버튼이미지 설정', '색상 설정'에 입력한 정보로 버튼 모양이 결정되며 버튼 이미지와 색상을 모두 등록하면 옵션 버튼은 이미지로 표시됩니다.
          (단, 옵션 구성 방식이 '조합 일체선택형'인 경우에는 '텍스트 버튼'으로 표시됩니다.)


      2. 옵션 스타일 - 텍스트 버튼 : 텍스트로 된 버튼으로 상품의 옵션이 표시됩니다.


    옵션 스타일 '미리보기' 설정하기

      1. 조합 분리선택형, 상품 연동형, 독립 선택형 옵션 구성방식에 옵션 스타일 '미리보기'를 설정할 수 있습니다.
          '상품 등록', '상품 수정' 화면의 '옵션/재고 설정'과 '상품관리 > 상품옵션관리 > 품목생성형 옵션 / 상품연동형 옵션 > 옵션 관리 > 옵션 등록 / 수정'에서
          옵션 스타일 '미리보기' 설정이 가능합니다.
           
      2. 셀렉트박스 옵션으로 구성되어 있는 상품을 수정해 보겠습니다. 옵션 스타일의 기능 설정을 위해 수정할 상품의 '상품 수정' 화면으로 이동합니다.
          '상품 수정'의 '옵션/재고' 탭을 클릭하면 상품의 옵션을 설정할 수 있는 영역을 확인할 수 있습니다.
          기존에 설정되어 있던 옵션을 수정하기 위해 '옵션값 수정'을 클릭합니다.


       


      3. 쇼핑몰 상품의 옵션을 색상 버튼으로 구성해 보겠습니다. 색상을 설정하면 상품 상세 화면 뿐만 아니라 상품 목록 화면에서도 상품의 색상 옵션이 표시됩니다.
          '옵션값 수정' 화면의 '옵션 스타일' 항목을 '미리보기'로 선택하고 옵션 입력의 필수 여부를 설정합니다.
          '옵션 입력' 항목에서 상품 옵션으로 사용할 정보를 입력하고 '색상 설정'에 '옵션값 (#헥사코드)'을 입력하여 설정합니다.

       


          ※ 상품 목록 화면에 상품이 색상 옵션을 표시하기 위해서는 쇼핑몰 관리자의 '상품관리 > 상품정보표시 설정 > 상품목록'의 '상품색상' 항목을 '표시함'으로
               설정해야 합니다.

      4. 쇼핑몰 상품의 옵션을 이미지 버튼으로도 함께 구성해 보겠습니다. 이미지 버튼을 등록하면 등록한 이미지로 옵션이 표시됩니다.
          '옵션값 수정' 화면의 '옵션 스타일' 항목을 '미리보기'로 선택하고 옵션 입력의 필수 여부를 설정합니다.
          '옵션 입력' 항목에서 상품 옵션으로 사용할 정보를 입력하고 '버튼이미지 설정'에 옵션 표시에 사용할 이미지를 등록합니다.

       


      5. 옵션값 수정 완료 후 '저장'을 클릭하면 '상품 수정' 화면에 수정한 옵션값이 적용된 것을 확인할 수 있습니다.
          설정이 완료된 것을 확인하고 '상품 수정' 화면 내 '상품수정'을 클릭해야 수정한 옵션이 최종 반영됩니다.

       


      6. 상품 수정이 완료되면 쇼핑몰의 상품 목록 화면, 상품 상세 화면에서 옵션 스타일이 색상 버튼과 이미지 버튼으로 표시된 것을 확인할 수 있습니다.

        [ 쇼핑몰 상품 목록 화면 ]


       


        [ 쇼핑몰 상품 상세 화면 ]

       




    옵션 스타일 '텍스트 버튼' 설정하기


      1. 쇼핑몰 상품의 옵션을 텍스트 버튼으로 구성해 보겠습니다. 텍스트로 등록한 옵션 정보로 옵션이 표시됩니다.
          '옵션값 수정' 화면의 '옵션 스타일' 항목을 '텍스트 버튼'으로 선택하고 '옵션 입력' 항목의 '옵션명/옵션값'을 입력합니다.


       


      2. 옵션값 수정 완료 후 '저장'을 클릭하면 '상품 수정' 화면에 수정한 옵션값이 적용된 것을 확인할 수 있습니다.
          설정이 완료된 것을 확인하고 '상품 수정' 화면 내 '상품수정'을 클릭해야 수정한 옵션 정보가 최종 반영됩니다.

       


      3. 상품 수정이 완료되면 쇼핑몰 상품 상세 화면에서 옵션 스타일이 텍스트 버튼으로 표시된 것을 확인할 수 있습니다.

        [ 쇼핑몰 상품 상세 화면 ]

       




    유의사항

      ※ 옵션 '직접 입력하기'와 '엑셀 등록'한 상품은 옵션 스타일이 '셀렉트박스'로 자동 설정됩니다.
      ※ '옵션 스타일 - 셀렉트박스' 유형 이외의 옵션 스타일은 디자인 설정을 해야 적용이 가능합니다.



    [함께보기] 상품 옵션 설정 관련 가이드


    [관련 TIP 보기]



  • 네이버 웹마스터도구 1
    네이버 검색등록 서비스 종료 및 네이버 웹마스터 도구 안내

      쇼핑몰을 네이버 검색에 반영하기 위한 '네이버 검색등록' 서비스는 종료되었습니다.
      예전처럼 '네이버 검색등록'에서 검색 등록 없이 '네이버 웹마스터도구'에서 쇼핑몰 소유 확인과 검색엔진 최적화
      진행하신 후 쇼핑몰을 관리, 운영하시면 별도 등록 절차 없이 네이버 검색에 반영될 수 있습니다.
      '네이버 웹마스터도구'에서 소유 확인을 하지 않아도 자동으로 네이버 검색에 반영될 수 있지만 쇼핑몰 소유 확인을 진행하시면 쇼핑몰의 검색엔진 최적화와
      네이버 검색에 반영에 도움이 되는 정보를 제공 받을 수 있습니다.


      1. '네이버 웹마스터도구'에서 사이트를 인증하는 것으로 네이버 검색 반영 대상에 포함됩니다.
      2. 검색 로봇이 수집한 정보에 기반하여 사이트 정보가 반영됩니다.
      3. 사이트의 인기도와 사용자의 선호도가 반영된 로직으로 사이트 또는 웹문서 영역에 자동으로 노출됩니다.
      4. 웹표준을 준수하고 사용자들이 선호하는 사이트가 사이트 검색 결과에 노출됩니다.




    네이버 웹마스터도구 이용 안내

      네이버 검색에 잘 노출될 수 있도록 쇼핑몰을 관리하려면 '검색엔진 최적화' 작업을 진행하는 것이 좋습니다.
      검색엔진 최적화 작업은 사이트 내 컨텐츠 정보를 검색엔진이 잘 이해할 수 있도록 정리하는 작업입니다.
      이 작업을 통해 사이트 내 컨텐츠가 네이버의 검색 결과에 누락되지 않도록 조치할 수 있으며, 무엇보다 사용자가 원하는 컨텐츠의 내용을 명확하게 네이버
      검색엔진에게 알려 줄 수 있습니다.

      '네이버 웹마스터도구'를 통해 네이버 검색 반영을 위해서 '네이버 웹마스터도구'에서 ' 사이트 소유 확인'이 필요하며, 소유 확인 후 '② 사이트 노출'을 관리해
      주는 것이 좋습니다.



    네이버 웹마스터도구 - 사이트 소유 확인하기

      1. '네이버 웹마스터도구'로 이동하여 로그인합니다. 로그인 후 연동할 사이트 추가를 진행합니다. 쇼핑몰의 주소(URL)를 입력하고 '확인'을 클릭합니다.


        


        


      2. 사이트의 소유 확인은 2가지 방법이 있습니다. 'A. HTML 태그'와 'B. HTML 파일 업로드' 방식이 있습니다.

        A. HTML 태그 : 메타태그를 쇼핑몰 HTML 파일에 직접 입력하는 방법입니다.

          (1) '네이버 웹마스터도구'의 '사이트 소유 확인'에서 'HTML 태그'를 선택 후 '메타태그'를 복사합니다.


        


          (2) 쇼핑몰 관리자의 '상점관리 > 운영관리 > 검색엔진 최적화(SEO)'를 클릭합니다.


      [ 검색엔진최적화 동영상보기 클릭 ]


        

               

          (3) 고급 설정 탭으로 이동하여 'Head 태그 소스' 영역에 복사한 메타태그를 입력합니다.


        


          (4) 쇼핑몰에 메타태그 입력이 완료되었으면 '네이버 웹마스터도구'에서 '확인'을 클릭합니다.
                '확인'을 클릭하면 사이트 소유 확인이 완료된 것을 확인할 수 있습니다.

        


        ※ 쇼핑몰관리자의 디자인관리에서도 입력이 가능하며 아래를 참고하여 수정하시기 바랍니다.

          (1) 쇼핑몰 관리자의 '디자인관리' 메뉴에서 적용할 쇼핑몰 스킨의 '디자인 수정'을 클릭하여 편집창으로 이동합니다.

        


          (2) 편집창의 '전체화면보기 > 레이아웃 > 기본 레이아웃 > 공통 레이아웃'을 클릭하여 '공통 레이아웃(layout.html)'으로 이동합니다.
                HTML 파일의 <head>에 복사한 메타태그를 입력합니다. 입력 후 HTML 파일을 저장합니다.
                네이버 웹마스터 도구에서 '확인'을 클릭하면 사이트 소유 확인이 완료된 것을 확인할 수 있습니다.

        


        



        B. HTML 파일 업로드 : 'HTML 확인 파일'을 다운로드하여 쇼핑몰에 업로드하는 방법입니다. (권장)

          (1) '네이버 웹마스터도구'의 '사이트 소유 확인'에서 'HTML 파일 업로드'를 선택 후 'HTML 확인 파일'을 다운로드합니다.

        


          ※ Internet Explorer 8(인터넷 익스플로러 8)에서 다운로드가 실행되지 않을 수 있으니 Internet Explorer 8(인터넷 익스플로러 8) 상위 버전

              또는 Google Chrome(크롬)에서 다운로드를 실행해 주시기 바랍니다.


          (2) 쇼핑몰 관리자의 'FTP > 웹FTP > 웹FTP 접속'으로 이동하여 쇼핑몰 FTP에 접속합니다.

        


          FTP 사용법에 대해 알고 싶으시다면 아래 FAQ를 참고하시기 바랍니다.

         ▶ [FAQ] 웹 FTP는 어떻게 사용하나요? (클릭)


          (3) 쇼핑몰 FTP의 최상위 폴더에 (A)에서 다운로드 받았던 'HTML 확인 파일'을 업로드합니다.

        


          (4) 쇼핑몰에 HTML 파일 업로드가 완료되었으면 '네이버 웹마스터도구'에서 '확인'을 클릭합니다.
                '확인'을 클릭하면 사이트 소유 확인이 완료된 것을 확인할 수 있습니다.

        


      ※수집시간이 오래 걸릴 경우에는 웹마스터도구 ( http://webmastertool.naver.com/ ) 요청 > 페이지 수집에서 재수집이 가능합니다.

        사이트맵, RSS와 같은 설정 등은 등록을 하더라도 즉시 반영이 되지 않고 수시간 정도의 시간이 소요될 수 있습니다.

        반영이 오래되지 않을 경우 아래를 참고하여 네이버 고객센터로 문의하시기 바랍니다.

        ▶네이버 공식 블로그 (클릭)

        ▶네이버고객센터 (클릭) 

         └ 통합검색 > 오류 해결하기 > 알기 쉽게 오류 해결하는 방법이 있나요 ? > 클릭 하여 접수하기



    [함께보기] 네이버 웹마스터도구 관련 FAQ
  • 네이버 웹마스터도구 2
    네이버 웹마스터 도구 이용 안내

      네이버 검색에 잘 노출될 수 있도록 쇼핑몰을 관리하려면 '검색엔진 최적화' 작업을 진행하는 것이 좋습니다.
      검색엔진 최적화 작업은 사이트 내 컨텐츠 정보를 검색엔진이 잘 이해할 수 있도록 정리하는 작업입니다.
      이 작업을 통해 사이트 내 컨텐츠가 네이버의 검색 결과에 누락되지 않도록 조치할 수 있으며, 무엇보다 사용자가 원하는 컨텐츠의 내용을 명확하게 네이버
      검색엔진에게 알려 줄 수 있습니다.

      '네이버 웹마스터도구'를 통해 네이버 검색 반영을 위해서 '네이버 웹마스터도구'에서 '사이트 소유 확인'이 필요하며, 소유 확인 후 '② 사이트 노출'을 관리해
      주는 것이 좋습니다. '사이트 소유 확인'은 FAQ '[네이버 웹마스터도구] ① 사이트 소유 확인하기'에서 확인하실 수 있습니다.

       네이버 웹마스터도구 바로가기 (클릭)




    네이버 웹마스터도구 - 사이트 노출하기


      1. '네이버 웹마스터도구'에서 '사이트 소유 확인'이 완료된 후, 소유 확인이 완료된 사이트 목록에서 사이트 주소(URL)을 클릭하면 사이트 노출 현황을
          확인할 수 있습니다.

       


      2. 사이트명
          사이트에 입력된 사이트 제목(이름)으로 HTML 파일의 <head> 태그 내에 있는 <title> 태그가 활용됩니다.
          사이트명은 사이트의 타이틀(제목) 태그로 사이트를 대표하는 브랜드명, 특징으로 볼 수 있습니다. 쇼핑몰과 컨텐츠의 특징을 나타낼 수 있는 키워드를
          활용하는 것이 좋습니다.

         사이트 명은 HTML 문서의 <head> 태그내에 있는 <title> 태그를 활용합니다
         <head>
         <title>페이지 제목</title>
         </head>

      3. 사이트설명
          사이트 설명은 HTML 문서의 <head> 태그 내에 있는 description 메타태그가 활용됩니다.
          메타태그란 HTML 문서 규칙에 의해 맨 위쪽 또는 Head 태그 사이에 위치하는 태그로 브라우저와 검색 엔진을 사용할 수 있도록 문서의 정보를 포함합니다.
          사이트의 특징을 나타낼 수 있는 메타태그를 설정하면 설정한 키워드, 설명으로 검색 결과에 노출될 수 있습니다.

          사이트 설명은 HTML 문서의 <head> 태그내에 있는 <meta> 태그를 활용합니다
          <head>
          <meta name="description" content="페이지 설명">
          </head>

          1) 사이트명과 사이트 설명을 설정하기 위해 '상점관리 > 운영관리 > 검색엔진 최적화(SEO)'로 이동합니다.

          2) SEO 태그 설정 탭에서 SEO 태그 사용 설정을 "사용함"으로 설정합니다.

         


          3)'쇼핑몰 SEO 태그 설정'에 '브라우저 타이틀 : Title'에 사이트명을 입력하고, '메타태그2 : Description'에 사이트설명을 입력합니다.

         


      4. Open Graph 제목, Open Graph 설명

          Open Graph 제목은 HTML 문서의 <head> 태그 내에 있는 og:title 메타태그가 활용되고, Open Graph 설명은 HTML 문서의 <head> 소스 내에 있는
          og:description 메타태그가 활용됩니다.
          Open Graph는 사이트가 공유될 때 우선적으로 활용되는 정보로 웹페이지 내의 정보가 잘 보일 수 있도록 구성되어 있는 형식입니다.

        1) Open Graph 입력을 위해 '상점관리 > 운영관리 > 검색엔진최적화(SEO)' 메뉴에서 고급설정 탭으로 이동합니다.

       


        2) HTML 태그 직접입력 > Head 태그 소스에 아래 태그를 추가하신 뒤, 태그의 파란색으로 표기된 부분을 수정하여 사용하시면 됩니다.
          ※ 모바일 쇼핑몰 탭을 클릭하여 모바일 쇼핑몰에도 동일하게 적용 가능합니다.

       


     <meta property="og:type" content="website">
     <meta property="og:title" content="사이트 제목">
     <meta property="og:description" content="사이트 설명">
     <meta property="og:image" content="쇼핑몰 소개 이미지 경로">
     <meta property="og:url" content="대표도메인">


          Open Graph 소스와 관련된 자세한 사항은 '네이버 웹마스터도구'에서 확인할 수 있습니다.



      5. robots.txt
         사이트 루트에 있는 robots.txt 파일로 사이트를 각종 검색엔진의 검색 로봇에서 제외하는 표준 규약입니다.

         robots.txt은 '상점관리 > 운영관리 > 검색엔진 최적화(SEO)'로 이동, 기본 설정 탭의 '검색로봇 접근 제어''robots.txt 내용'에 입력할 수 있습니다.
         자세한 내용은 'robots.txt 내용'의 도움말에서 확인하실 수 있습니다.

      6. 사이트맵
          사이트맵은 사이트 내의 수집 대상 URL을 담은 XML 형식의 파일입니다. 사이트의 전체 구조를 알 수 있도록 XML 파일을 등록하면 사이트 내에
          수집되어야 할 페이지들을 검색 로봇에게 알려줄 수 있습니다.

          사이트맵은 '상점관리 > 운영관리 > 검색엔진 최적화(SEO) > 고급설정(탭)'로 이동, '사이트맵 설정'에서 생성할 수 있습니다.

          1) 사이트맵 사용을 '사용함'으로 변경하시면 다음날 새벽에 자동으로 사이트맵 생성이 완료됩니다.

       


          2) 생성 완료된 사이트맵을 네이버에 제출하기 위해 네이버 웹마스터도구로 이동하여, '요청 > 사이트맵 제출''sitemap.xml'을 입력한 후 확인을 클릭합니다.


       

          3) 사이트맵 제출 완료 시 다음과 같이 제출된 사이트맵을 확인할 수 있습니다.

       


      7. RSS
          RSS는 사이트에 RSS 파일을 담아놓고 해당 주소를 사용자(방문자)에게 공개하면 방문자는 RSS 리더 프로그램을 통해 쇼핑몰의 최신 상품을 편리하게
          접할 수 있습니다.
          RSS는 사용자 뿐만 아니라 검색 로봇에게 최신 컨텐츠 URL에 대한 정보를 제공하여 검색엔진에 페이지가 잘 수집될 수 있도록 도울 수 있습니다.

          RSS는 '상점관리 > 운영관리 > 검색엔진 최적화(SEO)> 고급설정(탭)'로 이동, 'RSS 피드 설정'에서 생성할 수 있습니다.

          1) RSS 피드 사용을 '사용함'으로 변경한 후 설정을 저장하면 즉시 RSS파일이 생성됩니다.

       


          2) 생성된 RSS 파일 경로를 복사합니다.

       


          3) 생성 완료된 RSS파일경로를 네이버웹마스터 도구의 '요청 > RSS 제출'에 붙여넣기합니다.

       


          4) RSS 제출 완료 시 다음과 같이 확인할 수 있습니다.

       


      8. 모바일 사용성
          모바일 사용성은 HTML 파일의 <head> 태그내에 있는 <meta> 태그가 활용됩니다.
          모바일 사용성은 반응형 웹 디자인으로 구현된 사이트인지 판별합니다.
          반응형 웹은 웹 브라우저가 웹문서의 가로 폭을 기기의 스크린 크기에 맞게 자동적으로 조절하는 기법입니다.
          반응형 웹은 다양한 크기를 지원하는 모바일 환경에서 사용자가 페이지의 확대, 축소 없이 웹 컨텐츠를 보다 쉽게 접할 수 있도록 도와줍니다.

          모바일 사용성을 설정하기 위해 쇼핑몰 관리자의 '디자인관리' 메뉴에서 적용할 쇼핑몰 스킨의 '디자인 수정'을 클릭하여 편집창으로 이동합니다.
          편집창의 '전체화면보기 > 레이아웃 > 기본 레이아웃 > 공통 레이아웃'을 클릭하여 '공통 레이아웃(layout.html)'으로 이동하여 아래의 소스를 입력해 주시기
          바랍니다.

     <head>
     <meta name="viewport" content="width=device-width">
     </head>

          쇼핑몰이 모바일 앱으로도 제공이 가능하다면 앱 링크 정보를 넣어주시기 바랍니다. 앱 링크는 쇼핑몰 앱을 설치한 사용자가 웹페이지로 방문할 때 앱으로
          연결될 수 있도록 도와줍니다. 자세한 사항은 '네이버 웹마스터도구'에서 확인할 수 있습니다.


      ※ 쇼핑몰 관리자 '상점관리 > 운영관리 > 검색엔진 최적화(SEO)'의 'SEO 설정 범위'에서 'HTML 태그에 직접 삽입한 설정만 적용합니다.'로 설정하였을 경우
          쇼핑몰 관리자의 '디자인관리' 메뉴에서 '디자인 수정'을 클릭, 편집창(HTML 파일 수정)으로 이동하여 직접 태그를 입력해 주시기 바랍니다.



      ※수집시간이 오래 걸릴 경우에는 웹마스터도구 ( http://webmastertool.naver.com/ ) 요청 > 페이지 수집에서 재수집이 가능합니다.

        사이트맵, RSS와 같은 설정 등은 등록을 하더라도 즉시 반영이 되지 않고 수시간 정도의 시간이 소요될 수 있습니다.

        반영이 오래되지 않을 경우 아래를 참고하여 네이버 고객센터로 문의하시기 바랍니다.

        ▶네이버 공식 블로그 (클릭)

        ▶네이버고객센터 (클릭) 

         └ 통합검색 > 오류 해결하기 > 알기 쉽게 오류 해결하는 방법이 있나요 ? > 클릭 하여 접수하기

  • 결제서비스(PG) 신청은 어떻게 하나요?
    결제서비스 신청 안내
     
      카페24는 국내 최고의 PG사와 제휴하여 빠르고 안전한 결제서비스를 제공하고 있습니다.
      PG사 선택은 운영자의 자유이나, 도중에 PG사를 변경할 경우 기존 PG 서비스 사용을 해지 후에 신규 신청이 가능하며, 신규 신청 시 가입비가 부과됩니다.

    카드결제·계좌이체 / 간편결제 / 휴대폰결제 서비스 신청 방법


      1. PG사 선택

          쇼핑몰 관리자의 '상점관리 > 결제관리 > 통합결제(PG) > 서비스 신청'에서 PG사를 선택합니다.


       


      2. 신청서 작성

          PG사를 선택하신 후 '신청하기' 버튼을 클릭하여 신청서를 작성합니다.

       


      3. 가입비 결제

          작성한 신청서 내용을 최종 확인 후 가입비를 결제합니다.

       



      4. 계약서 발송 / 심사

          PG사와 카드사의 심사를 위해 계약서를 발송합니다.


        A. 개인사업자 구비 서류 : 서비스계약서, 사업자등록증, 결제계좌 통장 사본, 대표자인감증명서

            (PG사에 따라 구비 서류가 추가될 수 있습니다.)

        B. 법인사업자 구비 서류 : 서비스계약서, 사업자등록증, 결제계좌 통장 사본, 법인등기부등본, 법인인감증명서, 사용인감계


      5. 심사 완료

          PG사와 카드사 심사가 완료되면 자동으로 이용중 단계로 변경되며 변경된 이후에는 쇼핑몰에서 결제가 가능합니다.

       


      ※결제서비스 신청 후 PG사에서 심사완료로 확인되나 쇼핑몰관리자의 '상점관리 > 결제관리 > 통합결제(PG) > 이용현황' 에서 심사대기 단계일 경우

      카페24 쇼핑몰 고객지원센터(1588-3413)로 문의주시기 바랍니다.




    사업자 변경으로 PG 재신청 시 안내


      사업자 변경으로 PG 재신청 시 동일한 사업자에 한하여 초기 가입비가 면제될 수 있습니다.

      초기 가입비가 면제되는 경우는 아래와 같습니다.


      1. 카페24 회원으로 동일한 사업자번호로 쇼핑몰을 추가 운영하는 경우

      2. 카페24 쇼핑몰을 동일한 사업자번호로 타인에게 양도 / 양수하는 경우

      3. 대표자명은 동일하고 개인사업자에서 법인사업자로 전환하여 사업자번호가 변경되는 경우

         (증빙할 서류가 있어야합니다.)

      4. 사업자번호는 동일하나 대표자명만 변경되는 경우


    [함께보기] 결제서비스(PG) 관련 FAQ

    ▶추가로 운영하는 쇼핑몰에 PG 세팅이 가능한가요? (클릭)


  • 도메인 구입 및 연결방법

    도메인연결방법

     

      1. 관리자 페이지 '상점관리 > 기본정보관리 > 도메인설정 ' 페이지에 접속합니다.

     

      2. 해당 페이지의 대표 도메인 또는 추가 도메인 항목에 있는 '추가 도메인 연결' 버튼을 클릭합니다.


      3. 팝업창이 열리면, 연결할 도메인의 '쇼핑몰 선택'을 하고, '도메인'을 입력합니다.


      4. 선택과 입력이 모두 완료되면, '연결하기'버튼을 누르고 창이 닫히면 도메인 연결 목록을 확인합니다.

     

       



    도메인연결 확인

     

      1. 연결된 도메인은 아래 목록에서 확인 가능합니다.


       


     

    도메인 구입 및 연결 시 주의사항

     

      1. 카페24 호스팅센터에서 도메인 구입이 가능하며, 이미 타사에서 구입한 도메인이 있다면 '도메인네임서버(DNS)' 변경 후 연결하여 사용 가능합니다.

      (카페24에서 구입한 경우 DNS 변경 없이 바로 연결 가능합니다.)  [도메인 구입하러 가기]


      2. 카페24에서 구입한 도메인의 경우 30분~1시간정도 소요됩니다.


      3. 타사에서 구입한 도메인은 24~48시간정도 소요됩니다. (네임서버 변경일 기준)


  • 사이트 제목(브라우저 타이틀), 소개 설정 방법



     검색엔진최적화(SEO) 설정 또는 디자인 수정 작업이 필요합니다.


    ※ 스마트 디자인과 뉴상품 관리를 이용중인 쇼핑몰에만 적용되는 내용입니다.

    검색엔진최적화 설정을 이용하는 방법

      1. 쇼핑몰 관리자의 '상점관리 > 운영관리 > 검색엔진 최적화(SEO)'를 클릭합니다.

        


      2. 'SEO 태그 설정 탭에서 SEO 태그를 '사용함'으로 설정합니다. 해당 설정을 '사용안함'으로 설정하시면 사용자 디자인에 있는 태그를 사용합니다.

        


      ※ 기존에 HTML 태그를 혼용하여 사용하였던 경우 'HTML 태그 우선순위 설정'이 노출됩니다.

          이 경우 'HTML 태그 사용안함'을 해주시면 SEO 설정을 적용할 수 있습니다.   


      3. 주요 페이지 SEO태그 설정 타이틀(title)에서 상품분류, 상품상세, 게시판 페이지별로 타이틀을 입력할 수 있습니다.
         그 외의 페이지는 공통정보 설정에 따라 타이틀이 표시됩니다.
         타이틀 입력시 변수를 사용하면 상품분류별, 상품별, 게시판별로 고유한 내용을 타이틀에 사용할 수 있습니다.

        


      4. 


        

        



    디자인 소스를 수정하는 방법


      1. 쇼핑몰 관리자의 '상점관리 > 운영관리 > 검색엔진 최적화(SEO)' 메뉴로 이동합니다.


        


      2. SEO 태그 설정 탭에서 SEO 태그를 '사용안함'으로 설정합니다.


        


      3. 쇼핑몰 관리자의 '디자인 관리'에서 '디자인 수정하기'를 클릭하여 스마트디자인 편집창을 엽니다.


        


      4. 스마트 디자인 편집창의 왼쪽 메뉴에서 브라우저 타이틀을 입력하고자 하는 메뉴를 선택합니다.


        


      5. 선택한 메뉴의 레이아웃 파일을 불러오는 코드를 찾아 파일 열기 버튼를 클릭합니다.

        A. 레이아웃 파일을 불러오는 코드는 <!--@layout 으로 시작하며, 보통 1번 줄에 있습니다.

        B. 레이아웃 파일을 불러오는 코드에 마우스를 올리시면(온마우스) 파일열기 버튼이 나타납니다.


        


      6. 레이아웃 파일에서 <title> 태그를 찾아 <title> 태그 뒤에 있는 문구를 수정합니다.

       ※ Ctrl + F를 누르신 후 <title>로 검색하시면 빠르게 찾을 수 있습니다.


        


      7. <title> 태그가 존재 하지 않는다면 다음 문구를 <head> 태그 다음줄에 입력합니다. 수정하실문구 부분에 브라우저 타이틀에 노출될 문구를 입력하면 됩니다.

         <title>수정할 문구</title>

         ※ Ctrl + F를 누르신 후 <head>로 검색하시면 빠르게 찾을 수 있습니다.


      8. 상단의 저장 버튼을 클릭하면 수정이 완료됩니다.



  • 디자인 매뉴얼 및 원본 확인방법

    [ 디자인 매뉴얼 및 원본 확인방법 ]


    디자인 셋팅작업이 완료되면 완료문자를 발송해드립니다.

    완료문자를 받으신 후 주문서작성 페이지에서 작성하신 주문서의 답글로 매뉴얼 확인이 가능하십니다.


    작성하신 주문서를 확인하기 어려우시다면 검색창이 있습니다.

    검색창에 고객님 쇼핑몰 아이디를 입력하시면 주문서와 매뉴얼 확인이 가능하시겠습니다.




    매뉴얼 확인시 패스워드를 넣어야됩니다.

    해당 패스워드는 주문서 작성시 설정하신 글의 패스워드입니다. 꼭 잊어버리지 마시고 기억해두세요.


    매뉴얼은 디자인과 버젼에 따라 매뉴얼의 버젼도 다르게 제작됩니다.

    그래서 일괄적으로 제공해드리지 않고 각각 제공해드립니다.


    디자인 원본 PSD 파일은 매뉴얼에 첨부되어 있습니다. 매뉴얼을 꼼꼼하게 확인해주세요.


    ** 매뉴얼보다는 운영 매뉴얼을 우선 다 확인해주시구요.

       매뉴얼에는 버릴 내용이 하나도 없으니 꼼꼼하게 확인해주세요~


  • [SNS로그인연동] 네이버, 카카오, 페이스북, 구글 계정 로그인을 쇼핑몰에 연동 방법


     '프로모션 > SNS 관리 > SNS 로그인연동 관리'에서 사용여부를 설정할 수 있습니다.


    쇼핑몰에 SNS 로그인 연동을 하려면 SNS별 클라이언트(앱) 아이디 또는 키값을 발급 받은 후 해당 정보를 쇼핑몰 관리자에 입력해야 합니다.
    카페24에서는 아래와 같이 네이버, 페이스북, 구글 및 카카오 계정으로 쇼핑몰에 로그인할 수 있도록 지원하고 있습니다.



       

     


    SNS별 클라이언트(앱) 아이디 또는 키값 발급 방법

      연동하고자 하는 SNS의 클라이언트(앱) 아이디를 발급 후에 SNS 로그인 연동을 적용할 수 있습니다.

      클라이언트(앱) 아이디는 로그인 연동을 하고자 하는 소셜네트워크(SNS)별로 각각 발급받아야하며
      기존에 발급된 클라이언트(앱) 아이디 또는 키값이 없다면 각 SNS 개발자센터에서 발급받은 후에 SNS 로그인연동을 적용할 수 있습니다.


      ▶ 페이스북 클라이언트(앱) 아이디 발급 방법 (클릭)

      ▶ 카카오 계정(앱) Rest API 키값 발급 방법 (클릭)

      ▶ 네이버 클라이언트(앱) 아이디 발급 방법 (클릭)

      ▶ 구글 클라이언트(앱) 아이디 발급 방법 (클릭)



    SNS 로그인 연동 쇼핑몰 적용 방법 (예시 : 네이버 로그인연동)


      1. 카페24 관리자의 '프로모션 > SNS 관리 > SNS 로그인연동 관리'를 클릭합니다.   

     

       



      2. 쇼핑몰에 연동하고자 하는 '네이버 로그인' 항목의 '사용안함'으로 선택되어 있는 값을 '사용함'으로 변경합니다.

     

       



      3. 네이버 개발자센터에서 발급받은 클라이언트 아이디(Client ID) 및 클라이언트 시크릿(Client Secret) 정보를 각각 입력한 후 [저장]버튼을 클릭합니다.


       

     

       


      ※ 사용설정 저장 후 표시되는 알림창에서 [확인]을 클릭하면 SNS회원가입항목을 설정하는 페이지로 이동하여 SNS 회원가입항목을 바로 설정할 수 있습니다.



      4. 쇼핑몰 로그인화면에서 아래와 같이 네이버 로그인이 정상적으로 연동된 것을 확인합니다.


       




  • 파비콘 등록은 어디서 하나요?

    아래 순서대로 파비콘을 등록하실 수 있습니다.


    ※ 파비콘(favicon)이란?

    즐겨찾기(favorites) + 아이콘(icon)의 합성어로 주소창 좌측에 조그만 아이콘으로 표시되는 것입니다.


     

    [아이콘 등록 방법]

     

    1. 관리자 페이지 '디자인관리 > 디자인 기능설정 >쇼핑몰 알리미 > 파비콘 설정'에서 등록 및 수정이 가능합니다.

      
       


    주의사항

    1) 파비콘은 16px*16px 크기의 이미지를 제작하여 ico 확장자로 등록해 주세요.

      .ico 확장자가 아닐 경우 등록이 되지 않습니다.

    2) 해외몰 운영 시 해외몰 별로 파비콘은 별도로 등록 해주시기 바랍니다.



    [적용 예시]


       

  • 디자인의 백업 및 복구는 어떻게 하나요?

    디자인관리 메뉴에서 간단한 방법으로 수동 백업 및 복구가 가능합니다.


    [디자인 수동 백업 방법]


    ※ 수동 백업에 관한 설명이며, 매일 새벽 5시경 24시간 내 관리자 로그인 기록이 있는 경우 시스템에서 자동으로 백업합니다.


    1. 쇼핑몰 관리자의 '디자인관리 > 디자인 관리 > 디자인 백업·복구 > 디자인백업 탭'으로 이동합니다.




    2. 백업하고자 하는 디자인을 선택 후, '백업하기' 버튼을 클릭합니다.

    ※ HTML 파일만 백업되며, 이미지 파일은 백업되지 않으니 참고 바랍니다.




    [디자인 복구 방법]


    1. 쇼핑몰 관리자의 '디자인관리 > 디자인 관리 > 디자인 백업·복구 > 디자인복구 탭'으로 이동합니다.




    2. 복구하고자 하는 디자인의 '복구' 버튼을 클릭합니다.



     '다운로드' 버튼 클릭 시, 백업된 파일이 PC로 다운로드 됩니다.

    ※ 백업된 디자인의 보관기간은 최대 7일로 제한되어 있으므로, 장기 보관을 원하실 경우 다운로드를 받아 보관하시기 바랍니다.



    PC에 저장된 디자인 복구는, '내 컴퓨터에서 복구' 버튼을 이용해주세요.

    (단, 파일명의 형식이 달라지면 복구가 불가능하므로 파일명을 유지해주시기 바랍니다.)


  • 실수로 디자인 소스를 삭제했어요. 복구 방법이 있나요?

    디자인 소스를 실수로 삭제하신 경우 다음 두 가지의 경우로 나누어 복구가 가능합니다.



    [디자인 파일은 남아 있으나, 소스만 삭제하신 경우]


    1. 관리자 페이지 '디자인관리' 메뉴의 '디자인편집하기' 버튼을 클릭하여 스마트 디자인 편집창을 노출합니다.


      



    2. 좌측 메뉴에서 소스 복구가 필요한 파일을 선택하시고 '히스토리' 버튼을 클릭합니다.


      



    3. 디자인 소스가 백업되어 있는 날짜중에서 원하시는 날짜를 선택 하시면 디자인 소스가 복구됩니다.


      



    4. 원하는 소스로 복구 되었는지 확인하신 후 저장 버튼을 눌러 해당 파일을 저장합니다.


      




    [디자인 파일까지 삭제하신 경우]


    1. 다수의 파일을 삭제하신 경우 '디자인 복구' 기능을 이용하실 수 있습니다.

       관리자 페이지에 로그인 하신 이력이 있는 경우 익일 새벽 자동으로 스킨 백업이 진행되고 있습니다.

    2. 관리자 페이지 '디자인관리 > 디자인 관리 > 디자인 백업·복구' 메뉴에서 원하시는 스킨/날짜의

       복원 버튼을 클릭하시면 백업된 스킨 파일의 복원이 가능합니다.


      



    3. 단, 개별 파일이 아닌 스킨 전체가 선택하신 시점으로 복구되므로 복구 시 주의가 필요하며,

       개별 파일의 복구가 필요하신 경우 1:1게시판 하기내용 참고하여  문의 부탁 드립니다.


       ■데이터복구 요청시 ( 해당 내용 ) 
           - 폴더 삭제한 날짜 / 폴더명 / 파일명 (필수)
           - 현재 엑박 위치 url (권장)


        데이터 보존기간 : 7일
        예) 월요일 삭제 시 차주 월요일까지 보존, 차주 화요일부터 복구 불가
        ※ 작업 시 보존기간을 확인하시어, 고객님의 PC에 백업하신 후 진행하시기 바랍니다.

        ※ 복구 대상은 '스킨' 만 해당하며, FTP에 업로드 하신 이미지 파일은 복원되지 않습니다.

  • 상품 등록/수정 시 등록되는 상품 이미지 사이즈 변경

    ※ 뉴상품관리를 사용하는 쇼핑몰에만 적용되는 내용입니다.


    카페24에서는 쾌적한 쇼핑몰 환경을 위해 상품 이미지 등록 시 지정한 사이즈로 이미지가 자동 변경되는

    '이미지 리사이징' 기능이 적용되어 있습니다.

     

    상품 등록/수정 수정창에서 각 쇼핑몰 설정에 맞게 등록되는 이미지의 사이즈를 설정하실 수 있습니다.


    한 번 설정된 이미지 사이즈는 다른 상품 이미지를 등록 할 때도 동일하게 유지되며,

    상품 이미지 사이즈 값을 변경하더라도 기존에 등록된 이미지에는 영향을 미치지 않습니다.

     

     

     

    [상품 등록 시 이미지 사이즈 변경 방법]

     

    1. 관리자 페이지 '상품관리 > 상품 등록 > 상품 등' 메뉴의 '이미지 등록' 항목에서 '이미지 사이즈 변경' 버튼을 클릭합니다.

       

     

     

     

    2. 이미지 사이즈 변경 레이어에서 각 이미지별로 등록 기준이 되는 사이즈를 입력하시고 저장 버튼을 누르시면
       
    이후 등록하는 이미지 부터 기준에 맞도록 변경되어 저장됩니다.

    ※ 간단 등록 시에는 이미지 사이즈 변경이 되지 않습니다
     

       

     

     


    [상품 수정 시 이미지 사이즈 변경 방법]

     

    1. 관리자 페이지 '상품관리 > 상품관리 > 상품목록' 메뉴에서 원하는 상품을 검색/클릭하여 상품 수정 팝업 노출 후

     

     

     

     

    2. 상품 수정 팝업에서 '이미지 등록' 항목의 '이미지 사이즈 변경' 버튼 클릭하여 이미지 사이즈 변경 레이어를 노출합니다.

     

     

     

     

     

    3. 이미지 사이즈 변경 레이어에서 등록 기준이 되는 이미지 사이즈를 입력하시고 저장 버튼을 누르시면
       
    이후 수정 및 등록하는 이미지 부터 기준에 맞도록 변경되어 저장됩니다.

        샘플 쇼핑몰은 아래와 같이 500x500으로 셋팅되어 있습니다.

     

     



     

    ***


    샘플 쇼핑몰은 모든 이미지가 기본 500 * 500 픽셀로 등록이 됩니다.

    가로값이 최소 500픽셀입니다.

  • 상품 목록이 깨져서 나옵니다

    상품명에 잘못된 태그를 사용한 경우, 다른 상품의 스타일까지 모두 바뀌게 됩니다.


    상품명 입력 시 간단한 태그를 함께 사용하실 수 있습니다.


    예시: <font color="blue">올 가을 신상품</font> <font color="red"><b>대 파격 할인 세일</b> <u>초특가 대박 상품</u></font>

     

    상품명에 태그를 사용하면 상품별로 다른 스타일을 줄 수 있어 쇼핑몰을 더욱 화려하게 만들어 줄 수 있습니다.

    하지만 태그를 정상적으로 사용하지 않을 경우 태그를 사용하지 않은 부분에도 영향을 미칠 수 있으므로

    아래 사항을 확인하시어 태그를 정상적으로 사용 하여 주시기 바랍니다.


    목록이 깨지기 직전의 상품을 확인해주세요.




     

    [종료 태그 지키기]


    1. 태그 중에는 시작 태그만 있어도 되는 태그와, 종료 태그를 반드시 사용해야 하는 태그가 있습니다.

      A. 시작태그만 있어도 되는 태그: <br>, <img>

      B. 종료 태그도 사용해야 하는 태그 : <span></span>, <font></font>, <p></p>, <div></div>, <strong></strong>, <u></u>, <b></b>

     



    [종료 태그가 필요함에도 불구하고 사용하지 않았을 경우]


    종료 태그를 입력하지 않으면 웹 브라우는 태그가 끝났다는 명령을 받지 못해 계속 그 명령을 수행하게 됩니다.

    태그가 제대로 사용되지 않았을 경우 일부 웹 브라우저는 태그의 사용이 잘못된것을 파악하고 바로 잡아서 노출되는 경우도 있지만,

    브라우저에 따라 어떤 형태로 디자인이 노출될지 알 수 없습니다.


    또한 태그 사용은 상품명에 국한되지 않고 많은 부분에 영향을 미치게 되므로 종료 태그가 필요한 태그를 사용하실 경우 반드시

    종료태그를 사용해주셔야 합니다.

     



    [태그 중첩]


    1. 태그 중첩이란 한 번에 여러개의 태그를 동시에 사용하는 것을 말하며,

       아래 예시와 같이 태그를 동시 사용하는 것이 태그 중첩입니다.

      A. 예시 : <font color="blue"><b>올 가을 신상품</b></font>

     

    2. 이렇게 태그를 중첩으로 쓸 때는 반드시 마지막에 사용한 태를 먼저 닫아주어야 하며,

       태그를 사용한 것과 역순으로 닫는 태그를 사용해야 합니다.

      A. 옳은 예시: <font>  <b>  <u>  올 가을 신상품 </u>  </b>   </font>

      B. 틀린 예시: <font>  <b>  <u>  올 가을 신상품 <font> </u>  </b>

     

    3. 태그중첩이 잘못된 경우도 종료 태그를 사용하지 않은 것과 유사한 문제가 발생할 수 있습니다.


  • 갤러리 게시판의 썸네일이 흐릿하게 보여요.

    [ 갤러리 게시판의 자동 리사이징 기능 ]


      갤러리 게시판은 썸네일 이미지(목록 이미지)의 리사이징 기능을 제공하고 있습니다.

      리사이징 원본 이미지가 설정한 값에 맞게 조정되는 기능입니다.

      리사이징을 사용하는 경우 갤러리 게시판의 썸네일 이미지 크기를 지정해주는 CSS 파일의 가로(width), 세로(height) 값과 동일하거나

      큰 값으로 설정 값을 넣어야 선명한 썸네일 이미지를 확인할 수 있습니다.

      만약 CSS에서 지정된 값보다 리사이징 설정한 가로, 세로 값의 크기가 작다면 작은 이미지로 등록되어 흐릿하게 이미지가 구성됩니다.


      1. 갤러리 게시판의 자동 리사이징 기능을 설정하기 위해 쇼핑몰 관리자의 '게시판관리 > 게시판 > 게시판 관리'로 이동하여 '갤러리'를 클릭합니다.


       


      2. '갤러리' 클릭 시 '갤러리 게시판 정보' 팝업이 나타나며, 항목 중 '목록 이미지 리사이징 설정크기'로 자동 리사이징 기능을 사용할 수 있습니다.


       


      스마트디자인 사용자의 경우 '스마트디자인편집창'에 목록 이미지 리사이징 크기 설정이 기본적으로 입력되어 있기 때문에 리사이징 기능을 사용하고자 할 경우

      '디자인 편집'에 갤러리 게시판 썸네일 이미지 크기를 지정해주는 CSS를 제거하거나 주석 처리해 주셔야 합니다.


      CSS로 썸네일 이미지 사이즈를 수정 후 '자동 리사이징 사이즈 설정'을 사용으로 선택했을 경우 사이즈 크기 차이로 이미지가 흐릿하게 구성될 수 있습니다.

      CSS로 썸네일 이미지 사이즈를 수정했을 경우에는 '자동 리사이징 처리 안함'으로 설정해야 선명한 썸네일 이미지를 확인할 수 있습니다.


      갤러리 게시판 목록 이미지 사이즈를 지정해주는 파일은 스마트디자인 편집창 '전체화면보기 > css > 모듈(module) > 게시판(board)'

      /css/module/board/listPackage_gallary.css 파일입니다. 해당 파일의 이미지 사이즈 수정 방법은 '[스마트디자인] 갤러리 게시판의 썸네일 이미지 사이즈를

      수정하고 싶어요.' FAQ를 참고해 주시기 바랍니다.


    [함께보기] 스마트디자인 갤러리 게시판 관련 FAQ

  • 일부 상품 후기와 Q&A게시판의 글에 상품 정보가 없을 경우


     게시판 설정의 확인과 변경이 필요합니다.


    상품 상세 페이지에서 상품 후기 또는 상품 문의 글을 작성한 경우 상품 정보가 게시글에 자동으로 등록되지만,
    상품 관련 게시판에서 글쓰기 버튼들 클릭하여 작성된 게시글은 상품 정보를 별도로 선택하지 않으면 상품 정보가 입력되지 않습니다.
    상품 관련 게시판에서 글 작성 시 연동되는 상품을 선택할 수 있는 '상품정보 등록설정'에 대해 안내 드리겠습니다.

    상품정보 등록설정 방법

      1. 관리자 페이지 '게시판관리 > 게시판 > 게시판 관리' 메뉴로 이동합니다.
      2. 설정을 원하시는 게시판의 제목을 클릭하여 게시판 관리 팝업을 노출시킵니다.
        A. 상품정보 등록설정은 기본으로 제공되는 게시판 중 분류가 '상품' 인 게시판에서만 설정 가능합니다.
        B. 분류가 '상품'인 게시판 id는 4, 6, 101이며, 기본으로 설정되어 있는 게시판 명은 상품 사용후기, 상품 Q&A, 상품자유게시판 입니다

       


      3. 쓰기 권한 항목에서 '쓰기권한 부가설정' 버튼을 클릭하여 쓰기권한 부가설정 항목을 노출시킵니다.

      ※ Ctrl + F를 누르신 후 '쓰기 권한' 으로 검색하시면 쉽게 찾으실 수 있습니다.


       


      4. 상품정보 등록설정 항목의 설정 값을 '글 작성시 상품정보를 선택할 수 있도록 허용합니다.(글 작성시 상품을 선택할 수 있게 됩니다.)' 로 변경합니다.

      5. 상품 사용후기 게시판에서 실제 구매한 상품에 대해서만 후기를 작성 할 수 있게 하고 싶으신 경우

         구매내역 항목을 체크함으로 변경합니다.


       


      6. 설정이 완료되면 게시판 관리 팝업 하단의 수정 버튼을 클릭합니다.

      7. 쇼핑몰에서 게시글 작성 시 상품 정보를 선택할 수 있는것을 확인 가능합니다.


       


      ※ 참고 : 위와 같이 설정을 완료한 후에도 상품정보 선택 영역이 표시되지 않는 경우에는 스마트디자인 TIP의 모듈 정보를 확인하시고

        디자인 소스를 적용해주시면 사용 가능합니다.


        ▶ PC 쇼핑몰 상품 게시판 (클릭)

        ▶ 모바일 쇼핑몰 상품 게시판 (클릭)


  • 네이버페이 서비스에 가입하려면 어떻게 해야 하나요?


     네이버페이 서비스 가입은 '네이버페이센터'에서 진행해야 합니다.


    네이버페이 가입방법

      1. '상점관리 > 마케팅 제휴서비스 > 네이버페이 서비스 > 서비스 안내' 페이지에서 서비스신청을 클릭하면
         '네이버페이센터'로 이동합니다.


      2. '네이버페이센터'에서 사용중이신 PG사를 선택하고, 아이디/비밀번호/사업자등록번호를 통해 PG 가입 여부를 확인 후,
          신청서를 작성하고 필수서류를 업로드 하면 가입신청이 완료 됩니다.
          네이버페이 이용가능 PG사 : 이니시스, KCP, LG U+, 올앳, 올더게이트, KSNET
          필수서류 - 사업자등록증, 통신판매업신고증, 통장사본, 매매보호서비스 가입 증명서
         
      3. 네이버페이 심사기간은 서류 접수 완료일로부터 최대 1주일이 소요됩니다.
         1차 심사완료 후, 카페24에 네이버페이 인증키 입력 및 네이버페이의 최종승인이 완료되어야 정상 오픈 됩니다.
          네이버페이 인증키 입력 방법은 하단의 '네이버페이 1차 심사승인 후, 카페24 연동작업은 어떻게 하나요?' 를 참조 하시기 바랍니다.  
     

  • 네이버페이 버튼이 노출되지 않습니다.


     쇼핑몰 관리자 "네이버페이" 관련 사용여부 항목을 모두 "사용함" 으로 설정해야 합니다.


    네이버페이 버튼 노출 안내


      1. 쇼핑몰 관리자 '상점관리 > 마케팅 제휴서비스 > 네이버페이 서비스 > 서비스 설정'의 사용여부 항목이 '사용함'으로 설정되어 있어야 상품에

          네이버페이 버튼이 적용됩니다.

     

       

     

     

      2. 쇼핑몰 관리자에서 네이버페이 버튼을 적용할 상품분류에 '네이버페이 서비스' 항목이 모두 '사용함'으로 설정되어 있어야 합니다.

         - 상품관리 > 상품분류관리 > 분류관리 > 제휴서비스 설정

         - 기획전관리 > 기획전 분류 관리 > 제휴서비스 설정

     

        

     

         아래와 같은 경우, 상품에 네이버페이 버튼이 적용되지 않습니다.

        A. 판매가가 0원인 상품

        B. 품절인 상품 (옵션 품목별 품절이 아닌 상품 자체 품절인 경우)

        C. 판매가에 대체 문구를 사용한 상품

        D. 상품명에 아래의 텍스트가 포함된 상품

            개인결제, 개인 결제, 개인결재, 개인 결재, 결제창, 결재창, 고객님

        E. 쇼핑몰 관리자 '상점관리 > 마케팅 제휴서비스 > 네이버페이 서비스 > 서비스 설정'의 사용여부 항목이 '사용안함'으로 설정되어 있는 경우

        F. 쇼핑몰 관리자 '상품관리 > 상품분류관리 > 분류관리'의 '제휴서비스 설정 - 네이버페이 서비스' 항목이 '사용안함'으로 설정되어 있는 경우

        G. 쇼핑몰 관리자 '기획전 관리' 메뉴에 추가된 상품이 있고, '상품관리 > 기획전 관리 > 기획전 분류 관리'의 '제휴서비스 설정 - 네이버페이 서비스'

            항목이 '사용안함'으로 설정되어 있는 경우

        H. 쇼핑몰 관리자 '프로모션 > 고객혜택관리 > 혜택등록' 에서 1+N 이벤트로 등록되어 있는 상품의 경우

         I. 해외배송 상품



     

    [함께보기] 네이버페이 관련 FAQ


  • 웹 FTP 사용법


     쇼핑몰 관리자의 'FTP > 웹FTP > 웹FTP 접속' 통해 사용할 수 있습니다.

    FTP란?


    File Transfer Protocol의 약자로 파일을 전송하는데 사용합니다.

    FTP를 사용할 경우 접속할 사이트 주소, 사용자 계정, 암호가 필요하며 서버에 접속하여 원하는 파일을 업로드/다운로드 할 수 있습니다.



    카페24 웹FTP 사용하기


    스마트디자인으로 편집을 하다보면 이미지 등 다양한 컨텐츠를 업로드해야 할 경우가 있습니다.

    이 때 필요한 컨텐츠를 카페24 웹 FTP를 이용하여 업로드 할 수 있습니다.

    쇼핑몰관리자의 'FTP > 웹FTP > 웹FTP 접속'에서 웹FTP를 사용할 수 있습니다. (맨 위 조그맣게 ftp아이콘표시)

     


     

      1. FTP 접속하기


         FTP사이트(호스트주소), 아이디, 비밀번호를 입력한 뒤 연결버튼을 클릭하여 FTP 서버에 접속할 수 있습니다.


       

     

         ※참고

         FTP 사이트의초기 path

         FTP프로그램 편의를 위해 접속시 서버의 폴더와 내 컴퓨터의폴더를 지정할수 있습니다.
         (ex : /web 으로 하면 web폴더가 초기폴더 지정 )

       

         접속종류선택  ( FTP 와 SFTP )  

         FTP(File Transfer Protocol)는 원격에 있는 서버에 파일을 주고 받을 때 사용하는 인터넷 통신 규약인데
         내 컴퓨터에 있는 파일을 계정을 제공하는 서버로 파일을 서로 이동시키는 것을 말합니다. 여기에 보안이 추가된 SFTP가 있습니다.

         SFTP(Secure File Transfer Protocol)는 일반적인 FTP와 달리 PC와 서버간의 데이터 전송을 암호화하기 때문에
         해킹이나 보안상의 문제점을 방지하여 안전한 호스팅 서비스를 이용할 수 있습니다.


      2. FTP 화면 가이드


         FTP 화면의 상단에는 다양한 기능을 사용할 수 있는 버튼이 있습니다.

         이 버튼을 통해 다운로드, 업로드, URL복사, 폴더 생성 등을 할 수 있습니다.   

         버튼 아래 영역의 상단에서 내 쇼핑몰 서버에 업로드 되어 있는 파일과 스킨 경로를 확인할 수 있습니다.

         하단에서 내 컴퓨터의 파일과 스킨경로를 확인할 수 있습니다.


       


     

     

      3. FTP서버의 폴더 구조와 파일 업로드


         쇼핑몰관리자의 '디자인관리 > 디자인 보관함'에서 추가한 스킨이 sde_design 폴더에 생성됩니다.

         기본적으로 base, mobile 폴더가 생성되어 있으며 스킨을 추가하였다면 skin1, skin2, skin3 등의 폴더가 생성됩니다.

         쇼핑몰 관리자에서 대표디자인으로 선택한 스킨의 번호를 확인하여 해당폴더에 필요한 HTML, CSS, 이미지 파일 등을 업로드 할 수 있습니다.


       


      ※주의사항

        - 쇼핑몰 운영에 필요한 이미지파일을 제외한 exe, avi, asp, mod, mp4, mp3 파일은 업로드가 제한되거나 삭제될 수 있습니다.

        - 50MB 이상의 파일은 업로드가 제한됩니다.


     

     

      4. 업로드한 파일 경로 확인


         업로드한 파일의 경로는 'http://id(쇼핑몰아이디).cafe24.com/폴더명/파일명.확장자명' 입니다.

         예를 들어 내 쇼핑몰 서버의 '/web/upload' 폴더 안에 'image.PNG' 파일을 업로드했을 경우,

         http://id(쇼핑몰아이디).cafe24.com/web/upload/image.PNG 가 파일의 경로가 됩니다.

         상단의 URL복사 버튼을 사용하여 쉽게 경로를 복사할 수 있습니다.


       


         좀 더 자세한 FTP 사용법을 알고 싶으시다면, 아래 FTP 매뉴얼을 확인하시기 바랍니다. 

         ▶ [매뉴얼] FTP 매뉴얼 바로가기 (클릭)




    [함께보기] FTP 관련 FAQ

    ▶ 플러그인 매니저 설치만 반복되고 FTP 로그인 창이 뜨지 않아요. (클릭)

     FTP 접속이 안돼요. (클릭)

     백신 프로그램이 FTP를 차단한 거 같아요. (클릭)

     FTP 로그인 시 비밀번호가 틀렸다고 나와요. (클릭)


  • FTP 폴더를 삭제했는데 복구가 가능한가요?


     7일 이내로 삭제된 데이터라면 복구가 가능합니다.



    FTP 데이터 보존 기간


      카페24 FTP의 보존 기간은 7일 입니다.

      예) 월요일 특정 데이터 삭제시, 차주 월요일까지 해당 데이터가 보존되나 차주 화요일부터는 복구가 불가능합니다.


     ※ 작업시 데이터 보존기간을 확인하여 개인 PC에 백업한 후 진행하시기 바랍니다.



    FTP 데이터 복구 요청


      삭제된지 7일 이내의 FTP 데이터는 삭제 후 복구가 가능합니다.

      1:1게시판을 통해 아래 내용을 기재하여 접수 바랍니다.


      1. 폴더 삭제한 날짜

      2. 폴더명

      3. 파일명 (필수)

      4. 현재 이미지가 노출되지 않는 위치 URL (권장)


  • HTML 추가메뉴 수정 방법

    HTML 추가메뉴 수정 방법


    저희 디자인에서는 상품분류메뉴 이외에 직접 설정하실 수 있는 추가메뉴를 제공하고 있습니다.

    html 이라 복잡하게 생각이 드시겠지만 구조만 이해하시면 매우 간단히 수정이 가능하시겠습니다.

    아래의 구조를 단순화 시켜서 설명드리겠습니다.


    <ul class="categorySub m02">

    <li class="d1"><a href="/_wg/import/cs.html">추가메뉴2</a>

    <ul class="d2_wrap">

                <li class="d2"><a href="#">추가메뉴는</a>

                    <ul class="d3_wrap">

                        <li><a href="#">상세분류도</a></li>

                        <li><a href="#">설정이 가능합니다</a></li>

                    </ul>

                </li>

                <li class="d2"><a href="#">html상에서</a>

                    <ul class="d3_wrap">

                        <li><a href="#">상세분류도</a></li>

                        <li><a href="#">설정이 가능합니다</a></li>

                    </ul>

                </li>

                <li class="d2"><a href="#">원하시는 메뉴를</a></li>

                <li class="d2"><a href="#">넣을 수 있습니다</a></li>

    </ul>

    </li>

       

        <!-- 추가적인 메뉴확장이 필요하신 경우 4~21번줄의 소스를 복사해서 21번줄에 복사후 사용해주세요 -->

       

    </ul>


    일반적으로 위와같이 설정이되어 있습니다.

    위의 내용도 복잡해 보이니 더 간단하게 구조를 보여드리겠습니다.


    ----------------------------------------------------------------------------------------


    - 중분류가 없을 경우

    <ul>

    <li>메뉴1</li>

    <li>메뉴2</li>

    </ul>


     

    - 중분류가 있을 경우

    <ul>

    <li>메뉴1

    <ul>

    <li>메뉴1-1

    <ul>

    <li>메뉴1-1-1</li>

    </ul>

    </li>

    <li>메뉴1-2</li>

    <li>메뉴1-3</li>

    </ul>

    <li>

    <li>메뉴2<li>

    </ul>


    ----------------------------------------------------------------------------------------


    중분류가 없을 경우는 단순하지만

    중분류가 있을 경우는

    <li>메뉴1 (여기에는 li 가 없습니다)

    <li>메뉴1-1</li>

    <li>메뉴1-2</li>

    </li>


    위와 같은 형태로 구조를 잡아주시면 되겠습니다.

    간단히 설명드리는거니 당연히 ul 은 들어가야겠죠~

  • [오픈그래프] 카카오톡에서 쇼핑몰 링크시 사이트정보 표시하기

    [ 카카오톡에서 쇼핑몰 링크시 사이트정보 표시하기 ]




    1. 오픈그래프란?

       기존의 웹사이트를 소셜네트워크 서비스와 연동하여 사업자와 고객들과의 관계를 강화하고 마케팅 플랫폼으로 활용하는 기법.

       신규고객 확보나 차별화된 사용자경험(UX)을 고객에게 제공할 수 있으며 외부 유입 트래픽을 증대하거나, 입소문(구전) 효과,

       마케팅 홍보 채널의 활용, 고객과의 관계 강화나 신뢰도 증가, 고객에게 차별화된 쇼핑경험을 제공할 수 있는 기법이다.

       [네이버 지식백과] 오픈 그래프 [Open Graph] (IT용어사전)





    2. 매타태그 설정방법


       

     


       1. 카페24 관리자모드 > 상점관리 > 운영관리 > 검색엔진 최적화(SEO) > 고급 설정 탭 > Head 태그 소스 란에 입력해주세요.

          [주의!] 만일 Head 태그 소스란에 기존에 입력된 다른 태그가 있다면 지우지 마시고 밑줄에 붙여넣기해주세요.


       2. 아래 태그중 빨간색으로 표시된 부분을 자신의 사이트정보로 수정후 [저장]해주세요. (수정팁은 아래를 참고해주세요)

          [팁!] 가능한 직관적으로 쇼핑몰 제목과 설명을 입력해주세요. 너무긴 문구를 입력시 정상작동 하지 않을 수 있습니다.


    <meta property="og:type" content="website">

    <meta property="og:title" content="쇼핑몰 제목">
    <meta property="og:description" content="쇼핑몰 설명">
    <meta property="og:image" content="이미지 경로">
    <meta property="og:url" content="쇼핑몰 도메인">





    3. 메타태그 작성방법(예시)

       -쇼핑몰 제목 : 디자인웹굿

       -쇼핑몰 설명 : 카페24 판매1위 쇼핑몰 디자인업체

       -이미지 경로 : http://webgood.co.kr/logo.png ( 이미지의 사이즈는 직접 테스트 해보신후 적합한 사이즈를 사용해주세요. )

       -쇼핑몰 도메인 : http://webgood.co.kr

       




    4. 설정확인방법

       설정후 내용을 확인하기 위해서는 카카오톡 대화방에서 도메인 주소를 입력해주세요.

       바로 이전에 해당 대화방에서 도메인을 입력하셨다면 캐시가 남아있어 바로 적용되지 않을 수 있습니다.

       새로운 대화방에서 확인해주시구요.

       설정값이 바로 적용되지 않을 수 있으니 시간을 두고 기다려주세요~



    위 내용은 카페24 시스템에 관한 내용입니다. 안되시는 경우는 카페24에 문의해주시기 바랍니다.


  • 기본셋팅전 확인사항


    [
    기본셋팅전 확인사항 ]



    기본셋팅작업시 샘플 쇼핑몰의 설정값이 고객님 쇼핑몰의 기존 설정값을 대체하기 때문에

    기존에 운영중인 쇼핑몰의 상품 리스트에 약간의 변경이 생길 수 있습니다.


    구매하시는 디자인의 셋팅값 때문에 기존 디자인 걱정을 하신다면

    셋팅작업전 반드시 기존의 셋팅값을 캡쳐 또는 저장을 해두시기 바랍니다.


    아래 3페이지를 확인해주세요.





    상품관리 > 상품관리 > 메인 상품 진열관리 > 메인분류 관리







    상품관리 > 상품표시관리 > 상품정보표시설정







    상품관리 > 상품표시관리 > 편의기능 설정


BRAND LIST
  • ALL
  • A
  • B
  • C
  • D
  • E
  • F
  • G
  • H
  • I
  • J
  • K
  • L
  • M
  • N
  • O
  • P
  • Q
  • R
  • S
  • T
  • U
  • V
  • W
  • X
  • Y
  • Z
  • 0~9
  • ETC