WordPress로 온라인 전자 상거래 상점 웹 사이트를 만드는 방법

전자 상거래는 매우 뜨겁습니다. 매우 높은 오버 헤드 비용으로 벽돌과 박격포 사업을하지 않고도 한 달에 6 자리를 얻는 것이 매우 쉽습니다..


그러나 많은 사람들에게 문제는 Shopify와 같은 대부분의 전자 상거래 플랫폼의 월별 요금이 비싸다는 것입니다. 막 시작한 경우보다 저렴한 솔루션을 원하므로 마케팅 및 광고에 더 많은 비용을 지출 할 수 있습니다.

좋은 소식은 Shopify를 사용하여 온라인으로 제품을 판매하기 위해 높은 월 요금을 지불 할 필요가 없다는 것입니다. Shopify 대안 또는 eBay 대안을 찾고 있다면이 단계별 자습서를 통해 멋진 온라인 상점을 무료로 이용할 수 있습니다..

웹 호스팅 계정과 약간의 노력만으로도 전자 상거래 웹 사이트를 만들 수 있습니다..


시작하자!

필요한 것 :

  • 호스팅. SiteGround를 추천합니다.
  • 도메인 이름.
  • 워드 프레스 테마. 이 자습서에서는 무료 Astra 테마를 사용합니다.
  • 워드 프레스 페이지 빌더. 이를 위해 무료 Elementor 페이지 빌더를 사용합니다.
  • WooCommerce, 최고의 전자 상거래 워드 프레스 플러그인.

1 단계. 웹 호스팅 및 도메인 이름 구매.

이 전체 웹 사이트 구축 사업을 처음 접한다면 먼저 웹 호스팅 및 도메인 이름과 그 이유가 무엇인지 명확하게 설명하겠습니다..

호스팅 및 도메인 이름?

웹 호스팅은 인터넷에서 웹 사이트가있는 장소입니다. 물건을 찾을 수있는 물리적 인 집과 같습니다. 반면 도메인 이름은 웹 사이트의 주소입니다. 사람들이 집에서 당신을 방문 할 수 있도록하는 주소와 같습니다. “Facebook.com”,“Google.com”및“WordPress.com”은 모두 도메인 이름의 예입니다.

도메인 이름을 판매하는 거의 모든 웹 사이트에서 도메인 이름을 구입할 수 있습니다. 당신은 최고의 가격을 찾아야합니다. 그러나 웹 사이트 호스팅의 경우 신뢰할 수있는 회사에서만 호스팅하는 것이 중요합니다. 호스팅 속도가 느리거나 신뢰할 수없는 경우 웹 사이트 속도와 가동 시간이 줄어들고 결국 전자 상거래 비즈니스에 피해를 줄 수 있습니다..

선호하는 웹 호스팅 서비스 사이트 사이트

고품질 웹 호스팅 서비스를 사용하여 전자 상거래 웹 사이트를 만들 수 있지만이 자습서에서는 Siteground를 사용합니다..

SiteGround는 WordPress 사용자를 대상으로하지만 여전히 저렴한 가격을 제공하므로 온라인에서 권장되는 웹 호스트입니다. 그들은 빠른 성능과 똑같이 빠른 지원으로 가장 유명합니다..

SiteGround의 주요 기능은 다음과 같습니다.

  • 무료 SSL 인증서
  • 빠른 지식 지원
  • 워드 프레스 준비 환경
  • 무료 웹 사이트 마이그레이션
  • 30 일 백업

SiteGround는 웹 호스팅 요구에 대한 확실한 선택입니다. 그들은 WordPress 웹 사이트를 수용하고 경쟁 업체보다 적은 리소스를 제공하지만 높은 신뢰성을 제공합니다..

나는 그들과 계약을 맺은 사람에게 70 % 할인을주기 위해 그들과 놀랍게 거래했습니다 이 링크. 따라서 호스팅 비용을 절약하려면, 이 링크를 클릭하십시오 지금 호스팅을 구매하십시오.

홈페이지에 방문하면 4 가지 유형의 호스팅이 표시됩니다.

현장 계획을 선택하십시오

WordPress 호스팅을 선택하고 클릭 시작하다. 그러면 세 가지 요금제가 표시됩니다.

사이트 그라운드 워드 프레스 호스팅 가격

필요와 예산에 따라 하나를 선택하십시오. 당신은 또한 확인할 수 있습니다 각 호스팅 계획의 비교 어떤 계획이 귀하의 요구에 가장 적합한 지 더 잘 알기 위해.

계획을 세우고 나면 클릭 계획 받기. 그런 다음 도메인을 선택해야하는 페이지로 이동합니다. 이미 도메인 이름을 구입 한 경우“이미 도메인이 있습니다”를 선택하십시오. 하지만 계정이없는 경우 “새 도메인 등록”을 선택하여 Siteground 내에서 도메인을 바로 구매하십시오.

도메인을 선택하십시오

원하는 도메인 이름이 있으면 사용 가능하면 발하다. 다음 단계는 구매를 완료하기 위해 개인 및 청구 정보를 제공하는 것입니다. 세부 정보를 정확하게 제공하고 클릭 지금 지불하세요. 이제 신뢰할 수있는 웹 호스팅 및 도메인 이름이 있습니다.

2 단계. 워드 프레스 설치.

WordPress는 오픈 소스 무료 도구로 코딩에 대한 실마리가 없어도 웹 사이트를 구축 할 수 있습니다. 지금까지 가장 쉽고 강력한 웹 사이트 콘텐츠 관리 시스템입니다. WordPress에 대해 좋아하는 것들이 많이 있으며, 더 많은 자습서를 읽거나 비디오를 시청하는 경우 WordPress가 비전문가를위한 웹 사이트를 만드는 최고의 도구라고 생각하는 이유에 대해 자세히 알아볼 것입니다.

Siteground에는 실제로 한 번의 클릭으로 WordPress 설치가 제공되어 WordPress를 설치하고 설정하는 모든 어려운 작업을 수행합니다..

호스팅 구매를 완료하면 링크가 표시된 화면이 표시됩니다 “고객 영역으로 진행하십시오”. 이것을 클릭하면 새 호스팅 계정을 설정할 수있는 페이지로 이동합니다. 아래에 웹 사이트 설정, 고르다 새로운 웹 사이트 시작.

그러면 설치할 수있는 소프트웨어 목록이 표시됩니다. 고르다 워드 프레스.

워드 프레스 설치

그런 다음 이메일 주소, 사용자 이름 및 비밀번호와 같은 새 웹 사이트에 대한 관리자 로그인 정보를 제공해야합니다. 이 정보를 사용하여 웹 사이트에 로그인하므로이 정보를 안전하게 보호하십시오.

완료되면 클릭 확인 > 설정 완료. 그리고 당신은 이제 자체 호스팅 WordPress 웹 사이트를 가지고 있습니다.

웹 사이트 사용자 정의를 시작하려면 WordPress 백엔드에 로그인해야합니다. 그러려면 Siteground 대시 보드로 이동하여 내 계정 탭. 클릭 설치 탭을 클릭하면 등록한 도메인 이름이 표시됩니다. 그것은 녹색입니다 관리 포털로 이동 단추. 이 버튼을 클릭하면 WordPress 로그인 페이지로 이동합니다.

워드 프레스 관리 대시 보드로 이동

WordPress 로그인 페이지는 일반적으로 다음 형식을 갖습니다. yourdomain.com/wp-adminyourdomain.com/wp-login. 다음에 주소 표시 줄에 URL을 직접 입력하여 더 이상 사이트 그라운드에 로그인하지 않아도 액세스 할 수 있도록 로그인 페이지 URL을 기억하십시오..

워드 프레스 로그인 페이지는 다음과 같습니다 :

워드 프레스 로그인 페이지

귀하의 웹 사이트에 처음 로그인하려면 여기에 사용자 이름과 비밀번호를 입력하십시오.

3 단계. Astra 테마 및 Astra 사이트 설치.

Astra Theme는 전자 상거래 웹 사이트를 최대한 빨리 전문적이고 전문적으로 보이게하는데 사용하는 테마입니다. 원하는 경우 다른 테마를 사용할 수 있지만이 자습서에서는 Astra Theme를 사용합니다..

Astra는 속도와 단순성이 뛰어난 무료 WordPress 테마입니다. Astra Sites (무료 플러그인)와 페어링하면 몇 번의 마우스 클릭만으로 아름다운 웹 사이트를 만들 수 있습니다. Astra를 완벽한 테마로 만드는 Pro 버전도 있습니다.

Astra에서 가장 좋아하는 기능은 다음과 같습니다.

  • 가장 빠른 테마 중 하나
  • 100 개가 넘는 초보자 사이트 (대부분 100 % 무료)
  • 유연한 메가 메뉴 기능
  • 강력한 애드온 패키지
  • 광범위한 WooCommerce 지원

Astra Theme는 모든 WordPress 웹 디자인 프로젝트에 탁월한 선택입니다. 사실,이 웹 사이트와 모든 웹 사이트 프로젝트에서 사용하는 주제입니다.

나는 개발자에 대해 전적으로 자신감을 가지고 있으며 테마가 얼마나 잘 코딩되어 있는지에 매우 감동했습니다..

그러나 그 이상으로, 주제는 그것에 대한 모든 관심과 생각 때문에 사용하기가 너무 간단합니다. 대부분의 경우 사용중인 도구를 기반으로 자체 구성됩니다..

Astra를 설치하려면 외관 > 테마 > 새로운 걸 더하다. Astra를 검색하고 클릭 설치, 활성화.

아스트라 테마 설치

내가 Astra를 좋아하는 또 다른 것은 플러그인이라는 플러그인이 있다는 사실입니다. 아스트라 스타터 사이트 사전 제작 된 무료 및 프리미엄 템플릿 라이브러리가 있습니다. 몇 번의 클릭만으로 자신의 웹 사이트에 이러한 템플릿을 사용할 수 있습니다. 웹 사이트 제작 시간을 절반으로 단축하기 위해 Astra Site 템플릿을 사용합니다.

Astra를 설치하면 대시 보드에 다음 메시지가 표시됩니다.

아스트라 사이트 시작

딸깍 하는 소리 시작하다. Astra Starter Sites가 설치됩니다.

페이지 빌더 선택

그런 다음 원하는 페이지 작성기를 묻는 메시지가 표시되며이 자습서에서는 Elementor를 사용하겠습니다. Elementor는 WordPress 웹 디자인을 습격 한 WordPress 페이지 빌더입니다. 가장 깊은 기능 세트를 가지고 있지만 사용 및 마스터 링이 매우 쉽습니다. Elementor는 모든 기능을 갖춘 무료 페이지 빌더입니다. 추가 개발자 기능을 추가하기위한 Pro 애드온도 있습니다.

주요 요소 기능 :

  • 라이브 프런트 엔드 페이지 편집기
  • 웹 사이트 개인화 기능
  • 템플릿 및 블록 라이브러리
  • 광범위한 모바일 응답 옵션
  • 가장 강력한 팝업 빌더
  • PRO : 사용자 정의 머리글 / 바닥 글 만들기
  • PRO : 게시물 유형 레이아웃 생성

Elementor는 현재 사용 가능한 가장 강력한 페이지 빌더입니다. 현재 디자인 트렌드에 맞는 새로운 기능을 지속적으로 출시합니다. 이것은 당신이 당신의 웹 사이트를 관련시킬 수 있다는 것을 의미합니다. 그 과정에서 고급 기능에 액세스하려면 Elementor Pro로 업그레이드 할 수 있습니다. Elementor Pro는 모든 추가 모듈 및 포함 된 전원 기능을 고려할 때 놀라운 가치라고 생각합니다.

아스트라 사이트 테마 선택

페이지 빌더를 선택하면 Astra 사이트 템플릿 라이브러리로 이동합니다. 사용할 수있는 멋진 템플릿이 많이 있습니다. 원하는 템플릿을 선택하는 데 시간을 투자하십시오. 이 템플릿은 선택한 페이지 빌더로 완전히 편집 할 수 있습니다. 즉, 제목, 이미지, 색상, 로고 등과 같은 웹 사이트의 모든 부분과 요소를 사용자 정의 할 수 있습니다..

이 자습서에서는 전자 상거래를 매우 훌륭하게 보여 주므로 사용자 정의 인쇄 템플릿을 사용하겠습니다..

테마를 설치하려면 테마를 클릭하면 미리보기로 이동합니다. 당신이 보는 것을 좋아한다면, 테마 가져 오기 버튼을 클릭하고 상자가 모두 선택되어 있는지 확인하십시오.

알다시피,“필요한 플러그인 설치”라는 상자가 있습니다. 이 체크 박스를 선택하면 테마가 원하는대로 정확하게 표시되는 데 필요한 모든 플러그인이 설치됩니다. 사용자 정의 인쇄 테마의 경우 Elementor, WooCommerce 및 WPForms가 설치됩니다. 이 플러그인을 더 이상 하나씩 설치할 필요가 없기 때문에 시간이 많이 절약됩니다. 나를 위해 모든 것이 완료되었습니다.

아스트라 사이트 테마 가져 오기

테마를 가져 오는 데 시간이 걸릴 수 있습니다. 브라우저를 닫거나 새로 고침하지 마십시오. 기다리십시오. 완료되면 파란색이 표시됩니다 사이트보기 단추. 방금 가져온 테마가있는 웹 사이트로 이동하려면 해당 버튼을 클릭하십시오..

4 단계. 웹 사이트 사용자 정의.

귀하의 웹 사이트는 이제 멋져 보이지만 자신 만의 웹 사이트로 만들고 싶을 것입니다. 가장 먼저 할 일은 색상 팔레트를 선택하는 것입니다. 브랜드 색상이 이미 있다면 더 쉬울 것입니다..

색상 표 선택

웹 사이트에는 일반적으로 기본, 악센트 및 팝 색상의 3 가지 색상이 있습니다. 기본 색상은 웹 사이트의 주요 색상이며 브랜드 색상 일 가능성이 높습니다. 악센트 색상은 제목이나 게시물 제목에 약간 다르게 보이게하려는 경우 일반적으로 사용됩니다. 마지막으로 팝 색상은 클릭 유도 문안 버튼과 같이 웹 사이트의 중요한 요소를 두드러지게하기 위해 나머지 색상과 대비되어야합니다..

웹 사이트 색상 팔레트를 선택하기 위해 두 가지 도구를 사용합니다. 첫 번째는 Coolors.co 다양한 색상 팔레트를 탐색하고 웹 사이트에서 사용할 항목을 선택할 수 있습니다..

쿨러 홈페이지

원하는 팔레트가 보이면 마우스를 팔레트 위에 올려 놓고 클릭하십시오 전망, 각 색상의 16 진 코드가 표시되는 새 창으로 이동합니다..

16 진 코드가있는 컬러 팔레트

이 16 진 코드는 웹 사이트에서이 색상을 사용해야합니다. 나중에 워드 프레스 백엔드에서이 16 진수 코드를 사용하는 방법을 보여 드리겠습니다.

또 다른 멋진 도구는 Google 크롬 확장 프로그램 인 Colorzilla로, 모든 웹 사이트에서 볼 수있는 모든 색상의 16 진 코드를 가져 와서 직접 사용할 수 있습니다. Colorzilla 확장을 얻으려면, 여기를 클릭하십시오. 그런 다음 Chrome에 추가.

컬러 질라

다소 시간이 걸릴 수 있지만 완료되면 툴바에이 아이콘이 표시됩니다.

colorzilla 아이콘

이제 웹 사이트에서 사용하려는 웹 사이트에 색상이 표시되면이 아이콘을 클릭하고 복사 할 색상을 클릭하면됩니다. 그러면 16 진수 코드가 자동으로 복사되어 웹 사이트의 백엔드에 붙여 넣을 수 있습니다. 그렇게 쉽습니다. 한 번의 클릭으로 멋진 색상을 사용할 수있는 편리한 도구입니다.

타이포그래피 사용자 정의

또한 자신 만의 타이포그래피를 사용하여 웹 사이트를 돋보이게하려고합니다. 웹 사이트에는 일반적으로 2-3 개의 글꼴이 있습니다. 헤드 라인 또는 메뉴 용 글꼴, 본문 용 글꼴 및 추가 “팝 글꼴”이 있습니다. 색상과 마찬가지로 글꼴 만 사용할 수 없습니다. 서로 잘 어울리고 브랜드에 대한 올바른 메시지를 보내야합니다..

나는 사용하는 것을 좋아한다 Fontpair.co 서로 다른 두 글꼴이 어떻게 보이는지 보여주는 웹 사이트입니다.

fontpairs.co 사용

당신이 좋아하는 것을 본다면, 그 이름을 적어두면 WordPress로 가서 거기에 직접 추가 할 수 있습니다.

또한 어떤 웹 사이트에서 어떤 글꼴이 사용되는지 알려주는 Chrome 확장 프로그램 인 WhatFont를 사용하는 것이 좋습니다. WhatFont를 설치하려면, 여기를 클릭하십시오 그런 다음 클릭 Chrome에 추가. 그러면 툴바에이 아이콘이 표시됩니다.

whatfont 아이콘

서체 이름을 알고 싶다면이 아이콘을 클릭하고 마우스를 텍스트 위에 올려 놓으십시오. WhatFont에서이 글꼴의 이름을 말하고 클릭하면 글꼴 크기, 색상, 가족, 스타일, 무게 등이 표시됩니다..

whatfont 사용

로고 얻기

또한 웹 사이트를 차별화하고 브랜드 아이덴티티를 확립하려면 브랜드 로고가 필요합니다. 로고를 얻는 방법에는 여러 가지가 있습니다. 놀라운 디자인 도구를 사용하여 직접 시도해 볼 수 있습니다. 칸바. 초보자도 쉽게 디자인 할 수있어 매우 인기가 있습니다..

Canva에는 사용자가 직접 만들 수있는 많은 로고 템플릿이 제공됩니다. 그러나 투명한 배경으로 로고를 내보내려면 1 개월 무료 평가판이있는 Pro로 업그레이드해야합니다. 언제든지 Photoshop에서 또는 포토 피 배경을 제거하지만 프로세스에 하나의 추가 단계 만 추가하면됩니다..

칸바 로고

시간을 절약하려면 프리랜서 로고 디자이너를 고용하면됩니다. Fiverr.com 또는 99design과 같은 웹 사이트를 사용해 볼 수 있지만 스타일, 트랙 레코드, 리뷰, 등급 등을 기준으로 아티스트를 선택하는 데주의해야합니다..

웹 사이트 사용자 정의

이제 웹 사이트에서 해당 색상, 글꼴 및 로고를 사용할 차례입니다. 워드 프레스 백엔드 대시 보드에 있다면 외관 > 커스터마이즈 테마 사용자 정의 프로그램을 열려면.

테마를 사용자 정의

웹 사이트의 프런트 엔드에 있고 상단에 검은 색 막대가있는 경우 커스터마이즈 맞춤 설정 도구를 열려면.

테마를 사용자 정의

테마 커 스터 마이 저는 다음과 같습니다.

테마 커 스터 마이저

여기에서 로고를 업로드하고, 사이트 색상 및 타이포그래피를 변경하고, 버튼을 사용자 정의하는 등 다양한 작업을 수행 할 수 있습니다. 여기에서 변경 한 내용은 웹 사이트에 실시간으로 표시되므로 모양을 즉시 볼 수 있습니다. 또한 각 테마에는 다른 맞춤 설정 옵션이 있으므로 Astra 이외의 다른 테마를 사용하는 경우 여기에 다른 옵션이 표시 될 수 있습니다.

Astra에서 사이트 색상을 변경하려면 색상 및 배경. 기본 색상, 이동 경로, 머리글 및 바닥 글 막대 색상을 변경하는 옵션이 제공됩니다.

컬러 배경 편집기

기본 색상은 웹 사이트의 테마, 링크, 텍스트 및 링크 호버 색상입니다. 예를 들어 테마 색상을 변경하려면 색상 선택. 색상을 선택하는 두 가지 방법이 있습니다. 먼저 16 진수 코드를 상자에 붙여 넣을 수 있습니다. 따라서 Coolors.co 또는 다른 곳에서 색상을 찾은 경우 여기에 16 진수 코드를 붙여 넣을 수 있습니다. 내장 선택 도구에서 색상을 선택할 수도 있습니다.

기본 색상 편집기

사이트 입력 체계를 변경하려면 맞춤 설정 도구 기본 메뉴로 돌아가서 타이포그래피. 기본, 사이트 이동 경로, 콘텐츠 및 블로그 타이포그래피를 변경할 수 있습니다.

타이포그래피 커 스터 마이저

다음은 로고를 추가하는 것입니다. 로고를 업로드하려면 나열한 것 > 헤더 > 사이트 정체성. 로고 섹션에서 로고 변경 버튼을 클릭하고 로고를 업로드.

로고 업로드

Astra를 사용하면 로고 너비를 조정하여 표시하려는 크기를 크게 또는 작게 변경할 수 있습니다. 아래로 스크롤하면 사이트 제목을 변경하고 사이트 태그 라인을 추가하며 사이트 아이콘 또는 즐겨 찾기 아이콘을 추가 할 수도 있습니다.

사이트 콘텐츠 너비 변경, 블로그 게시물 구조 변경, 바닥 글 및 머리글 사용자 지정 등 Astra의 사용자 지정 영역에서 더 많은 작업을 수행 할 수 있습니다. 웹 사이트에 가장 적합한 것을 보려면 여기에서 옵션을 탐색하십시오..

사용자 정의가 완료되면 클릭하는 것을 잊지 마십시오 게시 변경 사항을 사이트에 게시.

5 단계. Elementor를 사용하여 웹 사이트 사용자 정의.

이제 사이트 색상 변경, 타이포그래피, 로고 추가 등과 같은 맞춤 설정 기본 사항을 확인했습니다. 이제 중요한 세부 정보를 확인하고 Elementor (또는 원하는 페이지 작성기)를 사용하여 사이트의 모양을 완전히 바꿔야합니다..

앞에서 언급했듯이이 자습서에서는 Elementor를 사용하려고합니다. 왜냐하면 그것이 가장 좋다고 생각하기 때문에 편한 페이지 작성기를 사용할 수 있습니다..

Elementor 내부에서는 웹 개발자를 코딩하거나 고용하지 않고도 웹 사이트에서 거의 모든 작업을 수행 할 수 있습니다. 간단한 드래그 앤 드롭 프로세스로 요소 추가.

Elementor로 페이지를 편집하는 방법에는 두 가지가 있습니다. 먼저 WordPress 백엔드에있는 경우 페이지 Astra 사이트 템플릿으로 자동 생성 된 페이지를 포함하여 웹 사이트의 모든 페이지 목록이 표시됩니다. 특정 페이지 빌더 (예 : Elementor)로 작성된 페이지에는 다음과 같이 레이블이 지정됩니다.

페이지

페이지 빌더를 사용하여 페이지를 편집하려면 페이지 위에 마우스를 놓고 클릭하십시오. (페이지 빌더)로 편집. 내 경우에는 Elementor로 편집.

elementor로 편집

클릭하면 Elementor로 이동합니다.

또 다른 방법은 웹 사이트의 프런트 엔드에있는 경우 수정하려는 페이지로 이동하여 클릭하는 것입니다 elementor로 편집 상단의 검은 막대에 :

elementor로 편집

이 중 하나가 Elementor 내부로 이동합니다. Elementor에 들어가면 제목에 다른 이미지를 사용하고 텍스트를 변경하고 아이콘을 변경하는 등의 작업을 수행 할 수 있습니다. 비즈니스에 맞게 제목의 텍스트와 이미지를 변경하여 시작할 수 있습니다. Elementor 내부의 텍스트로 할 수있는 작업은 다음과 같습니다.

Elementor에서 텍스트 편집

보시다시피 컨텐츠 편집 영역에서 바로 텍스트를 변경하고 크기, 무게, 색상 및 타이포그래피 패밀리를 변경할 수 있습니다. 간단한 페이드, 확대 / 축소 등과 같은 애니메이션을 추가 할 수도 있습니다. 웹 사이트에 향신료를 더하기 위해 할 수있는 일이 많이 있습니다.

또한 비즈니스 특성에 맞게 웹 사이트의 이미지를 변경하고 싶을 것입니다. Elementor에서 이미지를 변경하는 것은 매우 쉽습니다. 이미지를 클릭하면 왼쪽 사이드 바에 옵션이 나타납니다. 새 이미지를 업로드하고 크기를 변경하고 테두리 나 그림자를 추가하고 애니메이션을 추가하는 등의 작업을 수행 할 수 있습니다..

Elementor에서 이미지 편집

Elementor 내에서 버튼 텍스트를 변경하고, 평가 영역을 사용자 정의하고, 텍스트, 이미지, 버튼, 비디오 등과 같은 더 많은 요소 / 블록을 추가 할 수 있습니다.

Elementor Pro에는 양식 (일반적으로 타사 플러그인이 필요함) 추가, 자체 글꼴 업로드, 슬라이더 추가, 가격표 및 가격표 추가, 머리글 및 바닥 글 사용자 정의 ( 이는 대부분의 페이지 빌더로 제한되지 않습니다.).

Elementor Pro를 구입하고 동시에 Elementor Pro 과정에 무료로 액세스하려면 여기를 클릭하십시오..

5 단계. WooCommerce 설정.

이제 웹 사이트를 온라인 상점으로 바꾸는 WordPress 플러그인 인 WooCommerce를 설정할 차례입니다. 제품 추가, 온라인 결제 수락, 쿠폰 생성, 배송 및 세금 설정 등을 할 수 있습니다..

WooCommerce는 이미 Custom Print Astra Site 테마로 설치되었으므로 이제 들어가서 설정해야합니다. WooCommerce를 아직 설치하지 않은 경우 플러그인 > 새로운 걸 더하다 WooCommerce를 검색.

가장 먼저해야 할 일은 WooCommerce > 설정. 일반, 제품, 배송, 결제, 계정 및 개인 정보, 이메일 및 고급의 7 가지 탭이 표시됩니다..

먼저 살펴 보겠습니다 일반 탭. 이 탭에서 판매 및 배송 할 국가의 매장 주소를 설정하고 세율을 활성화 할 수 있습니다.

woocommerce 일반 설정

아래로 스크롤하면 쿠폰을 활성화하고 통화, 표시 위치 등을 포함하여 웹 사이트에서 가격이 표시되는 방법을 사용자 정의하는 옵션도 표시됩니다..

다음은 제품 제품 관련 옵션을 설정할 수있는 탭. 쇼핑 페이지가 될 페이지, 방문자가 장바구니에 제품을 추가하고, 제품 크기를 설정하고, 고객 리뷰를 활성화 및 구성하고, 별 등급을 활성화 할 때 발생하는 상황을 설정할 수 있습니다..

woocommerce 제품 설정

이 섹션의 상단에는 다음과 같은 옵션도 있습니다. 목록다운로드 가능한 제품. 인벤토리 섹션에서 옆에있는 확인란을 선택하면 재고 관리 사용, 인벤토리 관리에 도움이되는 옵션 목록이 표시됩니다. 예를 들어, 재고가 해당 숫자에 도달하면 알림을 받도록 낮은 재고 임계 값을 설정할 수 있습니다. 웹 사이트에서 재고 항목을 숨기도록 선택할 수도 있습니다.

인벤토리 설정

에 관해서는 다운로드 가능한 제품 섹션에서 웹 사이트에서 다운로드 가능한 콘텐츠를 판매하는 경우에만 관련이 있으므로 실제 제품을 판매하는 경우에는 건너 뛸 수 있습니다. 제품을 다운로드하기 전에 구매자가 로그인하도록 요구할 수 있습니다. 결제 후 다운로드에 액세스 할 수도 있습니다.

다운로드 가능한 제품 옵션

다음 탭은 배송. 구매자에게 배송 할 실제 제품을 판매하는 경우에만 해당됩니다. 이 탭 안에는 세 개의 하위 섹션이 있습니다. 운송 영역, 운송 옵션 및 운송 클래스.

배송 영역에서 배송 영역을 추가하고 사용 가능한 배송 방법을이 영역에 할당해야합니다. 여러 국가로 배송하는 경우 다소 시간이 걸립니다..

배송 구역

배송 구역에 대한 추가 지원이 필요한 경우 WooCommerce의 배송 구역을 확인할 수 있습니다 선적 서류 비치.

다음은 배송 옵션 부분. 이 섹션에서는 웹 사이트에 운송 요금이 표시되는 방법을 제어하고 기본 또는 필요한 운송 목적지를 설정할 수 있습니다.

배송 옵션

배송의 마지막 섹션은 배송 클래스. 운송 클래스를 사용하면 제품 그룹에 다른 운송비를 지정할 수 있습니다 (예 : 더 많은 우편 요금이 필요한 무거운 제품).

배송 클래스

배송비를 설정하려면 배송 지역 ‘플랫 요금’과 같은 기존 배송 방법을 만들거나 수정합니다..

운송비 추가

클릭하면 편집하다, 팝업 창이 나타납니다. 여기에서 방금 생성 한 운송 클래스에 대한 고정 운송 요금 및 추가 비용을 추가 할 수 있습니다.

운송 클래스의 운송 비용

배송 설정 구성에 도움이 더 필요한 경우 WooCommerce의 운송 관련 문서.

이제 넘어가겠습니다 지불. 이 탭에서는 PayPal, 은행 직접 이체, 현금 배달 등과 같은 지불 게이트웨이를 활성화 또는 비활성화 할 수 있습니다. 방법을 활성화 한 후 설정 계정을 연결하고 결제를 수락하기 위해.

지불 방법

Stripe 결제를 수락하려면라는 플러그인을 설치할 수 있습니다 WooCommerce Stripe 결제 게이트웨이. 그냥가 플러그인 > 새로운 걸 더하다 플러그인을 검색하십시오. 이 플러그인을 설치하고 활성화하면 WooCommerce에서 Stripe 결제 방법을 사용할 수 있지만 WooCommerce > 설정 > 지불 설정.

에서 계정 및 개인 정보 탭에서 계정 생성 및 사용자 개인 정보와 관련된 설정을 구성 할 수 있습니다. 손님이 계정을 만들지 않고 구매하도록 허용하고, 개인 정보 페이지 및 정책 페이지를 설정하고, 사용자 데이터를 보존 할 기간을 선택할 수 있습니다.

계정 및 개인 정보

다음은 이메일 특정 조건에 따라 WooCommerce가 자동으로 보내는 이메일 목록이 표시됩니다. 예를 들어, 새로운 주문이있을 때마다 선택한 이메일 주소로 이메일을 보낼 수 있습니다. 환불 또는 완료된 주문과 같은 고객 주문에 대한 업데이트가 포함 된 이메일을 볼 수도 있습니다..

이메일 알림

마지막으로 많은 API 탭을 대체 한 탭을 사용하면 카트 설정 페이지 또는 결제 페이지 역할을하는 페이지를 WooCommerce에 알릴 수있는 페이지 설정과 같은보다 자세한 기술 정보를 구성 할 수 있습니다.

페이지 설정 woocommerce

아래로 스크롤하면 WooCommerce가 엔드 포인트로 호출하는 것을 URL에 추가하여 새 페이지없이 다른 컨텐츠를 표시 할 수 있도록 엔드 포인트로 수정할 수 있습니다..

6 단계. 제품 추가.

기본 WooCommerce 설정을 마쳤 으면 이제 제품을 추가 할 차례입니다. 이 자습서에서 사용한 Astra Site 테마는 이미 샘플 제품과 함께 제공되며 프런트 엔드에서 제품 페이지가 표시되는 방식입니다.

제품 페이지

이제이를 변경하고 백엔드에 자체 제품을 추가하는 방법을 살펴 보겠습니다..

새 제품을 추가하거나 기존 제품을 편집하려면 메뉴 옵션을 클릭하십시오. 제품 WordPress 대시 보드의 왼쪽 사이드 바에서 그런 다음 가지고있는 모든 제품 목록이 표시됩니다. 또는 제품 페이지의 프런트 엔드에있는 경우 제품 편집 페이지 상단의 검은 막대에 제품 편집기로 바로 이동합니다.

제품 편집기

여기에서 제품 제목과 제품 설명을 변경할 수 있습니다. 아래로 스크롤하면라는 섹션이 나타납니다. 제품 데이터. 이곳에서 대부분의 시간을 보내실 수 있습니다. 여기서 제품 유형을 선택할 수 있으며 여기에서 다른 제품 설정을 구성 할 수 있습니다.

WooCommerce를 사용하면 다음 유형의 제품을 추가 할 수 있습니다.

  • 물리적, 다운로드 가능, 가상. 가상 제품을 반드시 다운로드 할 필요는 없습니다. 예를 들어 약속 또는 일대일 코칭 세션.
  • 간단한 제품. 단품 상품입니다.
  • 그룹화 된 제품. 이것은 다른 제품의 번들입니다.
  • 외부 제품. 제휴사 링크와 같이 웹 사이트 외부에서 구매 한 제품.
  • 가변 제품. 가변 제품은 색상 및 크기와 같은 변형이 있습니다.
제품 유형

새 제품을 만들 때마다 첫 번째 단계는 제품 유형을 선택하는 것입니다. 각 유형마다 다른 옵션 세트가 제공됩니다. 예를 들어, 다운로드 가능한 제품에는 다음 옵션이 있습니다.

다운로드 가능한 제품 옵션

이 섹션의 왼쪽에는 인벤토리, 배송, 연결된 제품 등에 대한 추가 옵션이 표시됩니다.

목록, SKU를 추가하고이 특정 제품에 대해 특정 수량의 재고를 제공하고 재고 상태를 설정하는 등의 작업을 수행 할 수 있습니다..

배송, 제품의 무게와 크기를 지정하고 이전 단계에서 만든 운송 클래스를 지정할 수 있습니다.

제품 데이터 배송

연결된 제품, 상향 판매 및 교차 판매 항목을 제품에 할당 할 수 있습니다. 상향 판매는 가격이 더 높기 때문에 현재 제품 대신 권장되는 제품입니다. 교차 판매는 현재 제품을 기준으로 장바구니에서 추천 할 제품입니다. 상향 판매 또는 교차 판매를 추가하려면 해당 상자에 제품 이름을 입력하십시오.

연결된 제품

제품에 속성을 추가 할 수도 있습니다. 속성 부분. 크기, 색상, 무게 등이 될 수 있습니다. 또한 가변 제품을 만드는 경우 먼저 여기에 속성을 추가해야합니다. 가변 제품을 생성하는 방법에 대한 자세한 내용을 보려면 WooCommerce 가이드는 여기.

아래로 스크롤하면 제품 데이터 상자에 간단한 제품 설명을 추가 할 수있는 영역이 표시됩니다. 이 설명은 제품 옆과 가격 근처에 나타납니다. 짧고 달콤하게 유지하십시오. 오른쪽에 제품 이미지를 추가 할 수 있습니다. 더 많은 제품 이미지가있는 경우 제품 이미지를 제품 갤러리 부분.

간단한 설명 및 제품 이미지

또한 페이지 상단의 아래에있는 카탈로그 공개 설정을 설정해야합니다. 게시. 경우에 따라 독점 할인 된 가격으로 특정 상품을 크로스 셀로 제공하기 때문에 특정 상품을 숨길 수도 있습니다. 이것은 당신이 할 수있는 곳입니다.

카탈로그 가시성

여기에 모든 것이 끝나면 클릭하십시오. 최신 정보 모든 변경 사항을 저장.

다양한 제품 유형과이를 올바르게 작성하는 방법에 대해 자세히 알아 보려면 WooCommerce 가이드 시작하기 좋은 곳입니다. 제품 목록을 작성할 때까지 여기에 표시된 것과 정확히 동일한 단계로 웹 사이트에 더 많은 제품을 계속 추가하십시오..

7 단계. 체크 아웃 사용자 정의.

WooCommerce는 지금까지 본 것처럼 훌륭한 플러그인이지만, 이에 대한 일반적인 불만은 결제 옵션이 없다는 것입니다. 결제 페이지의 모양을 변경할 수 없으며 판매 유입 경로를 만들 수 없습니다. 판매 유입 경로는 고객의 구매 가치를 높이는 좋은 방법이므로 웹 사이트에없는 경우 실제로 테이블에 돈을 남기고 있습니다.

전자 상거래 웹 사이트의 판매 유입 경로를 만들려면 CartFlows가 도움이되는 최고의 플러그인입니다. 워드 프레스 내에서 아름답고 효과적인 퍼널을 만들 수있는 퍼널 빌더 워드 프레스 플러그인입니다.

카트 흐름

CartFlows를 사용하여 판매 유입 경로를 만드는 방법에 대한 자세한 내용은이 자습서를 참조하십시오..

8 단계. 장바구니 이탈 방지.

이 튜토리얼을 마무리하기 전에 장바구니 포기에 대해 한 가지만 더 추가하겠습니다. 전자 상거래에서 많은 고객이 구매를 완료하지 않고 장바구니를 포기한다는 것은 사실입니다.

여러 가지 이유가있을 수 있습니다. 주의가 산만 해 지거나 전원이 끊어 졌거나 급한 일이 생겼을 수 있습니다. 그것이 무엇이든간에, 당신이 그것에 대해 아무것도하지 않으면 버려진 카트의 많은 판매가 손실됩니다.

다행히 플러그인이라는 플러그인이 있습니다. WooCommerce 카트 이탈 복구 버려진 카트가있는 고객에게 추적 이메일을 추적하고 자동으로 보내는 플러그인 – 모두 무료!

여기서 사용한 Astra Site 테마를 사용한 경우이 플러그인이 이미 설치되었을 것입니다. 그러나 그렇지 않은 경우 다음으로 이동하여 설치할 수 있습니다. 플러그인 > 새로운 걸 더하다 플러그인을 검색하십시오..

WooCommerce 아래에 새로운 옵션을 만듭니다. 장바구니 포기. 이 버튼을 클릭하면 버려진 카트 수, 복구 된 수 및 손실 된 카트 수에 대한 개요를 볼 수 있습니다..

복구 가능한 주문 장바구니 이탈

WooCommerce가 발송하는 후속 이메일을 사용자 정의 할 수도 있습니다. 후속 이메일 탭을 클릭하고 수정하려는 이메일 위로 마우스를 가져간 다음 편집하다.

후속 이메일

그러면 이메일 편집기로 이동합니다 :

후속 이메일 사용자 정의

마무리

전자 상거래 WordPress 웹 사이트를 만드는 것은 복잡하고 압도적으로 보일 수 있지만, 그것에 대한 정보를 얻고 약간의 도움으로 직접 할 수있는 방법을 보여 주었으면합니다. 귀하의 성공 사례에 대해 기쁘게 생각합니다. 도움이 필요하면 아래의 의견 섹션에서 문의 해주십시오..

SiteGround

SiteGround는 WordPress 사용자를 대상으로하지만 여전히 저렴한 가격을 제공하므로 온라인에서 권장되는 웹 호스트입니다. 그들은 빠른 성능과 똑같이 빠른 지원으로 가장 유명합니다..

주요 사이트 기능 :

  • 무료 SSL 인증서
  • 빠른 지식 지원
  • 워드 프레스 준비 환경
  • 무료 웹 사이트 마이그레이션
  • 매일 백업

SiteGround는 웹 호스팅 요구에 대한 확실한 선택입니다. 그들은 WordPress 웹 사이트를 수용하고 경쟁 업체보다 적은 리소스를 제공하지만 높은 신뢰성.

사이트 확인

아스트라 테마

Astra는 속도에 중점을 둔 무료 WordPress 테마입니다. 선택적으로 추가 설정 및 옵션을 추가하는 $ 59의 Pro 버전을 구입할 수 있습니다.

주요 아스트라 테마 특징 :

  • 금식 테마는 아니지만 슬룩은 아닙니다.
  • 많은 무료 데모 사이트
  • 유연한 메가 메뉴 기능
  • 맞춤 레이아웃 옵션
  • WooCommerce 지원
  • LearnDash 지원

Astra Theme는 모든 WordPress 웹 디자인 프로젝트에 적합한 선택입니다. 가장 큰 질문은 페이지 빌더가 테마가 필요한 것과 똑같은 일을 모두 수행하면서 요즘 테마를 구매해야하는 경우입니다. 예를 들어 Elementor에는 페이지 빌더가 모든 작업을 수행 할 수있는 무료 Hello 테마가 있습니다..

여전히 프로 테마를 구매해야 할 몇 가지 이유가 있지만 대부분의 사람들에게는 무료 테마로 문제가 없을 것입니다.

나를 위해, 나는 아스트라 테마가 현재 트렌드를 따라 가지 않았고 더 이상 그것을 추천하지 않는다고 생각합니다..

내장 된 머리글 및 바닥 글 작성기를 제공하는 3 가지 레이아웃과 더 유연한 페이지 및 게시물 레이아웃을 제공하는 훨씬 더 현대적인 테마를 사용할 수 있습니다..

아스트라 테마 확인

소원

Elementor는 WordPress 웹 디자인을 시작한 WordPress 페이지 빌더입니다. 가장 깊은 기능 세트를 가지고 있지만 사용 및 마스터 링이 매우 쉽습니다. Elementor는 모든 기능을 갖춘 무료 페이지 빌더입니다. 추가 개발자 기능을 추가하기위한 Pro 애드온도 있습니다.

주요 요소 기능 :

  • 라이브 프런트 엔드 페이지 편집기
  • 웹 사이트 개인화 기능
  • 템플릿 및 블록 라이브러리
  • 광범위한 모바일 응답 옵션
  • 가장 강력한 팝업 빌더
  • PRO 사용자 정의 머리글 / 바닥 글 만들기
  • PRO 포스트 유형 레이아웃 생성

Elementor는 현재 사용 가능한 가장 강력한 페이지 빌더입니다. 현재 디자인 트렌드에 맞는 새로운 기능을 지속적으로 출시합니다. 이것은 당신이 당신의 웹 사이트를 관련시킬 수 있다는 것을 의미합니다.

Elementor Pro는 포함 된 모든 추가 모듈 및 전원 기능을 고려할 때 놀라운 가치입니다.

오늘 새 웹 사이트 프로젝트를 시작했다면 Elementor가 내가 선택한 페이지 빌더가 될 것입니다. 사용하기 좋은 WordPress 페이지 빌더가 있어야한다고 생각합니다..

원소 검사

CartFlows

CartFlows는 WordPress의 판매 깔때기 작성기입니다. 선택한 페이지 빌더를 사용하여 쉽고 빠르게 판매 유입 경로를 구축 할 수 있습니다.

주요 CartFlows 특징 :

  • 전문적으로 디자인 된 템플릿
  • 5 위치 오더 범프
  • 한 번의 클릭으로 판매
  • 선호하는 페이지 빌더 사용
  • 클릭 유입 경로와 달리 확장 가능
  • 카운트 다운 타이머 및 분할 테스트

WordPress 용 판매 퍼널 빌더를 원하고 직접 호스팅하거나 관리되는 WordPress 호스팅을 사용하는 것이 좋으면 CartFlows는 사용하기 쉽지만 강력하기 때문에 훌륭한 옵션입니다.

CartFlows 확인

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map