Elementor로 WooCommerce Shop 페이지를 편집하는 방법
게시 됨: 2022-01-26WooCommerce 상점이 있고 비즈니스를 성장시키고 싶다면 Elementor로 WooCommerce 상점 페이지를 편집하는 방법을 보여 드리겠습니다.
이 기사에서는 몇 가지 간단한 단계를 통해 WooCommerce 쇼핑 페이지를 편집하는 프로세스를 보여줍니다. 과정을 배우려면 끝까지 우리와 함께해야합니다.
WooCommerce를 설치하고 비즈니스를 위한 쇼핑 페이지를 설정했다고 가정합니다. 이 페이지를 편집하는 과정을 보여드리겠습니다.
상점 페이지를 편집하는 몇 가지 간단한 단계가 있습니다. 당신은 이것에 대해 걱정할 필요가 없습니다.
단계는 다음과 같습니다.
1단계: 단일 제품 템플릿 생성
2단계: 미리 디자인된 제품 페이지 템플릿을 선택하거나 처음부터 제작하세요.
3단계: 페이지를 구성할 제품 위젯 추가
4단계: 다른 제품과 함께 제품 페이지 미리보기
5단계: 조건 설정
시작하자!
1단계: 단일 제품 템플릿 생성
Elementor에서 단일 제품 템플릿 디자인을 시작하고 일반 단일 템플릿을 생성하는 것과 유사한 절차를 따릅니다.
이렇게 하려면 WordPress 대시보드> 템플릿> 새로 추가로 이동해야 합니다. 그런 다음 템플릿 옵션에서 단일 페이지 를 선택하고 만들기 버튼을 클릭해야 합니다.
2단계: 미리 디자인된 제품 페이지 템플릿을 선택하거나 처음부터 제작하세요.
시작하는 가장 쉬운 방법을 따르십시오. 미리 디자인된 제품 페이지 템플릿 중 하나를 사용하여 사이트에 맞게 사용자 지정합니다. 선택할 수있는 여러 가지 스타일의 제품 페이지가 있기 때문에 다양한 스타일을 선택할 수 있습니다.
위젯 추가를 시작하기 전에 전체 너비 템플릿으로 전환하여 전체 너비 제품 페이지에서 작업하고 있는지 확인하십시오.
Elementor를 사용하여 제품 페이지의 레이아웃과 스타일을 완전히 사용자 정의할 수 있습니다.
처음부터 빌드하는 또 다른 옵션이 있습니다. 편집 패널에서 제품에 대한 특수 위젯을 볼 수 있습니다.
3단계: 페이지를 구성할 제품 위젯 추가
이제 제품 페이지를 구성할 요소를 만들 차례입니다. 제품 위젯의 전체 목록을 보려면 해당 주제에 대한 설명서를 참조하십시오. 이 튜토리얼에서는 다음 Elementor 위젯을 사용하고 다른 플러그인은 사용하지 않습니다.
- 제품 제목 위젯
- 제품 이미지 위젯
- Woo Breadcrumb 위젯
- 간단한 설명 위젯
- 제품 평가 위젯
- 제품 가격 위젯
- 제품 메타 위젯
- 장바구니 위젯에 추가
- 제품 관련
- 제품 데이터 탭
- 상향 판매 위젯
레이아웃을 가지고 놀고 요소를 이동할 수 있는 완전한 자유가 있습니다.
다른 위젯을 사용하여 제품 페이지를 보다 효과적이고 매력적으로 만들 수 있습니다. 동적 콘텐츠 기능을 사용하여 템플릿에 공유 버튼, 클릭 유도문안 위젯, 추천 이미지, 드롭다운 메뉴 및 사용자 정의 필드를 추가할 수 있습니다.
4단계: 다른 제품과 함께 제품 페이지 미리보기
제품 템플릿이 올바른 디자인인지 확인하기 위해 여러 제품과 함께 미리보기를 권장합니다.
왼쪽 하단 패널의 눈 아이콘을 클릭한 다음 설정을 클릭해야 합니다. 미리보기 설정에서 표시할 특정 제품을 선택합니다. 이제 적용하고 검토하여 어떻게 보이는지 확인하십시오.
5단계: 조건 설정
제품 템플릿이 표시될 위치를 결정하기 위한 조건을 설정하는 마지막 단계입니다. 기본적으로 템플릿은 사이트의 모든 제품 페이지에 영향을 미칩니다. 특정 카테고리의 제품을 선택할 수도 있습니다.
게시를 클릭하면 단일 제품이 출시됩니다!
모두 완료되었습니다! wsdgets를 사용하여 WooCommerce 쇼핑 페이지를 성공적으로 편집했습니다. 이제 이전보다 더 많은 방문자를 사이트에 방문할 수 있습니다.
결론
기회를 제공하는 Elementor의 WooCommerce Builder를 사용하여 제품 페이지를 시각적으로 만들고 미세 조정할 수 있는 디자인 유연성을 얻을 수 있습니다. 이것은 시간을 절약하는 데 도움이 되며, 가지고 있는 아이디어에서 완전한 기능을 갖춘 라이브 온라인 WooCommerce 스토어로 전환하는 데 걸리는 시간을 상당히 줄여줍니다.
영감을 얻기 위해 WooCommerce 웹 사이트의 이 예를 보고 확인할 수 있는 수많은 WooCommerce 테마가 있습니다.
함께해주셔서 감사합니다. 좋은 하루 되세요.