WooCommerce 및 Elementor로 전자 상거래 웹 사이트를 구축하는 방법

게시 됨: 2022-10-17

전문 전자 상거래 웹 사이트를 만들려는 경우 Elementor와 WooCommerce가 사용할 수 있는 두 가지 훌륭한 도구입니다. 이 기사에서는 두 가지를 결합하여 강력한 온라인 상점을 만드는 방법을 보여줍니다. WooCommerce를 설정하는 단계를 안내한 다음 Elementor로 아름다운 페이지를 만드는 방법을 보여 드리겠습니다.

이 기사를 마치면 WooCommerce, Elementor 및 WooLentor를 사용하여 전자 상거래 웹 사이트를 구축하는 방법에 대한 모든 정보를 얻을 수 있습니다.

읽어보기: WooCommerce 대 Magento: 어느 것이 최고의 전자 상거래 플랫폼입니까?

WooCommerce 란 무엇이며 어떻게 작동합니까?

WooCommerce는 WordPress 기반의 오픈 소스 전자 상거래 플랫폼으로 WordPress 사이트를 전자 상거래 비즈니스로 전환할 수 있습니다. 많은 번거로움이나 비용 없이 온라인 상점을 개설하려는 중소기업 및 기업가에게 인기 있는 옵션입니다. WooCommerce는 무료로 사용할 수 있으며 다양한 기능을 제공하므로 온라인 상점을 만들기 위한 다목적 플랫폼입니다.

WooCommerce 및 Elementor 1로 전자 상거래 웹 사이트를 구축하는 방법

WooCommerce를 설정하는 데 몇 분 밖에 걸리지 않으며 일단 설치되면 즉시 제품 판매를 시작할 수 있습니다. WooCommerce에는 장바구니, 결제 게이트웨이 및 재고 관리를 포함하여 시작하는 데 필요한 모든 것이 포함되어 있습니다.

또한 추가 기능과 플러그인을 추가하여 WooCommerce의 기능을 확장할 수 있습니다. 전반적으로 WooCommerce는 디자인과 기능면에서 많은 유연성을 제공하는 사용자 친화적인 플랫폼으로 온라인 상점을 설정하는 데 이상적인 솔루션입니다.

WooCommerce 및 Elementor를 사용하여 온라인 스토어 구축의 이점

WooCommerce와 Elementor는 온라인 상점을 구축하는 데 관심이 있다면 고려해야 할 두 가지 훌륭한 플랫폼입니다. WooCommerce는 모든 온라인 상점의 30% 이상을 차지하는 인기 있는 전자 상거래 플랫폼입니다.

WooCommerce 및 Elementor 2로 전자 상거래 웹 사이트를 구축하는 방법

Elementor는 사용자 정의 페이지와 디자인을 쉽게 만들 수 있는 강력한 페이지 빌더입니다. 5백만 명이 넘는 사람들이 WordPress 사이트에서 Elementor를 적극적으로 사용하는 데는 그럴만한 이유가 있습니다. 아름다운 웹사이트를 만드는 데 전문가의 도움이 필요하지 않은 드래그 앤 드롭 페이지 빌더입니다. 몇 번의 클릭만으로 사이트를 사용할 수 있습니다!

WooCommerce 및 Elementor를 사용하여 온라인 상점을 구축할 때의 이점은 다음과 같습니다.

  • WooCommerce는 사용하기 쉽고 확장이 가능한 강력한 전자 상거래 플랫폼입니다.
  • Elementor는 사용자 지정 페이지 및 디자인을 만들기 위한 끌어서 놓기 인터페이스를 제공합니다.
  • WooCommerce와 Elementor는 모두 SEO 친화적이므로 검색 엔진에서 귀하의 상점을 쉽게 찾을 수 있습니다.
  • WooCommerce와 Elementor는 모두 반응형이므로 상점은 모든 기기에서 멋지게 보일 것입니다.
  • WooCommerce는 상점의 기능을 확장할 수 있는 다양한 기능과 플러그인을 제공합니다.
  • Elementor는 매장 디자인을 확장할 수 있는 다양한 위젯과 추가 기능을 제공합니다.

강력하고 유연한 온라인 상점을 구축하려는 경우 WooCommerce와 Elementor는 고려해야 할 두 가지 훌륭한 플랫폼입니다.

WooCommerce 및 Elementor를 사용하여 전문 온라인 상점을 구축하는 데 필요한 것

다음은 훌륭하고 전문적인 온라인 상점을 구축하는 데 사용되는 사항입니다.

  • 워드프레스 사이트
  • 우커머스 플러그인
  • Elementor 페이지 빌더
  • WooLentor(프리미엄 WooCommerce Elementor 페이지 빌더 추가 기능 플러그인)

WooCommerce 및 Elementor를 사용하여 온라인 상점 설정: 단계별 가이드

WooCommerce는 가장 인기 있는 WordPress 플러그인 중 하나이며 그 이유는 당연합니다. WooCommerce를 사용하면 WordPress 사이트를 제품 판매 및 결제에 필요한 모든 기능을 갖춘 완전한 기능의 온라인 상점으로 전환할 수 있습니다. 그리고 무엇보다도 WooCommerce는 무료로 사용할 수 있습니다.

이 기사에서는 함께 잘 작동하는 두 가지 강력한 도구인 WooCommerce와 Elementor를 사용하여 온라인 상점을 설정하는 방법을 보여줍니다. WooCommerce 설치부터 결제 방법 및 배송 옵션 설정까지 프로세스의 각 단계를 안내해 드립니다.

이 기사가 끝나면 온라인으로 제품 판매를 시작하는 데 필요한 모든 것을 갖추게 될 것입니다. 시작하자!

1단계: 도메인 및 호스팅 설정

WooCommerce 및 Elementor 3로 전자 상거래 웹 사이트를 구축하는 방법

온라인 상점을 시작하기 전에 도메인 이름과 호스팅 계획을 구매해야 합니다. 귀하의 도메인 이름은 잠재 고객이 귀하의 웹사이트를 찾는 데 사용하는 이름이므로 기억하기 쉽고 귀하가 제공하는 제품이나 서비스를 정확하게 나타내는 이름을 선택하는 것이 중요합니다.

도메인 이름을 선택했으면 호스팅 제공업체에 등록하세요. 일반적으로 동일한 공급자를 통해 이 작업을 수행할 수 있으며 두 서비스를 함께 구입하면 많은 호스트가 할인을 제공합니다.

모든 단계 중에서 호스팅 계획을 선택한 다음 구매하는 것이 가장 중요합니다. WooCommerce와 함께 작동하는 호스트는 셀 수 없이 많으며 각각 장단점이 있습니다.

예산에 따라 선택할 수 있는 옵션이 많이 있습니다. 이러한 서비스에 대한 요금은 일반적으로 필요한 공간과 정보 전송 속도(대역폭) 및 만들고 있는 웹 사이트의 종류에 따라 다릅니다.

구매하기 전에 요구 사항에 대해 신중하게 생각하는 것이 중요합니다. 예를 들어 인기 있는 웹사이트를 운영하려면 무제한 대역폭과 저장용량을 제공하는 서비스가 필요합니다. 그런 다음 공급자를 선택한 후 호스팅 계획을 얻어야 합니다.

호스팅 계획은 가격이 다를 수 있습니다. 약간의 노력을 기울이면 웹사이트에 이상적인 호스팅 계획을 확실히 찾을 수 있습니다.

2단계: WordPress 설치

WooCommerce 및 Elementor 4로 전자 상거래 웹 사이트를 구축하는 방법

이제 웹 호스팅 계정과 도메인 이름이 있으므로 WordPress를 설정할 차례입니다. 절차는 일반적으로 간단하며 몇 분 밖에 걸리지 않습니다. 많은 웹 호스트가 WordPress에 대한 원 클릭 설치 옵션을 제공하여 프로세스를 훨씬 더 편리하게 만듭니다. 호스트가 이 기능을 제공하지 않더라도 걱정하지 마십시오. WordPress를 수동으로 설치하는 것은 여전히 ​​매우 간단합니다.

일반적으로 WordPress.org 지침을 따를 수 있습니다. 웹사이트에서 소프트웨어를 다운로드하고 웹 서버에 데이터베이스를 설정하고 모든 것을 업로드하여 설치 스크립트를 실행하십시오. 이 작업을 올바르게 수행하면 완전한 WordPress 사이트를 갖게 됩니다!

3단계: WordPress WooCommerce 테마 선택

WooCommerce 및 Elementor 5로 전자 상거래 웹 사이트를 구축하는 방법

다음 단계는 테마를 선택하고 WordPress의 모양 > 테마 페이지로 이동하는 것입니다. 여기에서 무료 및 구매가 모두 가능한 다양한 테마를 볼 수 있습니다. 무료 옵션을 사용하는 경우 "활성화"를 클릭하기만 하면 됩니다. 그러나 프리미엄 테마를 선택하는 경우 사이트에 업로드하기 전에 먼저 구입하십시오. 테마가 활성화되면 WooCommerce 설치를 시작할 수 있습니다.

모든 기기에서 사이트가 매력적으로 보이도록 하려면 모바일 친화적이고 검색 엔진에 최적화된 테마를 선택하세요. 반응형 테마는 휴대전화든 컴퓨터든 보고 있는 화면 크기에 맞게 레이아웃을 자동으로 변경합니다!

WooCommerce 및 Elementor 6으로 전자 상거래 웹 사이트를 구축하는 방법

Flone – Minimal WooCommerce WordPress Theme는 반응성이 뛰어나고 창의적인 웹사이트 디자인입니다. 플론은 고품질의 데모 사이트를 제공하기 위해 시장을 생각하고 미래의 트렌드를 예측합니다. Flone WordPress 테마는 품질과 사용 편의성의 모든 핵심 요소를 성공적으로 통합했습니다.

Flone은 사이트를 돋보이게 하려는 기업가를 위한 훌륭한 테마입니다. 7가지 다른 머리글 스타일, 25개 이상의 섹션 및 4개의 바닥글 옵션이 제공되어 최신 트렌드를 확인할 수 있습니다.

다중 통화를 사용하면 전 세계 고객이 먼저 통화를 변환하지 않고도 PayPal 또는 신용 카드를 통해 쉽게 지불할 수 있으므로 수수료를 절약할 수 있습니다.

4단계: WooCommerce 플러그인 설정

WooCommerce 플러그인 설치 및 활성화

WooCommerce 및 Elementor 7로 전자 상거래 웹 사이트를 구축하는 방법

WordPress 관리 대시보드로 이동하여 플러그인을 선택합니다.

그런 다음 "새로 추가" 섹션에서 "WooCommerce"를 검색합니다. 그런 다음 "지금 설치"를 클릭하고 '활성화'를 선택하여 플러그인을 설치합니다.

이제 설정 마법사가 제공됩니다. 모든 것을 살펴보고 필요에 따라 필요한 수정을 모두 수행하는 것이 좋습니다.

WooCommerce 및 Elementor 8로 전자 상거래 웹 사이트를 구축하는 방법

설정 마법사를 시작하기 위해 "계속"을 선택합니다.

상점의 기본 정보 입력

WooCommerce 및 Elementor 9로 전자 상거래 웹 사이트를 구축하는 방법

시작하려면 위치, 제공할 품목의 종류, 사용하는 통화와 같은 상점에 대한 기본 정보가 필요합니다. 또한 어떤 유형의 상품을 판매하는지 묻습니다. 실제 품목, 디지털 제품, 이 둘의 조합, 대면 거래 또는 완전히 다른 것입니다.

또한 WooCommerce가 매장 개선을 위해 사용량을 추적하도록 할 것인지 결정할 수 있습니다. 양식을 작성한 후 페이지 하단의 '계속' 버튼을 클릭하고 다음 설정으로 이동합니다.

지불 옵션, 게이트웨이 및 추가 옵션 구성

WooCommerce 및 Elementor 10으로 전자 상거래 웹 사이트를 구축하는 방법

완료한 후 다음 단계는 상점에 대한 지불 게이트웨이를 선택하는 것입니다. WooCommerce가 지원하는 선택 사항 중 일부는 PayPal, 신용 카드 및 Stripe입니다. 온라인 상점의 지불 옵션은 위치와 판매하려는 제품 유형에 따라 다릅니다.

"직접 제품 판매" 옵션을 선택하지 않은 경우에는 Stripe 및 Paypal만 옵션으로 사용할 수 있습니다. 확인란을 선택하고 캐나다, 호주, 미국, 일본 또는 영국에 거주하는 경우 Square, Paypal 및 Stripe는 해당 결제 게이트웨이가 작동하는 국가이기 때문에 사용할 수 있습니다.

결제 페이지의 드롭다운 메뉴에서 '오프라인 결제'를 선택합니다. 그런 다음 수표, 은행 송금 또는 현금으로 지불하도록 선택할 수 있습니다. 모든 설정이 끝나면 '계속'을 클릭하고 다음 단계로 진행합니다.

다음으로 제품 세부 정보 배송에 중점을 둡니다. WooCommerce는 2개의 배송 지역을 지원합니다. Zone 1은 미국과 캐나다이고 Zone 2는 나머지 지역입니다.

매장이 Zone 1(미국 및 캐나다)에 있는 경우 실시간 배송료를 받을 수 있는 옵션이 있습니다. 그러나 원하는 경우 고정 배송료 또는 무료 배송을 설정할 수도 있습니다. 결정한 배송료에 대해 무게와 치수가 정확한지 확인하기만 하면 됩니다.

모든 것이 설정되면 '계속'을 클릭하고 '집에서 배송 라벨 인쇄'를 선택하여 자격 증명을 인쇄하십시오.

이 시점에서 WooCommerce 설치 마법사는 이메일 마케팅을 위한 Jetpack의 자동 세금 및 MailChimp와 같은 특정 필수 플러그인을 설치할 것인지 묻습니다. 전자 상거래 웹사이트에 필요한 것은 무엇이든 선택할 수 있습니다. 이렇게 하려면 각 항목 옆에 있는 확인란을 선택하여 사이트에 자동으로 설치하거나 나중에 수동으로 설치하십시오.

WooCommerce를 Jetpack과 연결하고 설정 완료

WooCommerce 및 Elementor 11을 사용하여 전자 상거래 웹 사이트를 구축하는 방법

이제 설정 마법사는 앞에서 설명한 것처럼 사이트를 Jetpack과 연결하도록 요청합니다. 이 플러그인은 자동 세금을 위한 모든 기능을 동시에 허용하면서 최고의 보안을 보장하는 데 탁월합니다.

'Jetpack 계속'을 클릭하면 마법사의 마지막 페이지가 나타납니다. 이 페이지에는 다양한 옵션이 있습니다. 간단히 확인하고 더 이상 고민하지 않고 계속하십시오.

5단계: WooCommerce 스토어에 제품 추가

WooCommerce 및 Elementor 12로 전자 상거래 웹 사이트를 구축하는 방법

이제 온라인 상점에 제품을 추가할 수 있습니다. 아시다시피 웹사이트에 새 항목을 삽입하는 방법에는 여러 가지가 있으며 아래 예에서 이것이 어떻게 작동하는지 보여드리겠습니다.

WordPress 대시보드로 이동하여 새 제품 추가

WooCommerce 및 Elementor 13으로 전자 상거래 웹 사이트를 구축하는 방법

WordPress 웹사이트에 제품을 추가하려면 다음 단계를 따르세요.

1. 대시보드에서 제품으로 이동한 다음 새로 추가로 이동합니다.

2. 여기에서 이름, 카테고리, 이미지, 태그 갤러리 설명 등을 포함하여 제품에 대한 정보를 삽입할 수 있습니다.

3. 온라인 상점에 제품을 하나씩 추가할 때 각 제품에 대한 모든 관련 정보를 포함해야 합니다.

제품 데이터 설정

WooCommerce 및 Elementor 14로 전자 상거래 웹 사이트를 구축하는 방법

기본 편집기 아래에 있는 패널은 제품 데이터를 설정하는 곳입니다. 상점에서 완벽한 경험을 보장하기 위해 이 정보를 사용자 정의하는 동안 세심한 주의를 기울이십시오.

시작하려면 단순 제품, 그룹화된 제품, 외부/제휴 제품 및 가변 제품과 같은 드롭다운 메뉴에서 제품의 데이터 유형을 선택합니다.

비즈니스 틈새, 산업 유형, 제품 범주 및 기타 요소에 따라 다른 구성 옵션이 나타납니다. 모든 데이터를 적절하게 설정하고 저장이 완료되면 '전체 제품'에서 제품을 확인하십시오.

제품이 어떻게 보이는지 확인

WooCommerce 및 Elementor 15로 전자 상거래 웹 사이트를 구축하는 방법

필요한 모든 작업을 완료했습니다. 이제 온라인 상점과 제품이 고객에게 어떻게 보이는지 확인할 때입니다. 이것은 주로 선택한 테마에 따라 결정됩니다. 그것은 또한 당신이 선택한 것에 달려 있습니다.

6단계: WooCommerce 스토어 디자인을 위한 Elementor 설치 및 활성화

WooCommerce 및 Elementor 7로 전자 상거래 웹 사이트를 구축하는 방법

Elementor는 코딩 지식 없이도 전문적인 웹사이트를 만들려는 사람들에게 완벽한 솔루션입니다. 이 간단하지만 강력한 도구를 사용하면 한 번의 클릭으로 페이지에 비디오나 버튼을 포함하는 동시에 텍스트와 이미지를 추가할 수 있습니다!

Elementor의 광범위한 기능, 옵션 및 위젯을 사용하여 다양한 방식으로 사용자 정의할 수 있습니다! 요소를 쉽게 끌어다 놓아 사용자 정의 페이지와 템플릿을 만들 수 있습니다. Elementor를 사용하여 WooCommerce 제품을 사용자 지정할 수도 있습니다.

WooCommerce 및 Elementor 17을 사용하여 전자 상거래 웹 사이트를 구축하는 방법

Elementor 설치 방법

Elementor를 설치하려면 WordPress 대시보드에 로그인하고 플러그인 섹션으로 이동합니다. 그런 다음 새로 추가 버튼을 클릭하고 Elementor를 검색합니다.

플러그인을 찾으면 지금 설치 버튼을 클릭하고 플러그인을 활성화하십시오. 그런 다음 Elementor로 WooCommerce 스토어 디자인을 시작할 준비가 된 것입니다!

또는 수동 프로세스를 선호하는 경우 Elementor를 다운로드하고 '플러그인 업로드' 옵션을 사용하여 파일을 업로드합니다. 완료되면 다음 단계에 따라 상점 페이지 디자인을 시작하십시오.

제품 판매를 시작하려면 먼저 제품 페이지를 만들어야 합니다. Elementor를 사용하면 브랜드와 더 잘 어울리고 고객의 요구 사항을 충족하도록 온라인 상점을 완전히 맞춤화할 수 있습니다.

Elementor를 사용하여 제품 페이지 구성

WooCommerce 및 Elementor 18을 사용하여 전자 상거래 웹 사이트를 구축하는 방법

특정 항목의 기능을 표시하는 제품 페이지를 개발하려면 다음 단계를 따르세요.

Elementor를 사용하려면 먼저 WordPress 대시보드의 페이지로 이동하세요. 그런 다음 "새로 추가"를 클릭하십시오. 오른쪽 템플릿 드롭다운에서 Elementor Canvas를 선택합니다. 마지막으로 "Elementor로 편집"을 클릭하여 시작합니다.

미리 디자인된 템플릿이나 블록을 활용하거나 각 구성 요소를 개별적으로 개발하는 것을 포함하여 페이지를 구성하기 위한 많은 옵션이 있습니다. 또한 타사 추가 기능을 사용하여 템플릿 라이브러리의 기능을 확장할 수 있습니다. 고유한 구성 요소를 구축하기 위해 다양한 종류의 유용한 위젯을 활용할 수 있습니다.

Elementor의 강력한 기능을 최대한 활용하기 위해 WooLentor Elementor 애드온 플러그인을 사용했습니다.

디자인 완성

WooCommerce 및 Elementor 19로 전자 상거래 웹 사이트를 구축하는 방법

이제 모든 설정이 성공적으로 완료되었습니다. 다음 단계는 페이지를 퍼블리싱하는 것이지만, 먼저 특정 카테고리에 페이지가 표시되도록 조건을 설정해야 합니다. 이는 잠재 고객이 귀하의 상점을 보다 쉽게 ​​찾을 수 있도록 하고 귀하의 상점의 검색 엔진 순위를 높이는 데에도 도움이 됩니다.

다른 모든 페이지도 이 방식으로 디자인할 수 있습니다. 제한은 없습니다. 디자인을 생각한 다음 다른 위젯을 사용하여 생성하기만 하면 됩니다.

7단계: 광범위한 Elementor 기능에 WooLentor Elementor 애드온 플러그인 사용

WooLentor 플러그인 개요

WooCommerce 및 Elementor 20으로 전자 상거래 웹 사이트를 구축하는 방법

WooLentor 플러그인은 성공적인 온라인 상점을 만드는 데 필요한 모든 것을 제공합니다. 선택할 수 있는 19개의 모듈과 91개 이상의 위젯이 있으므로 충분히 쉽습니다! 또한 사용자가 즉시 사용자 정의 페이지 또는 템플릿을 빠르게 만들 수 있는 강력한 페이지 빌더가 있습니다.

WooLentor에는 판매 및 전환율을 높이는 데 도움이 되도록 설계된 많은 기능이 포함되어 있습니다. 주요 기능 중 일부는 다음과 같습니다.

  • WooCommerce 스토어에 사전 제작된 여러 페이지 템플릿을 사용할 수 있습니다.
  • 맞춤형 WooCommerce 페이지를 쉽게 생성할 수 있는 시각적 드래그 앤 드롭 페이지 빌더
  • 상점에 추가 기능을 추가하는 데 사용할 수 있는 강력한 WooCommerce 모듈 세트
  • 상점에 추가 기능을 추가하는 데 사용할 수 있는 다양한 WooCommerce 위젯
  • 모든 장치에 맞는 뛰어난 반응형 디자인.
  • 전담 고객 지원 팀.

WooLentor는 다양한 방식으로 사이트를 사용자 정의할 수 있는 기능과 함께 사용자 정의 가능한 위젯의 놀라운 선택을 제공합니다. 제품 그리드 및 고객 리뷰 시스템과 Ajax 검색 양식을 사용하여 웹사이트의 기능을 높일 수 있습니다!

WooLentor는 또한 쉽고 효율적인 방식으로 사이트를 디자인하는 데 도움이 되는 다양한 템플릿을 제공합니다. 쇼핑 템플릿, 내 계정 템플릿, 체크아웃 템플릿 등 – WooLentor는 고급 템플릿 옵션을 제공합니다.

또한 이 다재다능하고 강력한 Elementor 기반 WooCommerce 페이지 빌더 플러그인을 사용하면 판매 알림, 플래시 판매 카운트다운, 제품 비교, 이메일 사용자 정의 및 Shopify 스타일 체크아웃과 같은 다양한 모듈을 사용하여 WooCommerce 상점의 모양을 쉽게 개인화할 수 있습니다.

전체적으로 WooLentor는 WooCommerce의 모든 요구 사항을 충족하는 원스톱 상점입니다.

지금 다운로드

WooLentor를 사용하여 WooCommerce 스토어 사용자 정의

WooLentor의 도움으로 웹 사이트를 사용자 정의하여 더 흥미롭고 매력적으로 만들 수 있습니다. 초보자도 쉽게 이해할 수 있는 쉬운 인터페이스로 몇 초 만에 블록이나 페이지를 추가하는 등 다양한 기능을 제공합니다!

WooLentor 설치 및 활성화
WooCommerce 및 Elementor 21로 전자 상거래 웹 사이트를 구축하는 방법

WooLentor를 시작하려면 WordPress 저장소에서 플러그인을 설치하고 활성화하기만 하면 됩니다.

더 많은 프리미엄 기능을 원하시면 예산에 따라 패키지가 다른 WooLentor Pro 버전으로 이동하십시오. 웹 사이트에서 프로 버전을 얻을 수 있습니다.

WooLentor 메뉴로 이동
WooCommerce 및 Elementor 22로 전자 상거래 웹 사이트를 구축하는 방법

이제 WooLentor의 메뉴로 이동합니다. 이 시점에서 WooLentor의 다양한 기능이 모두 나열된 페이지로 이동합니다.

템플릿 빌더로 이동하여 새로 추가로 이동
WooCommerce 및 Elementor 23으로 전자 상거래 웹 사이트를 구축하는 방법

WordPress 대시보드의 WooLentor 메뉴에서 템플릿 빌더로 이동합니다.

새 항목 추가로 바로 이동하십시오!

원하는 페이지를 구축하도록 페이지 템플릿 설정 구성
WooCommerce 및 Elementor 24로 전자 상거래 웹 사이트를 구축하는 방법

다음 단계는 최적화된 버전을 빌드할 수 있도록 원하는 페이지 템플릿을 구성하는 것입니다.

"새로 추가"를 클릭하여 원하는 페이지 템플릿을 만듭니다. 이렇게 하면 이름을 지정하고 템플릿 유형을 선택할 수 있는 페이지 템플릿 설정 팝업 창이 나타납니다.

템플릿을 기본 페이지로 사용하려면 "기본값 설정" 상자를 선택하고 변경 사항을 저장합니다.

Elementor로 페이지 템플릿 사용자 지정
WooCommerce 및 Elementor 25로 전자 상거래 웹 사이트를 구축하는 방법

매개변수를 저장한 후 Elementor 위젯을 사용하여 기본 설정에 따라 템플릿을 변경하고 사용자 지정할 수 있습니다. 다양한 페이지에 사용할 수 있는 몇 가지 미리 만들어진 템플릿이 있습니다.

활용을 원하시면 팝업창의 '샘플 디자인'으로 가시면 해당 페이지에 미리 만들어진 템플릿이 나옵니다. 그 중 하나를 즉시 선택할 수 있으며 필요에 맞게 사용자 정의할 수도 있습니다.

페이지 테스트
WooCommerce 및 Elementor 26으로 전자 상거래 웹 사이트를 구축하는 방법

마지막으로 페이지가 제대로 작동하고 모든 것이 잘 보이는지 테스트해야 합니다.

WooCommerce 스토어를 위한 기타 중요한 플러그인

WooCommerce 스토어의 가장 중요한 플러그인 중 일부는 여기에 있습니다. 여기에는 제품 리뷰, 도매 가격 등과 같은 기능이 추가되어 온라인 비즈니스를 더 잘 제어할 수 있습니다!

문의 양식 7:

고객이 쉽게 연락할 수 있는 방법을 웹사이트에 갖고 싶다면 Contact Form 7 플러그인이 WooCommerce 스토어에 필요한 것입니다. 이 플러그인을 사용하면 고객 피드백 또는 기타 필수 정보를 수집하기 위해 필요에 맞는 양식을 만들 수 있습니다. 간단하고 사용하기 쉬운 인터페이스를 통해 누구나 적은 노력으로 맞춤형 양식을 만들 수 있습니다.

CF7용 확장:

WordPress 사이트에서 Contact Form 7 플러그인을 사용하는 경우 Contact Form 7 Extensions 플러그인은 필수입니다. 이 강력한 플러그인은 사용자 정의 필드, 파일 업로드 등을 Contact Form 7에 추가합니다. 또한 양식 내보내기/가져오기 및 사용자 정의 템플릿 생성과 같은 연락처 양식을 보다 쉽게 ​​관리할 수 있는 기능도 포함되어 있습니다.

홀스

Whols는 도매가 설정을 위한 훌륭한 WooCommerce 플러그인입니다. 도매 기능을 갖춘 온라인 상점을 구축하려는 경우 유용합니다. 최소 주문 수량뿐만 아니라 다양한 품목 및 제품 범주에 대해 다른 요금을 설정할 수 있습니다. Whols는 도매 고객에게 할인을 제공하여 판매를 늘리는 환상적인 방법입니다.

WP 플러그인 관리자

"WP 플러그인 관리자"는 특정 페이지 또는 게시물에 대한 플러그인을 비활성화할 수 있는 WordPress 플러그인입니다. 웹사이트에서 모든 플러그인을 로드할 필요가 없을 수도 있습니다. WP 플러그인 관리자 플러그인을 사용하면 사이트 성능을 향상하고 로드 시간을 줄이기 위해 페이지별로 개별 WordPress 플러그인을 비활성화할 수 있습니다.

워드펜스

Wordfence는 처음부터 보호하기 위해 만들어진 엔드포인트 방화벽 및 맬웨어 스캐너로 WordPress를 보호합니다. Wordfence의 Threat Defense Feed는 웹사이트를 안전하게 유지하는 데 필요한 최신 방화벽 규칙, 맬웨어 서명 및 유해한 IP 주소를 제공합니다. Wordfence는 2FA 및 추가 기능 모음으로 완성됩니다.

순위 수학

Rank Math를 사용하면 널리 인정되는 모범 사례를 기반으로 하는 기본 제공 제안으로 검색 엔진에 맞게 콘텐츠를 쉽게 최적화할 수 있습니다. 이 플러그인을 사용하여 중요한 SEO 설정을 쉽게 사용자 정의하고, 인덱싱 가능한 페이지를 제어하고, 검색 결과에 웹사이트를 표시할 방법을 결정할 수 있습니다.

W3 총 캐시

W3 Total Cache는 웹사이트를 더 빠르게 만들고 로딩 시간을 줄임으로써 사이트의 SEO, 핵심 Web Vitals 및 사용자 경험을 전반적으로 향상시킵니다. 이는 콘텐츠 전송 네트워크(CDN) 통합과 같은 기능을 사용하고 최신 모범 사례를 따라 수행됩니다.

자주 묻는 질문

Q1. 우커머스란?

WooCommerce는 WordPress 웹 사이트를 온라인 상점으로 바꾸는 플러그인입니다. 제품 및 서비스를 온라인으로 판매할 수 있으며 재고 관리, 주문 처리 및 지불과 같은 기능이 포함됩니다.

Q2. 엘리멘터란?

Elementor는 WooCommerce 스토어를 위한 맞춤형 페이지와 게시물을 쉽게 만들 수 있는 드래그 앤 드롭 페이지 빌더 플러그인입니다. Elementor를 사용하면 코드를 작성하지 않고도 페이지에서 요소를 추가, 삭제 및 재정렬할 수 있습니다.

Q3. WooCommerce를 어떻게 설정합니까?

WooCommerce를 설정하려면 먼저 WordPress 사이트에 WooCommerce 플러그인을 설치해야 합니다. 플러그인이 설치되면 활성화하고 스토어 설정을 시작할 수 있습니다.

Q4. Elementor를 사용하여 웹사이트를 만드는 과정은 무엇입니까?

Elementor를 시작하는 것은 간단합니다. 다른 WordPress 플러그인과 동일한 방식으로 설치할 수 있습니다. 설치가 완료되면 이를 활성화하고 WooCommerce 스토어에 대한 사용자 정의 페이지 및 게시물 생성을 시작할 수 있습니다.

Q5. WooCommerce를 Elementor와 어떻게 통합합니까?

WooCommerce를 Elementor와 통합하려면 WooCommerce Elementor 플러그인을 설치하고 활성화해야 합니다. 활성화되면 Elementor를 사용하여 맞춤형 WooCommerce 페이지 및 게시물 생성을 시작할 수 있습니다.

Q6. WooCommerce를 사용하는 데 비용이 듭니까?

아니요, WooCommerce는 무료 플러그인입니다. 그러나 호스팅, 도메인 이름 및 온라인 상점 설정과 관련된 기타 필요한 비용을 지불해야 합니다.

Q7. 엘리멘터 비용은 얼마인가요?

아니요, Elementor는 무료 플러그인입니다. 그러나 웹 사이트에서 프리미엄 템플릿이나 추가 기능을 구매하도록 선택할 수 있습니다.

Q8. WooCommerce 또는 Elementor 중 어느 것이 더 낫습니까?

WooCommerce와 Elementor는 모두 고유한 기능과 이점이 있는 훌륭한 플러그인입니다. 그것은 모두 귀하의 요구 사항에 달려 있습니다.

Q9.우렌터가 무엇인가요?

Woolentor는 Elementor의 드래그 앤 드롭 빌더를 사용하여 맞춤형 WooCommerce 제품을 만들 수 있는 WordPress 플러그인입니다.

Q10. WooLentor는 어떻게 작동하나요?

설치하고 활성화하면 새로운 "WooCommerce 제품" 템플릿을 Elementor 라이브러리에 추가할 수 있습니다. 이렇게 하면 모든 WooCommerce 제품 필드와 Woolentor 고유의 일부 사용자 정의 필드에 액세스할 수 있습니다.

Q11. WooLentor를 사용하려면 코딩을 알아야 하나요?

아니! Woolentor는 끌어서 놓기 빌더이므로 사용하는 데 코딩 지식이 필요하지 않습니다.

Q12.WooLentor는 무료인가요?

예, Woolentor는 무료 WordPress 플러그인입니다. 그러나 추가 프리미엄 및 고급 기능을 원하는 경우 다른 가격 패키지로 Pro 버전을 구입할 수 있습니다.

마지막 생각들

WooCommerce는 WordPress를 기반으로 구축된 인기 있는 사용자 지정 가능한 오픈 소스 전자 상거래 플랫폼으로 WordPress 사이트를 전자 상거래 상점으로 전환할 수 있습니다. WooCommerce는 제품 관리, 주문 추적, 지불 처리, 배송 및 세금 계산과 같은 온라인 상점을 운영하는 데 필요한 모든 기능을 제공합니다.

Elementor는 코딩 지식 없이도 아름다운 페이지와 게시물을 쉽게 만들 수 있는 시각적 페이지 빌더입니다. Elementor를 사용하면 드래그 앤 드롭 인터페이스로 멋진 페이지와 게시물을 만들 수 있습니다.

WooCommerce와 Elementor를 함께 사용하면 기술 전문 지식 없이도 전문적인 느낌의 온라인 상점을 쉽게 구축할 수 있습니다. WooCommerce와 Elementor를 사용하면 보기 좋고 사용하기 쉬운 온라인 상점을 구축할 수 있습니다. WooCommerce와 Elementor는 모두 무료이므로 돈을 들이지 않고도 시작할 수 있습니다!