Elementor를 사용한 제품 캐러셀
게시 됨: 2021-11-16WooCommerce 웹 사이트 내에서 Elementor를 사용하여 제품 캐러셀을 사용하는 방법을 찾고 있습니까? 온라인 WooCommerce 매장의 경우 제품 캐러셀을 사용하면 좁은 공간에 많은 수의 제품을 표시할 수 있습니다.
웹 스토어에서 고객 참여가 가장 중요하기 때문에 장식용 제품 회전 목마는 사람들의 관심을 빨리 끌 수 있는 가장 좋은 방법입니다.
따라서 상점의 외관을 향상시킬 계획이라면 WC Carousel 애드온을 사용하는 것이 완벽한 선택이 될 것입니다. 이 도구는 제품을 한꺼번에 보여줄 때 유용할 뿐만 아니라 레이아웃도 꽤 좋습니다.
궁금하신가요? 내가 당신을 이것에 더 깊이 데려 갈 수 있도록하겠습니다. 분명히 당신은 그것을 후회하지 않을 것입니다.
Elementor를 사용하여 Product Carousel로 청중 참여 유도
WooCommerce Product Carousel은 주로 Elementor용 슬라이더 유형 위젯입니다. 제품에 대한 엄지손가락 보기로 고객을 참여시키고 수백 가지 항목을 원활하게 탐색할 수 있는 완벽한 도구입니다.
Product Carousel에는 상품을 더 빨리 구매할 수 있는 방법을 제공하여 판매를 늘리는 데 도움이 되는 "장바구니에 추가" 기능이 있습니다. 고객이 제품의 장바구니 버튼을 탭하기만 하면 원하는 모든 것을 구매할 수 있습니다.
위 이미지에서 제품 이미지 바로 아래 장바구니 버튼을 볼 수 있는 예를 살펴보세요. 사람들이 장바구니에 무언가를 추가해야 할 때마다 개별 제품 세부 정보 페이지로 이동하는 대신 더 빠르게 쇼핑하는 데 도움이 됩니다.
Elementor를 사용하는 WooCommerce 제품 캐러셀의 가장 좋은 점은 캐러셀로 사람들의 시선을 사로잡는 매력적인 디자인을 만들 수 있다는 것입니다. 캐러셀 애니메이션을 생생하게 설정하여 한 번에 여러 개의 고유한 인터페이스를 만들 수 있습니다.
결과적으로 사람들은 누군가가 귀하의 웹사이트에 방문하여 애니메이션 회전 목마를 볼 때마다 멋진 제품 회전 목마에 매료됩니다. 그게 다가 아니야! 제품 캐러셀을 사용하여 웹사이트에서 가장 먼저 추천 제품을 표시할 수도 있습니다.
Element Pack Pro의 WooCommerce 회전 목마 위젯, WoCommerce의 새로운 가장자리 제공
WooCommerce 제품 캐러셀을 디자인하는 동안 코딩이 필요하지 않은 도구를 얻은 경우에도 수동 코드를 사용하시겠습니까? 물론 당신은하지 않습니다. Element pack Pro(Bdthemes 기준)의 WC Carousel 위젯을 마음대로 사용할 수 있는 경우에는 그렇지 않습니다.
Element Pack Pro의 위젯을 사용하는 70,000명 이상의 행복한 고객과 함께 WC Carousel은 다른 것들 사이에서 스타로 입증되었습니다. 위젯을 사용하면 코드에 대한 준비나 지식 없이도 Elementor를 사용하여 동적 제품 캐러셀을 만들 수 있기 때문입니다.
Elementor는 웹사이트에 새로운 기능을 추가하는 위젯을 가져오기 위해 간단한 드래그 앤 드롭 기술을 사용합니다. WC Carousel은 Elementor와 함께 사용하기 위한 도구입니다. 이를 통해 상점을 위한 멋진 제품 회전 목마를 디자인하고, 레이아웃을 변경하고, 색상과 글꼴을 변경하고, 사용자 정의하려는 모든 것을 할 수 있습니다.
Elementor를 이용하여 WC 제품 Carousel을 실제로 어떻게 사용하는지 알아보겠습니다.
Elementor를 사용하여 강력한 WooCommerce 제품 회전 목마 만들기
여기에서 보여드릴 단계는 가장 효율적인 방법으로 일어나 작업을 수행하는 데 도움이 될 것입니다. 하지만 이를 위해서는 Elementor에 대한 기본 지식이 필요합니다. Elementor를 초보자로 작동하는 방법을 모르면 상황이 어려울 것입니다.
도움이 필요하면 이 초급 Elementor Tutorial 비디오로 이동하여 기본 사항을 배우십시오.
어쨌든 Elementor를 사용하여 제품 Carousel을 만드는 것보다 쉬운 일은 없습니다. 그러나 먼저 WordPress 웹 사이트에서 이러한 요구 사항을 확인해야 합니다.
- Elementor Page Builder 플러그인 설치 및 활성화
- WooCommerce 플러그인 설치 및 활성화
- Element Pack Pro 플러그인 설치 및 활성화(WC Carousel 위젯 사용에 필요)
완료되면 WC 제품 캐러셀의 생성 단계에 들어갈 차례입니다. 단계를 올바르게 따르십시오.
1단계: 대시보드에서 WC 캐러셀 위젯 켜기
첫 번째 단계에서는 WordPress 대시보드에서 위젯을 활성화해야 합니다. Element Pack Pro 위젯을 설치하면 대시보드에서 찾을 수 있습니다.
이제 Dashboard> Element Pack Pro> 3rd Party Widgets> 창을 스크롤하여 WooCommerce Carousel 위젯을 찾으십시오. 위젯 이름 옆에 있는 스위처를 클릭하고 "변경 사항 저장" 버튼을 눌러야 합니다.
다음으로 제품 캐러셀을 표시할 웹 페이지를 열어야 합니다. 물론 Elementor 내부에서 페이지를 열려면 "Edit with Elementor" 버튼을 눌러야 합니다.
그런 다음 왼쪽의 위젯 메뉴에서 WC Carousel 위젯을 찾을 수 있습니다. 메뉴에 위젯이 표시되면 위젯 아이콘을 클릭한 상태로 페이지 내부로 드래그합니다.
위 그림에서 볼 수 있듯이 위젯에 Element Pack Pro 로고가 있는지 확인하십시오.
2단계: Elementor를 사용하여 WooCommerce 제품 캐러셀 사용자 지정
Elementor 페이지 빌더의 기본 설정에 따라 콘텐츠 탭에서 모든 기본 레이아웃 컨트롤을 찾을 수 있습니다. WooCommerce Carousel 위젯의 경우 여기에서 많은 레이아웃 사용자 정의 옵션을 찾을 수 있습니다.
예를 들어, 제품 라인업에 대한 열 번호를 설정할 수 있습니다. 제품의 높이를 맞추는 것은 깔끔한 인터페이스를 보여주는 좋은 방법입니다.
쿼리 섹션을 사용하여 캐러셀 슬라이더의 소스를 선택할 수 있습니다. 상품을 전시해야 하는 경우에 포스팅을 작성해 주시면 많은 도움이 될 것입니다.
어쨌든, 캐러셀에서 특정 제품을 선택하거나 제외할 수 있으므로 마이크로 기능에 대해 더 쉽게 작동할 수 있습니다.
그런 다음 회전 목마 설정으로 이동하여 애니메이션을 요구 사항에 맞게 이동할 수 있습니다. 예를 들어 Elementor를 사용하여 제품 캐러셀에 대해 캐러셀과 Coverflow 레이아웃 스타일 중에서 선택할 수 있습니다.
또한 캐러셀의 애니메이션 속도와 몇 가지 설정을 변경하여 레이아웃을 더욱 발전시킬 수 있습니다.
제품 캐러셀에는 제품의 상태를 나타내는 각 제품에 대한 배지가 있습니다. 배지는 자동으로 사용 가능한 제품과 재고가 없는 제품을 표시합니다. 또한 사이트 테마와 일치하도록 배지 스타일을 사용자 지정할 수 있습니다.
3단계: 제품 캐러셀 모양 사용자 지정
Elementor를 사용하여 제품 캐러셀을 만들 때 가장 좋은 점은 많은 색상, 테두리, 패딩 등을 사용하여 전체 인터페이스를 사용자 지정하여 시장의 나머지 부분에서 고유한 것을 만들 수 있다는 것입니다.
WooCommerce Carousel 위젯의 경우 이러한 사용자 정의 설정은 " 스타일 " 탭에 있습니다. 여기에서 캐러셀의 배경을 변경하여 페이지에서 눈에 띄게 만들 수 있습니다.
옵션은 제목, 배지, 장바구니에 추가 버튼, 등급, 가격 등을 포함한 캐러셀의 모든 부분으로 확장됩니다. 캐러셀 레이아웃에 스타일을 추가하기 위해 모든 섹션을 계속 진행할수록 더 흥미로워집니다.
스타일에 확신이 생기면 " 게시 " 버튼을 누르고 고객에게 과시하십시오.
이전에 생각했던 것보다 훨씬 쉽습니다. 단계를 따르면 Elementor를 사용하여 놀라운 WooCommerce 제품 캐러셀을 즉시 구축할 수 있습니다.
결론
이 기사를 즐겼기를 바랍니다. 이 주제 또는 그 외에 다른 질문이 있는 경우 라이브 채팅 옵션 또는 지원을 사용하여 언제든지 문의하십시오.
안전을 유지하고 WooCommerce 제품 캐러셀 위젯을 마음껏 즐기세요.