본문 바로가기

YouTube/카페24 쇼핑몰

반응형
카페24 쇼핑몰 만들기 1~20강 목차(차례)보기 카페24 쇼핑몰 만들기 1~20강 목차 링크 cafe24 스마트디자인 최신 소스 적용 [2018.08.29 기준] p.s 쇼핑몰 생성 시점에 따라 기본 레이아웃틀이 다를 수 있습니다. [ ▼ 하단 유튜브 영상으로 상세 설명! ] ※ "카페24" 디자인이 완성이 되면 제 아보느 카페에 결과물을 자랑해주세요^^ https://cafe.naver.com/ArticleList.nhn?search.clubid=29443761&search.menuid=96&search.boardtype=I 아보느 카페 - '아'는 만큼 '보'... : 네이버 카페 유튜브,블로그,노션,Notion,스마트스토어,포토샵,영상편집,웹디자인,마케팅,쇼핑몰,홈페이지,HTML,네이버TV cafe.naver.com 1. 무료쇼핑몰 신청하기 → .. 더보기
카페24 쇼핑몰 만들기 #20. 도메인 구입하는 법(도메인 신청) 가비아, 후이즈, 카페24에서 도메인 구입하는 법 [ ▼ 하단 유튜브 영상으로 상세 설명! ] 1. https://www.cafe24.com/ 카페24 사이트에 접속 후 "회원가입" 후 로그인 합니다. 2. 가운데 도메인 검색 칸에서 원하는 도메인 주소를 검색해 봅니다. (p.s 뒤에 com/co.kr/kr 등은 안 붙여도 됩니다.) 3. 등록가능이라고 표시된 도메인만 구입가능합니다. 원하는 도메인 체크하기! 4. 도메인 신청하기 클릭 5. 그럼 신청서 작성페이지가 나옵니다. 약관 체크 후 6. 도메인 소유자 정보를 입력합니다. 7. 결제 방식을 선택한 후 8. 확인을 누릅니다. (보통 도메인 1년 비용은 22,000원이 평균입니다.) 9. 이제 카페24측 입금계좌로 결제를 완료하면 도메인이 신청 완료됩.. 더보기
도메인 기간 연장하는 법 도메인은 보통 1년 단위로 연장하게 됩니다. 저는 여기서 "카페24"를 기준으로 설명드리지만, (후이즈, 가비아, 닷네임 등)에서 구입한 도메인도 동일한 방식입니다. [ ▼ 하단 유튜브 영상으로 상세 설명! ] 1. 카페24에 접속하여 우선, 로그인합니다. https://www.cafe24.com/ 2. 로그인하면, 도메인 15일 이내 1개 만료라고 표시된 부분이 있습니다. "1개" 글자를 클릭합니다! 3. 해당 도메인이 3일 남은 걸 볼 수 있습니다. 도메인 앞 부분에 체크를 합니다. 4. 그럼, 아래처럼 결제 부분이 나타납니다. "결제수단 선택" 후 결제하기를 진행합니다. - 참고로, 저는 "무통장(가상 계좌)로 진행하지만, 편하신 대로 선택하여 진행하면 됩니다. 5. 결제정보 확인을 하시고 "확인".. 더보기
카페24 쇼핑몰 만들기 #18. 쇼핑몰 보안서버 SSL설정 - HTTPS SSL이란 무엇인가요? 인터넷에서 데이터를 안전하게 전송하기 위한 인터넷 통신 규약 프로토콜입니다. [ ▼ 하단 유튜브 영상으로 상세 설명! ] SSL(Secure Sockets Layer) 이란? 브라우저와 서버간의 통신에서 정보를 암호화 함으로써 도중에 해킹을 통해 정보가 유출 되더라도 정보의 내용을 보호 할 수 있게 해 주는 보안 솔루션입니다. 보안이 적용된 웹사이트의 접속주소는 'http://' 대신 'https://'로 시작합니다. 적용 전 : http://aboneu.com 적용 후 : https://aboneu.com 적용 전 화면 캡쳐 모습 1. 크롬 화면에서 보면 "주의 요함" 표시가 있습니다; 2. 휴대폰 화면에서도 "빨간 느낌표 경고 아이콘"이 표시되고 있습니다;; 쇼핑몰 보안서버 S.. 더보기
카페24 쇼핑몰 만들기 #17. cafe24 쇼핑몰에 도메인 연결하기 1. 카페24 쇼핑몰에 카페24 도메인 연결하는 경우와 2. 타 도메인 업체(후이즈, 가비아, 닷네임 등) 도메인을 카페24 쇼핑몰에 연결하는 법(네임서버 변경) 두 경우를 알아보겠습니다. [ ▼ 하단 유튜브 영상으로 상세 설명! ] 1. 카페24 쇼핑몰 + 카페24 도메인 연결하는 경우 1. 관리자 로그인 후 상단 메뉴 "상점관리" 클릭 2. 좌측 메뉴 '기본정보관리' 클릭 후 "도메인 설정" 클릭 3. 우측 본문 가운데쯤에 도메인 추가하는 부분이 있습니다. 연결 도메인 입력 칸에 "자신의 보유 도메인 주소를 입력"합니다. 예) aboneu.com 4. "도메인 추가" 클릭 5. 도메인을 연결하시겠습니까? 에서 "확인" 클릭 6. 연결하였습니다 "확인" 클릭 7. 도메인이 최종 연결된 화면입니다. p... 더보기
카페24 쇼핑몰 만들기 #16. 회사소개(오시는 길)에 구글 지도 삽입하기 구글 맵스에서 html 지도 소스를 내 사이트에 iframe으로 삽입하는 방법입니다. 쇼핑몰 화면 하단에 "회사소개" 클릭 시 '오시는 길' 부분에 주로 사용됩니다! [ ▼ 하단 유튜브 영상으로 상세 설명! ] 1단계 : 구글 맵스에서 내 지도 소스 가져오기 1. "구글 맵스"에 접속합니다. https://www.google.com/maps/ Google Maps Find local businesses, view maps and get driving directions in Google Maps. www.google.com 2. 주소 입력칸에 본인의 주소를 입력합니다. 3. 오른쪽에 돋보기 모양 "검색" 아이콘을 클릭합니다. 4. "공유" 글자 클릭 5. 두 번째 탭 "지도 퍼가기" 클릭 6. "HTML.. 더보기
카페24 쇼핑몰 만들기 #15. 메인 상품 진열관리 - 가로2단~5단 변경 메인화면에서 추출된 상품들의 상품 진열을 가로 2단, 3단, 4단, 5단으로 변경하는 법입니다. [ ▼ 하단 유튜브 영상으로 상세 설명! ] 저는, 먼저 4개의 메인 추출 영역에 각각 상품을 추출해 놓았습니다. 아래 이미지처럼 가로 단수를 변경해보겠습니다. 메인 추출 영역1 (추천상품) - 가로 2단 메인 추출 영역2 (신상품) - 가로 3단 메인 추출 영역3 (추가카테고리1) - 가로 4단 메인 추출 영역4 (추가카테고리2) - 가로 5단 p.s) "메인 화면"이 아닌 "상품 분류"에서 상품 진열하는 법은 아래 글을 참고바랍니다. 13편. 상품 진열관리 - 가로 2단3단4단5단 변경 https://aboneu.tistory.com/422 카페24 쇼핑몰 만들기 #13. 상품 진열관리 - 가로 2단3단4.. 더보기
카페24 쇼핑몰 만들기 #14. 메인 상품 진열관리 - 상품 메인 추출 상품을 분류별로 등록했다해서 메인 첫 화면에 자동으로 추출되지 않습니다. 그래서, 상품을 메인에 추출하는 법을 알아보겠습니다! [ ▼ 하단 유튜브 영상으로 상세 설명! ] 메인 추출 영역은 기본 셋팅시 4개의 섹션 박스로 넣을 수 있습니다. 메인 상품 진열관리 - 관리자 페이지 위치 확인 1. 상단 메뉴 "상품관리" 클릭 2. 좌측 메뉴 "상품관리" 클릭 후 3. "메인 상품 진열관리" 클릭 4. 본문 위쪽에 "메인분류 관리" 에 있습니다. 메인 분류 "이름 변경" 및 "추가" 방법 5. "메인 분류 관리" 클릭하면 팝업창이 뜹니다. 6. 분류명을 "추천상품" → "Recommend" 처럼 이름 변경 가능합니다. 7. "추가"를 클릭해서 4개 섹션을 5개로 만들 수 있습니다. 8. 정보를 변경 후 "저장.. 더보기
카페24 쇼핑몰 만들기 #13. 상품 진열관리 - 가로 2단3단4단5단 변경 상품 분류(리스트) 페이지 - 상품 진열관리 "일반 상품목록 패키지" 가로 단수 변경하는 법 [ ▼ 하단 유튜브 영상으로 상세 설명! ] 가로 2단일 때 상품 분류(리스트) 페이지 가로 3단일 때 상품 분류(리스트) 페이지 가로 4단일 때 상품 분류(리스트) 페이지 가로 5단일 때 상품 분류(리스트) 페이지 위처럼 변경을 위해서는 몇 가지 단계로 작업을 해야 합니다. 1단계 : 아보느 카페에서 미리 수정 작업된 "첨부파일" 다운받기 https://cafe.naver.com/aboneu/91 제 카페 글 첨부파일에서 "업로드파일.zip" 을 다운을 받아 압축을 풉니다. 카페24 쇼핑몰 만들기 #13. 일반 상품목록 가로 2단3단4단5단 변경 대한민국 모임의 시작, 네이버 카페 cafe.naver.com 2.. 더보기
카페24 쇼핑몰 만들기 #12-1. 상품수정+동영상첨부 & 상품삭제 이전 12편에 이어서 12-1편을 진행합니다. [ ▼ 하단 유튜브 영상으로 상세 설명! ] 1 단계 : 등록 완료한 상품의 가격 변경하기 1. 쇼핑몰 로그인 후 상단 메뉴 "상품 관리" 클릭 2. 왼쪽 상품관리 클릭 후 "상품목록" 클릭 3. 본문 중간에 "상품 목록" 에서 수정할 상품 글자를 클릭합니다. 4. 그럼, 상품 수정 팝업이 뜹니다. 상품 수정 창에서 상단에 "수정 항목 선택 TAB" 이 있습니다. 이 곳에서 가격수정은 "판매정보" 탭에 들어 있습니다. 5. 판매정보 탭 클릭된 화면에서 6. 공급가와 판매가를 기존 50000원 → 10000원으로 수정합니다. 7. 수정 완료 후 "상품수정"을 클릭하면 가격이 최종 변경됩니다. 8. 쇼핑몰 화면에서 가격 변경 전/후 확인 2 단계 : 상품 상세설.. 더보기
카페24 쇼핑몰 만들기 #12. 상품등록 - 간단등록(텍스트&사진) 상품등록 방법 중 간단등록 설명입니다. 챕터 12편, 12-1펀 로 나누어 정리했습니다. [ ▼ 하단 유튜브 영상으로 상세 설명! ] 관리자 페이지 로그인 후 1. 상단 메뉴 "상품관리" 클릭 2. 좌측 메뉴 - 상품등록 클릭 후 "간단 등록" 클릭 간단 등록시 "필수 입력 정보들"입니다. ① 기본 정보 ② 판매 정보 ③ 표시 정보 ④ 이미지 정보 4가지를 입력이 다 되면 하단에 "상품등록"을 합니다. 위 필수 입력 정보들 중 ① 기본 정보 추가 설명입니다. (상품상세설명에 이미지 사진 첨부 방법입니다.) 기본 정보에서 "상품명" 필수 부분에 제목을 적습니다. 예) 포토샵 대각선 그리기 다음으로 이미지 삽입은 상품상세설명 부분에 1. 나무모양 아이콘을 클릭 2. 업로드할 이미지를 선택 후 3. 열기 클릭.. 더보기
카페24 쇼핑몰 만들기 #11. 네이버 포스트 위젯 iframe 삽입 11편은 네이버에서 제공하는 포스트를 운영하시는 분들에 한해서 적용됩니다. [ ▼ 하단 유튜브 영상으로 상세 설명! ] 1. 지금 할 내용은 좌측 부분에 "네어버 포스트 위젯달기" 입니다. 2. 먼저, 네이버 포스트에 로그인 후 우상단에 "관리"를 클릭 3. 상단 메뉴 중 "위젯"을 클릭 4. 가운데에 있는 iframe소스 부분을 "Ctrl + C" 해서 복사합니다. 5. 에디트 플러스를 실행합니다. sde_design/base/layout/basic 폴더로 이동 후 layout.html 과 main.html 2개 파일을 엽니다. 그리고 166번째 줄에 아래 형태처럼 붙여넣기하면 됩니다. p.s) 자신의 iframe소스를 붙이면 됩니다. 아래는 제 포스트 위젯 iframe 소스입니다. 6. 좌측에 위젯이.. 더보기

위로 가기