Top Panel
위치: 관리자>외모>위젯>Hidden top panel area
설정: 관리자>외모>Theme Options>Header>Use Top Panel [설정하기]
Right Panel
관리자>외모>위젯>Right side panel area
설정: 관리자>외모>Theme Options>
Sidebars>Use Right Panel
[설정하기]
Quick Menu
설정: 관리자>외모>Theme Options>
Sidebars>Use Right Quick Menu
[설정하기]
네이버 톡톡
설정: 관리자>외모>Theme Options>
Sidebars>Quick Menu - Naver Talk ID
[설정하기]
카카오 플러스 친구
설정: 관리자>외모>Theme Options>
Sidebars>Quick Menu - Kakao Plus Friend ID
[설정하기]
Hometory Block M2
Home / Hometory Block M2
Hometory Block Skin M2 구매하기 (게시물 목록, 글보기, 댓글, 버튼 디자인 수정, 폰트크기 14px)
글보기
망보드를 이용한 워드프레스 쇼핑몰 제작 과정 살펴보기
Level 10조회수49
2024-01-12 14:37

망보드를 이용하여 워드프레스 쇼핑몰을 제작하시는 초보자 분들을 위해

워드프레스 쇼핑몰 제작 과정시 고려해야 할 사항들과 자주 묻는 내용들을 정리해 보도록 하겠습니다.

 
 
1. 도메인 신청 
독립몰 쇼핑몰을 운영하기 위해서는 가장 먼저 쇼핑몰 도메인을 정하고, 도메인 신청업체를 통해 도메인을 구입해야 하는데, 도메인 가격은 보통 15,000원~25,000원/년 정도의 요금이면 구입이 가능합니다.

- 추천업체



2. 호스팅 업체 준비
도메인이 준비되었으면 다음 작업으로 쇼핑몰 설치파일과 이미지 등의 자료들을 웹에 올릴 호스팅 공간이 필요합니다.
호스팅의 경우 서버성능 및 하드용량에 따라 요금이 달라지며, 방문자가 늘면서 트래픽이 증가할 경우 추가적인 요금이 발생할 수 있습니다. 
(무료 호스팅 서비스도 있지만 메일 발송 기능이 없거나, 일부 기능이 동작하지 않는 문제가 발생할 수 있기 때문에 쇼핑몰은 반드시 유료 호스팅 서비스를 이용하시기 바랍니다)

- 개인추천
  카페24: 매니지드워드프레스 - 비즈니스 5,500원/월 

  가비아: 워드프레스 호스팅 - 베이직 9,500원/월   

  블루호스트: 베이직 US $2.95/월

- 기업추천
  워드프레스닷컴: 비즈니스 US $25/월 (비즈니스 이상의 상품부터 외부 플러그인 설치 가능)

※ 홈페이지 및 쇼핑몰을 운영하다 보면 다양한 문제가 발생할 수 있는데, 사용도중 발생하는 문제는 생각보다 원인을 찾기가 쉽지 않습니다. 문제 발생시 스스로 문제를 해결하기 어려우신 분들은 워드프레스닷컴의 서비스를 이용하시면 운영중 발생하는 문제에 대해 실시간 채팅지원 서비스를 받으실 수 있습니다.
해외 호스팅 업체들이 가성비가 좋지만 국내 호스팅 업체에 비해 로딩 속도가 조금 느린감이 있습니다.
 


3. 보안 인증서(SSL) 신청
정보통신망법 개정에 따라 회원가입을 받는 홈페이지 또는 쇼핑몰의 경우 의무적으로 보안인증서를 설치해야 합니다.
보안 인증서(SSL)를 설치하면 도메인 앞에 "https://"를 붙여서 보안 프로토콜로 접속이 가능해지며, PC와 웹서버사이에 전송되는 개인정보를 암호화해서 전송하기 때문에 보다 안전하게 웹에서 데이타를 전송할 수 있습니다.


- 개인추천
  카페24: 매니지드워드프레스 사용시 보안인증서 무료지원

  가비아: AlphaSign 40,000원/년 

- 기업추천
  워드프레스닷컴: 비즈니스 상품 사용시 보안인증서 무료지원

※ 보안인증서는 호스팅을 신청한 업체에서 같이 신청해야 무료 설치가 가능하며, 보안인증서가 설치되면 추가적인 설정변경 사항이 발생하기 때문에 홈페이지 제작 초기단계부터 신청해서 사용하는게 좋습니다.
(소셜로그인 및 쇼핑몰 PG설정과 같이 외부 연동이 필요한 기능들은 보안인증서가 설치되면 도메인을 다시 설정해야 하는 문제가 발생할 수 있으며, 페이스북 소셜로그인의 경우 보안인증서가 없으면 연결이 불가능합니다)



4. 홈페이지에 보안인증서 적용방법
보안 인증서(SSL) 발급이 완료되면 "https://도메인주소"로 접속하여 정상적으로 접속이 되는지 확인합니다.
정상적으로 접속이 확인되면 "워드프레스 관리자 > 설정 > 일반" 페이지에서 "워드프레스 주소"와 "사이트 주소"를 모두 아래와 같이 https로 시작하는 도메인으로 수정하여 보안인증서를 적용합니다.

- 수정전
  워드프레스 주소: http://www.mangboard.com  or  http://mangboard.cafe24.com
  사이트 주소: http://www.mangboard.com

- 수정후
  워드프레스 주소: https://www.mangboard.com
  사이트 주소: https://www.mangboard.com



5. 워드프레스 및 망보드 설치
워드프레스 설치가 어려우신 분들은 호스팅 신청시 워드프레스 기본설치 옵션을 선택하시면 호스팅업체에서 자동설치 기능을 지원하고 있습니다.

- 워드프레스 다운로드: https://wordpress.org/download/
- 워드프레스 설치방법: https://www.mangboard.com/lecture/?vid=1
- 망보드 설치방법: https://www.mangboard.com/lecture/?vid=2



6. 회원관리 기능 추가 - 망보드 비즈니스(회원관리) 패키지 설치
워드프레스는 기본적인 회원기능을 제공하지만 한국형 회원관리 기능이 아니여서 추가적인 회원 기능 플러그인을 설치해서 사용하는게 좋은데 망보드 비즈니스 패키지를 설치하시면 보다 쉽게 워드프레스에 회원관리 기능을 추가해서 사용하실 수 있습니다. 

- 비즈니스 패키지(무료): https://www.mangboard.com/store/?vid=9



7. 쇼핑몰 기능 추가 - 망보드 커머스(쇼핑몰) 패키지 설치
망보드 커머스 패키지는 워드프레스에 쇼핑몰 기능을 추가해주는  패키지로 한번의 설치로 테스트 결제를 진행할 수 있는 상태까지 한번에 세팅이 됩니다.
테스트 결제에서 진행된 결제는 취소하지 않아도 당일 저녁 또는 다음날 아침에 자동으로 결제 취소가 진행되며, 망보드 관리자 기능에서 테스트 결제를 바로 취소하실 수도 있습니다.
핑몰이 완성되면 PG를 신청하신 후 망보드 옵션설정에서 실제 결제 모드로 전환해서 사용하시면 됩니다.

- 커머스 패키지(무료)https://www.mangboard.com/store/?vid=10


  
8. 워드프레스 쇼핑몰 제작
워드프레스 쇼핑몰 제작은 원하시는 스타일에 맞는 워드프레스 테마를 찾아서 시작하시면 되는데, 연습이 아니고 실제 쇼핑몰을 만들어서 운영하실 목적이라면 가급적 유료 테마를 사용하시길 추천드립니다.
무료 테마의 경우 충돌문제 때문에 일부 기능이 정상적으로 동작하지 않을 수 있으며 다양한 문제가 발생할 수 있습니다.
유료 테마 구입이 고민되시는 분들은 망보드에서 무료로 제공하는 홈토리 테마를 이용하시면 망보드 커머스에 최적화된 기능들을 보다 쉽게 이용하실 수 있습니다.

- 망보드 테마 패키지 - 홈토리 테마:  https://www.mangboard.com/store/?vid=103 
- 워드프레스 테마 구입 사이트:  https://themeforest.net/

그리고 우커머스를 이용하여 쇼핑몰을 제작하시는 분들 중 장바구니,결제,주문관리 기능만 망보드 커머스 기능으로 사용하시길 원하시는 분들은 아래 주소의 우커머스 연동 패키지를 설치해서 이용하시면 됩니다.

- 우커머스 연동 패키지: https://www.mangboard.com/store/?vid=118



9. 전자결제 PG 신청 및 설치
쇼핑몰을 완성하면 결제 기능을 위해 PG를 신청해야 하는데, 망보드 커머스는 KG이니시스와 나이스페이를 지원하고 있습니다. 카드 수수료는 3.2%를 기준으로 전년도 매출액에 따라 조금씩 달라지며 전년도 매출액이 3억원을 넘지 않을 경우 이니시스는 1.7%나이스페이는 2.0%의 영세·중소사업자 우대수수료율 혜택을 받으실 수 있습니다.
망보드를 통해 PG를 신청할 경우 연관리비(11만원) 및 초기등록비(22만원) 모두 면제 혜택이 적용되어 무료로 PG 신청을 하실 수 있습니다. 그리고 PG 신청기간은 카드 심사기간을 포함하여 약 2~3주 정도가 소요됩니다.

KG이니시스의 경우 PG를 신청하면 KG이니시스에서 메일로 상점 키파일(MBDxxxxx.zip)을 보내주는데 
"워드프레스 관리자>MB-Commerce>대시보드" 페이지에서 상점 키파일(MBDxxxxx.zip)을 압축파일 그대로 업로드 하시면 상점 키파일이 자동으로 복사가 진행됩니다.

나이스페이를 신청하시면 메일로 상점 MID와 비밀번호를 보내주는데 가맹점 사이트에 접속한 후 암호호 KEY값을 복사해서 망보드 옵션설정에 상점 MID와 같이 입력해 주시면 됩니다.

결제 PG 설치에 대한 보다 자세한 내용은 아래 주소의 매뉴얼을 참고해 주시기 바랍니다.


전자결제(PG) 카드 수수료


전자결제수수료.png



10. 메일 발송을 위한 SMTP 설치
서버에서 제공하는 기본 메일 발송 기능을 이용하여 메일을 발송하면 대부분의 메일이 스팸메일로 분류됩니다.
쇼핑몰에서 발송되는 주문 안내 메일이 스팸메일로 처리되기 때문에 이러한 문제를 예방하기 위해 SMTP 플러그인을 설치해서 메일을 발송해 주는 것이 좋습니다.

워드프레스에서 많이 사용하는 SMTP 플러그인




11. 망보드 커머스 메일 설정 및 결제 페이지 내용 수정
사용자가 상품 주문시 "관리자 > MangBoard > 옵션설정 > 주문 관리 이메일" 항목에 설정된 메일 주소로 
주문 안내 메일을 발송하도록 되어있으며 주문 관리 이메일 주소가 없으면 "망보드 관리자 이메일" 또는 
"워드프레스 관리자 이메일"로 발송되도록 되어 있습니다.

그리고 결제 페이지에서 "기타안내"에 표시되는 이메일 주소는 "망보드 관리자 이메일" 설정을 확인해서 표시하고 이메일 주소가 없으면 "워드프레스 관리자 이메일" 주소를 표시하도록 되어있습니다.

추가적으로 결제 페이지에 대한 내용을 수정하려면 아래 경로의 파일을 수정하시면 됩니다.
- 이메일 및 결제페이지 수정파일:  mangboard/templates/commerce/checkout/billing-body.php

- 커머스 패키지 파일구조: 

- 주문 관리 이메일 설정:
  워드프레스 관리자 > MangBoard > 옵션설정 > 주문관리 이메일

- 망보드 관리자 이메일 설정:
  워드프레스 관리자 > MangBoard > 옵션설정 > 관리자 이메일

- 워드프레스 관리자 이메일 설정:
  워드프레스 관리자 > 설정 > 일반 > Administration Email Address



12. 상품 주문 및 배송알림을 위한 카카오 알림톡 플러그인 설치
상품주문시 주문고객에게 자동으로 주문 안내 메일이 발송되지만 망보드 스토어에서 무료로 제공하고 있는 
"카카오 알림톡 및 템플릿 메시지" 플러그인 기능을 이용하시면 추가로 카카오 알림톡 메시지를 보내실 수 있습니다. 

- 카카오 알림톡 및 템플릿 메시지 플러그인: https://www.mangboard.com/store/?vid=105



13. 네이버 페이 연동방법 (주문형)
네이버페이를 연동하기 위해서는 네이버 페이 센터에 신청을 하신 후 검수를 통과해야만 사용이 가능합니다. 
망보드에서는 네이버페이 검수를 진행하기 위한 "검수 모드"를 제공하는데 검수 모드 설정시에는 "test"로 시작하는
아이디로 로그인을 해야만 네이버 페이 버튼이 노출되도록 설정됩니다.
네이버페이 신청시 테스트 아이디 및 비밀번호를 제출해야 하는데 아이디: test1234, 비밀번호: test1234 형태처럼 
아이디가 "test" 로 시작하는 테스트 계정을 만들어서 제출하시면 됩니다.

- 네이버 페이 검수모드 설정
  워드프레스 관리자 > MangBoard > 옵션설정 > 네이버 페이 > 네이버 검수모드 선택

- 네이버 페이 센터: https://admin.pay.naver.com/




14. 추천상품 위젯 상품 설정
망보드 커머스에서 제공하는 추천상품 위젯은 URL 주소 및 숏코드 속성에 카테고리 정보가 있는지 확인해서 해당 카테고리 상품이 4개이상 검색되면 노출하고 4개 미만이면 최신 상품을 노출하도록 되어있습니다.

- URL 주소에 상품 카테고리 정보가 있는지 확인하고 4개 이상의 상품이 검색되면 표시
  https://www.mangboard.com/store/?category1=패키지

- 추천상품 위젯 숏코드에 카테고리 정보가 있는지 확인하고 4개 이상의 상품이 검색되면 표시
  [mb_commerce_gallery name="commerce_product" category1="패키지"]

- 추천상품 위젯 숏코드 설정



15. 망보드 커머스 기능 살펴보기
망보드 커머스는 반응형 쇼핑몰 제작에 필요한 다양한 기능들을 제공합니다.
(상품등록, 상품관리, 장바구니, 주문조회, 결제 PG 연동, 페이팔, 네이버페이, 카카오 알림톡, 한국형 배송추적 등)



16. 망보드 커머스 패키지 참고 주소

- 커머스(쇼핑몰) 패키지 매뉴얼 

- 커머스(쇼핑몰) 패키지 Shortcode 세부설정

- 상품 카테고리 별로 메뉴 및 페이지 연결하기

- 커머스(쇼핑몰) 패키지 강의 및 활용방법
카테고리카테고리2
댓글
자동등록방지
(자동등록방지 숫자를 입력해 주세요)