OceanWP 및 도구 세트로 맞춤형 WooCommerce 스토어를 구축하는 방법(코딩 없음)
게시 됨: 2021-05-05고급 기능을 갖춘 눈길을 끄는 온라인 상점을 구축하기 위해 사용자 정의 코딩이 필요하지 않습니다 . Toolset 및 OceanWP를 사용하면 코딩 없이 고유한 기능과 스타일을 사용하여 처음부터 완전히 맞춤형 제품 및 쇼핑 페이지를 구축할 수 있습니다.
온라인 상점을 구축 중이라면 WooCommerce의 기본 템플릿과 사이트 테마가 주로 상점의 모양을 결정한다는 것을 알았을 것입니다. 켜거나 끌 수 있는 몇 가지 옵션이 있을 수 있습니다. 그렇지 않으면 사용자 정의 프로그래밍 없이 고급 기능을 추가하는 것이 불가능합니다.
또는 코딩 없이 Toolset 및 OceanWP를 사용하여 완전히 맞춤형 WooCommerce 스토어를 만들 수 있습니다 .
Toolset을 사용하면 주요 소매 사이트에서만 볼 수 있는 기능을 구축할 수 있습니다. 또는 자신만의 기능을 구상한 다음 사용자 지정 게시물 유형 및 필드, 게시물 관계, 사용자 지정 레이아웃 등을 사용하여 생성할 수도 있습니다.
OceanWP는 광범위한 스타일 옵션 덕분에 사이트를 멋지게 보이게 합니다. 또한 프론트 엔드에서 사이트가 어떻게 보이는지 정확하게 보여주는 직관적인 관리자 편집 환경이 있습니다.
다음은 Toolset 및 OceanWP를 사용하여 온라인 상점을 사용자 지정하는 4단계입니다.
- 표시하고 홍보할 대상 결정
- 사용자 정의 게시물 유형, 필드 및 분류로 제품 정의
- 사용자 정의 제품 페이지 만들기
- 동적 Shop 페이지 및 검색 기능 생성
표시하고 홍보할 대상 결정
Toolset의 유연한 기능은 제품 페이지를 재정렬하고 스타일을 지정하는 것 이상을 수행합니다. 귀하의 비즈니스에 특별히 적용되는 완전히 맞춤형 기능을 생성하거나 주요 소매 사이트의 고급 기능을 사용할 수 있습니다.
이것들은 WooCommerce만으로는 절대 얻을 수 없는 기능이며 Toolset으로 가능한 것의 표면만을 긁을 뿐입니다. 무엇보다도 코딩 없이 이 모든 작업을 수행할 수 있습니다!
사용자 정의 게시물 유형, 필드 및 분류로 제품 정의
아이디어를 염두에 둔 후에는 사용자 정의 게시물 유형, 필드, 분류 및 게시물 관계를 무제한으로 만들어 아이디어를 현실로 만들 수 있습니다.
WooCommerce는 제품 속성, 설명, 가격 및 중량 및 치수와 같은 배송 정보와 같은 제품을 정의하는 몇 가지 기본 필드를 제공합니다.
Toolset을 사용하여 특정 제품 기능, 브랜드와 같은 기타 정보를 추가하거나 제품이 속한 부서를 말할 수 있습니다.
모든 테마가 사용자 정의 게시물 유형에서 잘 작동하는 것은 아니지만 OceanWP는 "사용자 정의 유형 준비"입니다. OceanWP를 사용하면 각 콘텐츠 템플릿에 서로 다른 테마 설정을 적용할 수 있습니다. 이렇게 하면 이 사용자 지정 콘텐츠가 사이트에 표시되는 방식을 더 잘 제어할 수 있습니다.
사용자 정의 제품 페이지 만들기
제품을 정의하면 완전히 사용자 정의 템플릿을 만들어 제품과 사용자 정의 필드의 정보를 표시할 수 있습니다. 제품 템플릿을 사용하면 페이지를 한 번만 작성하면 되며 변경 사항은 해당 템플릿을 사용하는 모든 제품에 즉시 반영됩니다.
Toolset을 사용하면 Toolset의 WooCommerce Blocks를 사용하여 처음부터 제품 템플릿을 완전히 구축할 수 있습니다.
템플릿이나 아카이브를 제품에 할당하고 제품 평가, 제품 탭, 제품 속성, 장바구니에 담기 버튼 등과 같은 원하는 블록을 추가하기만 하면 됩니다.
블록은 사용자 정의 필드에서 정보를 동적으로 가져올 수 있습니다. 즉, 표시할 제목 블록(예: 제품 이름)을 추가하면 고객이 보고 있는 제품에 따라 올바른 제품 이름이 자동으로 표시됩니다.
특정 제품 기준에 따라 다른 템플릿을 사용하도록 템플릿을 조건부로 할당할 수도 있습니다. 예를 들어 조건부 템플릿을 사용하여 다른 레이아웃을 사용하여 품절된 항목을 표시할 수 있습니다.
OceanWP는 이러한 템플릿의 스타일을 지정하기 위한 다양한 옵션을 제공합니다. 포스트 타이핑이 가능하기 때문에 다양한 템플릿에 대해 다양한 테마 옵션을 선택할 수 있습니다. 예를 들어, 일부 제품에 대해 사이드바를 표시하도록 선택하고 추천 제품에 대해 전체 너비 레이아웃을 선택할 수 있습니다.
OceanWP에는 전체 사이트에서 매장의 시각적 아이덴티티를 일관되게 유지하는 데 도움이 되는 글로벌 스타일 옵션도 포함되어 있습니다. 또한 백엔드에 표시되는 내용이 프런트엔드에 표시되는 방식이므로 변경 내용이 어떻게 보이는지 확인하기 위해 사이트의 관리자와 프런트엔드 간에 전환할 필요가 없습니다.
동적 쇼핑 페이지, 제품 목록 생성 및 검색 기능 추가
제품을 정의하고 제품 템플릿을 디자인했습니다. 이제 고객이 원하는 것을 찾도록 도와주세요.
맞춤형 Shop 페이지 및 기타 아카이브 페이지 구축
WordPress에서 쇼핑 페이지 및 카테고리 목록 페이지와 같은 페이지를 아카이브라고 합니다. 본질적으로 아카이브는 특정 카테고리 또는 콘텐츠 유형에 속하는 모든 게시물(또는 제품)을 나열합니다.
Toolset을 사용하면 선택한 기준에 따라 다양한 아카이브를 만들 수 있습니다. 예를 들어 사이트에서 힐과 가방을 판매하는 경우 각 제품 유형과 관련된 필터가 포함된 다양한 쇼핑 페이지를 원할 수 있습니다.
콘텐츠의 동적 목록 만들기
도구 집합 보기 블록을 사용하여 Shop 페이지 또는 사이트의 다른 페이지에 동적 제품 목록을 추가할 수 있습니다. 이를 통해 나열할 제품을 정의하고 목록이 표시되는 방식을 디자인할 수 있습니다.
사용자 정의 검색 및 필터 옵션 추가
Toolset을 사용하면 사용자 지정 검색 및 필터링 옵션 덕분에 잠재 고객이 제품을 빠르고 쉽게 찾을 수 있습니다. 생성한 사용자 정의 필드 또는 게시물 관계로 필터링할 수 있습니다.
OceanWP의 기타 사용자 정의 Shop 페이지 기능
OceanWP는 빠른 보기 옵션, 무한 스크롤, 사용하지 않을 때 화면에서 필터를 숨기는 기능을 포함하여 Shop 및 아카이브 페이지에 대한 더 많은 기능을 제공합니다. 이러한 기능은 OceanWP 아카이브에서만 작동하며 Toolset으로 생성한 사용자 정의 아카이브에서는 작동하지 않습니다.
OceanWP는 장바구니를 표시하는 방법에 대한 옵션도 제공합니다.
- 네이티브 장바구니 팝업
- 플로팅 장바구니에 담기 바
- 카트 디스플레이
- 방해받지 않는 체크아웃
..그리고 더!
지금 OceanWP 및 Toolset을 사용해 보고 귀하의 경험을 댓글로 알려주세요!
Toolset의 무료 WooCommerce 과정을 통해 맞춤형 WooCommerce 매장을 단계별로 구축하는 방법을 배우십시오.
이 WooCommerce 스토어 데모를 통해 무료로 Toolset과 OceanWP를 함께 사용해 볼 수도 있습니다.