현재 위치
  1. 게시판
  2. 디자인가이드

디자인가이드

  • [ ]

    스냅위젯 사용방법

    - 스냅위젯 바로가기 https://snapwidget.com/


    - 스냅위젯은 FREE버전 선택 시 무료 이용이 가능하나 위젯 클릭시 광고 페이지를 걸쳐 인스타그램으로 이동합니다.

      인스타그램으로 바로 연결을 원하시는 경우 스냅위젯 유료결제 혹은 기타 다른 위젯으로 변경이 필요합니다.


    - 세팅형 구매 고객님들 중 위젯 설정이 어려우신 경우,

      인스타그램 아이디와 비밀번호를 이메일로 전달해주시면 연동을 도와드리고 있으니 이메일로 문의 부탁드립니다.




    1) 스냅위젯 사이트에 접속해 우측 상단의 [SIGN UP] 버튼을 클릭해 회원가입 페이지로 이동합니다.




    2) Name(이름), Email Address(이메일 주소), Password(비밀번호)를 각각 입력하신 후,

        [SIGN UP] 버튼을 클릭해 스냅위젯 회원으로 가입해주세요.




    3) 로그인 하신 후, [Dashboard] 페이지로 이동해주세요.




    4) [CREATE A NEW WIDGET] 버튼을 클릭해 위젯 생성 페이지로 이동합니다.




    5) [FREE, Instagram Grid] 레이아웃을 선택해주세요.

     



    6) Username을 클릭해 피드를 불러올 인스타그램 계정에 로그인해주세요.

        이후 구매하신 디자인 가이드에서 위젯 설정을 확인하신 후 동일하게 변경해 주세요.

        설정 변경후 [GET WIDGET] 버튼을 클릭해 위젯을 생성해주세요.




    7) [COPY TO CLIPBOARD] 버튼을 클릭해 생성된 위젯의 코드를 복사합니다.

        구매하신 디자인 가이드를 참고하셔서 위젯 코드를 변경해야 할 html 페이지로 이동하신 후, 복사하신 위젯 코드로 변경해주세요.




    8) 그리드와 이미지 크기 등 설정이 다르기 때문에, PC와 모바일 위젯을 각각 따로 생성하셔야 합니다.

        PC용 위젯을 만드신 후에 다시 같은 방법으로 모바일 위젯을 생성해 적용해주세요.


  • [ ]

    유튜브 주소 변경하기

    1) 변경을 원하시는 유튜브 영상에 접속하신 후, 영상 하단의 공유 버튼을 눌러주세요.


    2) 공유주소 https://youtu.be/링크주소 부분에서 해당 주소만 복사해주세요.




    3) 에디터 내의 유튜브 주소 부분에서 링크주소 두 영역을 복사하신 주소로 변경하신 후 저장해주세요.

         src="https://www.youtube.com/embed/링크주소?autoplay=1&mute=1&playlist=링크주소&loop=1"



  • [ ]

    상품등록 이미지 사이즈 변경하기

    상품 등록 전 상품의 이미지가 등록되는 사이즈를 조절합니다.

    해당 설정은 최초 1회 변경시 자동으로 값이 저장되어 다음 상품을 등록하실 때부터는 다시 설정하실 필요가 없습니다.



    1) 카페24 관리자페이지에서 상품 > 상품등록 > 일반 등록으로 이동해주세요.


    2) 상품등록 페이지에서 이미지정보 > 이미지등록 항목에서 이미지 사이즈 변경 버튼을 클릭해주세요.


    3) 모든 이미지의 가로와 세로 px을 0으로 변경하신 후, 저장 버튼을 눌러 저장해주세요,


  • [ ]

    슬라이드 추가하기

    해당 매뉴얼을 확인하시기 전, 디자인 매뉴얼 상단의

    [디자인가이드 사용방법 및 에디터 이용 안내][디자인 내 이미지 변경 방법]을 먼저 확인해주세요.




    1) 디자인편집창 > bookmarks에서 수정하실 슬라이드가 있는 곳으로 이동해주세요.


    2) 슬라이드 추가용 코드를 복사, 붙여넣기 하신 후 링크와 텍스트 등을 원하시는 대로 변경해주세요.

        링크변경 예시 : <a href="링크주소"> 에서 <a href="https://drawcode.cafe24.com/"> 로 변경


    3) 추가하신 코드에서 슬라이드 번호에 맞게 이미지 번호를 변경하신 후 저장해주세요.



    4) 추가된 슬라이드의 이미지를 편집버튼을 사용해 원하시는 이미지로 변경해주세요.

        자세한 이미지 변경 방법은 디자인가이드 상단의 [디자인 내 이미지 변경 방법]을 확인해주세요.

이전 페이지
  1. 1
다음 페이지