안녕하세요, 독자 여러분. 오늘은 전자상거래 마켓플레이스를 처음부터 만드는 방법에 대해 이야기해 보려고 합니다. 웹페이지 제작을 위해 저는 Elementor 페이지 빌더와 EDD를 선택했습니다. 그 이유는 무엇일까요? Elementor를 사용하면 코드에 익숙하지 않아도 모든 종류의 사이트를 손쉽게 만들 수 있기 때문입니다. Elementor와 EDD를 활용하여 멋진 전자상거래 사이트를 만들 수도 있습니다. 그러나 게임에 뛰어 들기 전에 기본 사항을 알아야합니다. EDD와 Elementor에는 모두 익숙해지기 위해 알아야 할 놀라운 기능이 있습니다.
소프트웨어 기반 제품 판매를 위한 이커머스 플러그인 시스템인 Easy Digital Downloads는 모두가 부러워하는 시스템입니다. EDD는 애드온 사이트 소유자는 웹사이트에서 판매되는 모든 제품에 라이선스를 부여하는 데 사용할 수 있습니다.
이 시점부터 Elementor를 활용하여 멋진 전자상거래 웹사이트를 만드는 방법을 안내해 드리겠습니다. 원활한 계획 수립을 위한 모든 과정을 단계별로 보여드리겠습니다. 워드프레스, Elementor, EDD를 소개합니다. 이러한 튜토리얼 형식의 블로그는 졸리게 만들지만 저를 믿으세요, 다른 누구도 아닌 여러분만이 그 혜택을 얻을 수 있습니다. 또한 이 블로그의 마지막에는 몇 가지 전문가 팁과 도구가 포함되어 있습니다. 이 단계를 기억해 두세요. 이제 시작해보세요!
Elementor로 웹사이트 제작 시작하기
Elementor로 시작하려면 먼저 호스팅 요금제를 구매해야 합니다. 필요한 것은 다음과 같습니다:
- 도메인 이름 및 호스팅
- 워드프레스
- Elementor 플러그인 및 테마
이 세 가지로 기반이 준비됩니다. 이제부터 도메인, 워드프레스, Elementor를 얻고, 설치하고, 사용자 정의하는 방법을 보여드리겠습니다. 하나씩 살펴보겠습니다.
1단계: 도메인 및 호스팅
가장 먼저 할 일은 웹 사이트의 도메인 이름과 호스팅 요금제를 얻는 것입니다. 저는 개인적으로 최고의 호스팅 회사로 BlueHost를 추천합니다. 이 회사는 전자 상거래 스토어에 안정적인 가동 시간을 제공하므로 로딩 속도가 매우 빠릅니다. 또한 전자상거래 웹사이트를 생성할 수 있는 도메인과 원클릭 워드프레스 설치 기능을 제공합니다.
BlueHost로 시작하세요. 가장 추천하는 플랜은 사이트에서 '플러스' 플랜을 선택하는 것이다. 이 플랜은 무제한 광대역뿐만 아니라 무제한 서버 공간도 제공합니다. 또한 웹 사이트 전문가 중 한 명을 배정하여 언제든지 문제를 해결할 수 있습니다. 따라서 최고의 가격으로 최고의 서비스를 구매하세요.
이제 요금제를 선택하셨습니다. 다음 단계는 도메인에 이름을 지정하는 것입니다. 요금제 탭에서 '선택' 버튼을 클릭하면 도메인 이름을 지정할 수 있는 페이지로 이동합니다.
결제를 제출하면 BlueHost에서 계정을 생성하고 고객 영역으로 이동할 수 있습니다.
2단계: 워드프레스
다음 단계는 워드프레스를 설치하는 것입니다. 호스팅 탭 영역에 '웹사이트' 이름표가 있는 파란색 막대가 표시됩니다. 거기에서 '워드프레스 설치' 버튼을 클릭합니다. 워드프레스는 전자상거래 웹사이트 제작에 필수적인 요소입니다.
워드프레스 웹사이트에 로그인할 때 사용할 사용자 아이디와 비밀번호를 선택합니다. 비밀번호를 복사하여 안전한 곳에 보관하세요. 그런 다음 '다음' 버튼을 클릭하고 BlueHost가 사이트에 워드프레스 설치를 완료할 때까지 기다립니다.
설치를 완료한 후 '자격증명 보기' 버튼을 클릭합니다. '설치 세부정보' 탭에서 도메인, 사용자 아이디, 비밀번호를 확인할 수 있습니다. 도메인 링크를 클릭하면 로그인할 수 있는 워드프레스 사용자 페이지로 리디렉션됩니다. 여기에서 사용자 아이디와 비밀번호를 입력해야 워드프레스 대시보드에 들어갈 수 있습니다.
기본적으로 사용자 지정 대시보드 BlueHost에서 설치했습니다.
Elementor를 설치하기 전에 한 가지 더 해야 할 일이 있는데, 바로 퍼머링크 구조를 사용자 및 SEO 친화적으로 변경하는 것입니다. 퍼머링크로 이동한 다음 글 이름 옵션을 선택합니다. 변경 사항을 저장합니다.
3단계: Elementor와 테마
이제 Elementor와 테마를 설치하는 간단한 단계로 이동하여 전자 상거래 웹 사이트를 쉽게 만들어 보겠습니다.
먼저 Elementor 웹사이트로 이동하여 무료 버전을 다운로드하세요. 무료 버전을 받으려면 이메일을 입력해야 합니다. 다운로드가 완료되면 워드프레스 대시보드로 이동한 후 다음 단계로 이동합니다. 플러그인 > 새로 추가. 로컬 디스크에서 다운로드한 Elementor 파일을 찾아 설치합니다.
또는 대시보드/플러그인에서 Elementor 플러그인을 수동으로 검색하여 설치합니다. 설치 후 활성화를 클릭합니다.
테마를 설치하려면 '모양'으로 이동하여 '테마'를 선택합니다. 이 블로그에서는 'Astra' 테마를 참고용으로 사용하고 있습니다. 검색 Astra 테마를 찾은 다음 설치합니다. 작동하려면 활성화해야 합니다.
그런 다음 아스트라 옵션을 클릭하고 임포터 플러그인을 설치하는 옵션을 선택합니다. 그런 다음 거기에서 페이지 빌더로 Elementor를 선택합니다.
템플릿이 설정되면 사이트 사용자 지정을 시작할 수 있습니다.
여러분을 위한 블로그
가장 인기 있는 블로그
워드프레스에 대해 자세히 알아보기
전문가 팁:
Elementor로 웹사이트 커스터마이징
이 튜토리얼에서는 이 데모 페이지처럼 테마 템플릿을 사용자 정의하는 방법을 보여드리겠습니다. 테마가 이미 최적화되어 있으므로 테마를 크게 사용자 정의할 필요는 없습니다. 그러나 고유한 스타일을 만들려면 이렇게 하는 것이 좋습니다.
따라야 할 단계는 다음과 같습니다:
- 홈페이지 및 테마 사용자 지정
- 문의 양식 만들기
- 샘플 만들기
- 제품 및 우커머스 설정
더 이상 시간을 낭비하지 말고 꼼꼼히 읽어보세요.
1단계: 홈페이지 및 테마 사용자 지정
워드프레스 대시보드의 빠른 목록에서 사이트 이름을 확인할 수 있습니다. 사이트 이름을 클릭하고 거기에서 Elementor로 편집을 클릭합니다. Elementor는 홈페이지를 사용자 정의할 수 있는 인터페이스와 빌딩 블록을 제공합니다. 선택 메뉴에서 헤드라인, 텍스트, 버튼, 콜아웃, 그리드 등의 요소를 더 추가할 수 있습니다. 드래그 앤 드롭 시스템으로 코딩할 필요 없이 무엇이든 만들 수 있습니다.
필요하지 않은 섹션을 마우스 오른쪽 버튼으로 클릭하여 삭제할 수 있습니다. 섹션 메뉴를 통해 섹션을 복제하고 드래그하여 재정렬할 수도 있습니다.
모든 특정 섹션에 대해 해당 섹션의 배경, 간격 등을 사용자 지정할 수 있습니다.
특정 블록을 편집하려면 연필 아이콘을 클릭하기만 하면 글꼴, 색상, 배경, 간격 및 기타 설정을 조정할 수 있습니다.
사이트 사용자 정의가 완료된 후 업데이트 버튼을 클릭하면 변경 사항이 적용됩니다. 간단하지 않나요?
이제 홈페이지가 준비되었으니 테마 커스터마이저로 사이트를 사용자 정의하세요. 웹사이트를 방문한 다음 사용자 정의 옵션을 클릭하거나 대시보드에서 모양 > 사용자 정의로 이동합니다. 여기에서 취향에 따라 테마 설정을 재정의할 수 있습니다.
2단계: 문의 양식 만들기
웹사이트에 문의 양식을 추가하면 사람들이 연락처 페이지에서 사용 중인 메일에 액세스할 수 있도록 할 수 있습니다. 이 기능을 사용하려면 워드프레스 대시보드로 이동하여 플러그인 > 새로 추가를 클릭합니다. WPForms를 검색하고 플러그인을 설치 및 활성화합니다.
플러그인 홈페이지에 양식을 만들 수 있는 버튼이 표시됩니다. 이를 클릭하고 간단한 문의 양식을 선택한 다음 양식이 기본 이메일 주소와 연결되어 있는지 확인합니다. 방금 만든 양식에 대해 WPForms에서 제공한 단축 코드가 표시됩니다. 이를 복사하여 나중에 사용할 수 있도록 저장하세요. 이 연락처는 전자상거래 웹사이트를 만들려는 경우 매우 중요합니다.
이제 문의 양식에서 Elementor 편집기 페이지로 이동합니다. Elementor 인터페이스에서 단축 코드 블록을 검색하여 양식의 단축 코드를 붙여넣습니다. 페이지가 업데이트되면 고객이 연락할 수 있습니다.
3단계: 제품 만들기
이 단계에서는 워드프레스 대시보드로 이동하여 지침에 따라 WooCommerce 플러그인을 설정해야 합니다. 여기에서 스토어의 기본 옵션을 생성하고 구성할 수 있습니다. 설정이 완료되면 제품 생성을 시작할 수 있습니다. 간단한 제품 생성부터 시작하겠습니다. 제품 > 새로 추가로 이동합니다. 여기에서 제품 제목과 설명을 추가할 수 있습니다. 제품 이미지를 추가하고, 가격을 설정하고, 고객이 스토어에 있는 제품 수를 확인할 수 있는 재고 관리 설정을 구성할 수 있는 더 많은 옵션이 있습니다. 전자상거래 온라인 스토어를 생성하려면 잘 분류된 상품 컬렉션이 필요합니다.
또한 제품에 대한 카테고리와 태그를 입력하여 스토어를 더욱 체계적으로 구성할 수 있습니다.
완료되면 게시 버튼을 클릭하면 이제 스토어에서 제품을 사용할 수 있고 표시할 수 있습니다.
4단계: 제품 및 WooCommerce 설정
이 플러그인을 활성화하면 WooCommerce는 기본적으로 스토어 페이지에 아이템과 제품을 자동으로 표시합니다. 또한 WooCommerce에서 제공하는 단축 코드를 사용하여 원하는 제품을 표시할 수 있습니다. 또한 구성해야 하는 다른 사용자 정의 설정이 WooCommerce에 있습니다. 어느 정도는 아래에 설명되어 있습니다.
-세금은 자동화되어 있지만 수동으로 구성할 수도 있습니다.
-배송의 경우 스토어에 대한 배송료 및 배송 지역을 구성해야 합니다.
-설정 프로세스 중 결제 방법과 관련하여 WooCommerce에서 결제 방법을 설정하라는 메시지가 표시됩니다. 페이팔, 스트라이프, 2Checkout 및 기타 결제 방법을 WooCommerce 확장 프로그램으로 활성화할 수 있습니다.
- 또한 쿠폰을 생성하면 특정 품목이나 변수를 홍보하거나 판매하기 위한 고객용 프로모션 코드와 바우처를 스토어에서 쉽게 생성할 수 있습니다.
보너스 팁: 고급 스타일링으로 여러 페이지를 만드는 것은 쉽지 않습니다. 다시 말하지만, 기본 워드프레스나 Elementor도 사용자 정의 유연성이 그다지 높지 않습니다. 이를 위해 다른 Elementor용 애드온 간편한 드래그 앤 드롭 위젯으로 전자상거래 사이트의 모든 디자인에 사용할 수 있습니다.
무료 EP & PS 라이선스 받기(평생)
공식 웹사이트에 접속한 소비자 및 구독자를 대상으로 경품 증정 프로그램을 진행 중입니다. BDthemes.com
방문 Element Pack 또는 프라임 슬라이더 를 클릭하고 여러분의 생각을 공유해 주세요. 행운의 당첨자에게는 $100 상당의 평생 라이선스를 드립니다. 참여하는 데 1분밖에 걸리지 않습니다.
간편한 디지털 다운로드
이제 이 웹사이트 제작에 EDD를 적용하는 방법에 대해 이야기해 보겠습니다. 간편한 디지털 다운로드를 위한 소프트웨어 라이선싱은 라이선스 키 생성, 활성화, 확인 및 핸드오버 시스템을 제공합니다. 이를 통해 디지털 제품과 함께 라이선스 키를 제공하여 구매자의 소프트웨어 사본에 적절한 라이선스를 부여하고 활성화할 수 있습니다. 워드프레스 플러그인, 테마 또는 비디오 게임과 데스크톱 애플리케이션을 포함한 기타 모든 종류의 소프트웨어를 판매할 때 유용합니다. 이 라이선스 애드온은 각 제품과 판매를 자동으로 등록하므로 작업이 쉬워집니다. 따라서 판매에 대해 걱정할 필요가 없습니다.
다른 플러그인과 마찬가지로 워드프레스의 새 플러그인 추가 메뉴에서 EDD를 검색하여 설치하세요. 대시보드에서 활성화하고 EDD를 원하는 형식으로 구성합니다.
EDD 구성
EDD 구성은 이 튜토리얼에서 가장 중요한 부분입니다. 다음의 간단한 단계를 따르기만 하면 몇 분 안에 모든 것이 준비됩니다.
1단계:
먼저 결제, 결제, 리디렉션 등에 대한 옵션을 구성합니다. 이를 구성하려면 워드프레스 대시보드 왼쪽에 있는 "다운로드" 아래의 설정을 클릭해야 합니다. EDD에는 결제, 구매 확인 등을 위한 페이지를 워드프레스 사이트에 자동으로 생성하는 훌륭한 기능이 있습니다. 따라서 간단한 구성 스토어를 운영하는 경우에는 이러한 설정을 변경할 필요가 없습니다.
2단계:
다음으로 '결제 게이트웨이'를 클릭합니다. 이 섹션에서 웹사이트에서 모든 거래를 처리하는 데 사용할 결제 대행사를 선택할 수 있습니다. 기본적으로 PayPal 표준, Amazon 및 테스트 결제를 선택할 수 있습니다. 프리미엄 확장 프로그램을 사용하여 Stripe, Braintree, Dwolla, GoCardless 등과 같은 다른 결제 대행사를 사용할 수도 있습니다. 기본적으로 PayPal 표준은 해당 사이트를 통해 거래를 처리합니다. 즉, 고객이 사이트에서 결제하고 PayPal에 게시된 다음 다시 리디렉션됩니다. 고객이 사이트에 계속 머물도록 하려면 PayPal Pro 결제 서비스로 업그레이드하거나 Stripe 같은 다른 서비스 공급업체를 사용하면 됩니다. 또한 테스트 결제 시스템을 실행하여 사이트에서 결제 시스템의 시뮬레이션을 관찰할 수 있습니다.
3단계:
이제 "PayPal 표준"이라는 하위 헤더를 클릭합니다. 페이팔을 사용하는 경우 페이팔 이메일을 입력하면 페이팔의 게이트웨이 설정을 자동으로 가져옵니다. 페이팔 프로로 변경하지 않는 한 페이팔의 기본 페이지 스타일이 사용됩니다.
4단계:
이 섹션에는 웹사이트를 대표할 수 있는 로고가 적합합니다. 여기에 명시된 모든 메일은 관리자와 고객 모두를 위해 자동으로 생성됩니다. 이러한 메일은 명령에 따라 자동으로 정렬됩니다.
다음은 로고와 함께 고객에게 전송되는 기본 EDD 이메일 템플릿의 예입니다. 이메일에는 디지털 다운로드 파일 링크가 포함되어 있습니다.
스타일, 세금 및 기타 다양한 설정도 설정할 수 있습니다. 이 중 실제로 변경할 필요가 있는 설정은 없지만 추가 확장할 수 있는 여지는 충분합니다. 또한 EDD의 한 가지 장점은 추가 개발을위한 여러 사용자 정의 가능한 메뉴가 있다는 것입니다. 또한 장바구니에 품목을 추가한 후 즉시 결제로 리디렉션할 수 있는 추가 옵션도 있습니다.
또한 아이템 수량을 변경할 수 있도록 허용할 수 있습니다. 품목을 구매하려면 사용자가 로그인해야 합니다. 고객이 동일한 구매에 대해 여러 할인을 사용하도록 허용할 수도 있습니다. 저는 이 서비스를 선호하지는 않지만요. 또한 파일 다운로드 제한, 다운로드 링크 만료, 파일 재다운로드 기능을 비활성화할 수 있습니다. 마지막으로 결제 시 계약 조건에 대한 옵션을 활성화할 수 있습니다.
디지털 다운로드 가능한 파일 추가
EDD 설정을 완료했으면 이제 다운로드 가능한 디지털 파일을 워드프레스 EDD 스토어에 삽입할 차례입니다. 사용하는 확장 프로그램에 따라 실제 파일 대신 서비스가 제공될 수도 있습니다. 두 단계만 거치면 쉽게 이해할 수 있습니다.
1단계:
다운로드 아래에서 '새로 추가'를 클릭하고 디지털 파일 이름을 지정합니다. 설명, 카테고리, 다운로드 태그 등을 추가할 수 있습니다.
그런 다음 다운로드 가격을 책정하세요. 버튼 클릭 한 번으로 가변 가격도 설정할 수 있습니다. 그런 다음 .zip, .pdf, .mp3 등 디지털 파일을 업로드할 수 있습니다.
2단계(NGINX만 해당):
또 다른 사실은 디지털 다운로드 파일을 보관하는 폴더가 보안이 설정되어 있는지 확인해야 한다는 것입니다. 이 옵션을 선택하지 않으면 누구나 해당 위치를 자유롭게 탐색하고 파일을 무료로 다운로드할 수 있습니다. 문제를 해결할 때까지 워드프레스에서 사이트에 경고 표시를 표시합니다: "NGINX에서 보호되지 않는 파일 다운로드". NGINX 통합 시스템만 이 단계를 따라야 합니다. 그러나 Apache에서 실행하는 경우에는 .htaccess 파일에 규칙이 자동으로 적용됩니다.
디렉토리를 보호하려면 NGINX 구성에 다음을 추가하세요.
다시 쓰기 ^/wp-content/uploads/edd/(.*).zip$ / 영구;
위의 코드를 포함하면 다운로드 가능한 파일의 디렉토리를 탐색하려는 모든 사용자가 홈페이지로 리디렉션됩니다.
보고서 체크리스트:
보고 데이터와 결제 내역 데이터를 수시로 확인하세요. PayPal의 편리한 기능 중 하나는 EDD와 자동으로 동기화된다는 점입니다. 따라서 제품을 판매하고 PayPal을 통해 결제를 받으면 EDD 로그에도 결제된 것으로 표시됩니다. 이 기능에는 환불도 포함됩니다. 이 월별 곡선은 EDD 시스템에서 수입에 대해 수행한 기록을 보여줍니다.
세금 및 부가가치세 납부를 유지합니다:
간편한 디지털 다운로드에 관한 한 온라인 마켓 세금보다 더 혼란스러운 것은 없습니다! 다행히도 EDD는 여러분의 걱정을 덜어드리기 위해 솔루션을 만들었습니다. 여기에는 자동 인보이스 발행, 부가가치세가 필요한 국가에 부가가치세 부과와 같은 기능이 포함됩니다. 판매세 계산 및 납부 매우 쉽게 사용할 수 있습니다:
- 쿼더노
- 프리미우스
- 프로테우스 페이
- WP 경로
- OmnipayWP
간단하고 쉽죠?
키 관리
매우 간단한 인터페이스를 통해 고객 라이선스 키를 쉽게 확인하고 관리할 수 있습니다.
각 개별 라이선스 키에는 모든 관련 구매 및 고객 데이터에 쉽게 액세스할 수 있는 전체 세부 정보 화면이 포함되어 있습니다.
스토어의 각 제품에서 라이선스 키 생성을 개별적으로 활성화할 수 있습니다. 모든 제품마다 고유한 설정이 적용되므로 다양한 제품 변형 및 비소프트웨어 제품을 동시에 쉽게 판매할 수 있습니다.
결론:
이 블로그에서 말씀드린 단계와 프로세스는 간단하고 쉽게 할 수 있습니다. Elementor를 사용하면 코딩과 관련된 모든 문제가 해결되었습니다. 또한 EDD를 사용하면 걱정 없이 각 제품에 대해 안전하고 안전한 판매를 달성 할 수 있습니다.
이 모든 것을 얻었나요? 좋네요. 더 이상 시간을 낭비하지 말고 동전을 만들러 가자.
전문가 조언: 성장하는 마켓플레이스를 위한 필수 플러그인
수많은 플러그인과 애드온 중에서 올바른 플러그인과 최고의 플러그인을 선택하기란 쉽지 않습니다. 여러분의 걱정과 우려를 충분히 이해합니다. 제가 도와드리겠습니다.
Elementor 페이지 빌더 플러그인을 위한 최고의 애드온을 소개합니다, 요소 팩. 이제 왜 Element Pack일까요?
Element Pack는 프리미엄 웹사이트 제작에 가장 최적화된 워드프레스 Elementor 플러그인을 기반으로 하는 애드온이기 때문입니다.
이 플러그인은 웹사이트에 배포할 수 있는 방대한 인벤토리를 보유하고 있습니다. 또한 100개 이상의 플러그인, 140개 이상의 즉시 사용 가능한 페이지, 1000개 이상의 고유 블록을 통해 Element Pack는 다음과 같은 위치에 도달했습니다. Top 6 전 세계. 전체 웹사이트를 만드는 데 필요한 모든 블록과 도구가 Element Pack 데이터베이스에 만들어져 저장되어 있습니다. 전 세계에서 유일한 올인원 제품입니다!
모든 성공적인 웹사이트 디자이너가 원하는 것은 프리미엄에 최적화된 도구입니다. 그리고 Element Pack는 그 소망에 자신 있게 응답합니다. 그러니 너무 망설이지 말고 바로 시작하세요!
이 블로그를 읽어주셔서 감사합니다. 즐거운 하루 되세요!
/*엘리멘터 - v3.23.0 - 05-08-2024 */ */.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-headings .elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-headings .elementor-heading-title.elementor-size-xxl{font-size:59px}
워드프레스 블로그 더 보기
Elementor를 사용하여 고급 툴팁을 표시하는 방법
2022년 6월 15일
Elementor
Elementor 및 Element Pack를 사용하여 사용자 지정 헤더를 만드는 방법
2022년 6월 5일
Elementor
Elementor Pro를 사용하여 결제 페이지를 만드는 방법
2022년 5월 31일
분류
Elementor 템플릿 가져오기 방법
2022년 5월 20일
Elementor
Elementor 버튼 색상 변경 방법
2022년 5월 10일
Elementor
구텐베르크 호환 워드프레스 테마 상위 20개
2021년 8월 4일
분류
