코딩 없이 매장을 변화시키는 WooCommerce 커스터마이저

게시 됨: 2017-12-07
Header image for WooCommerce Customizer

최종 업데이트 - 2020년 10월 9일

WooCommerce는 최소한의 투자로 전자 상거래 상점을 구축할 수 있는 훌륭한 도구임을 계속해서 증명하고 있습니다. 또한 상점 소유자가 상점의 모양과 기능을 마음대로 수정할 수 있는 뛰어난 유연성을 제공합니다. 매장을 시각적으로 향상시킬 수 있는 탁월한 옵션을 제공하는 수많은 테마가 있습니다. 여기에서 인기 있는 WooCommerce 테마를 찾으십시오. 테마만으로 고객 중심의 프론트엔드 디자인을 관리할 수 있지만, 간혹 추가적인 수정이 필요할 때가 있습니다. 코딩에 익숙하다면 WooCommerce로 달성할 수 있는 사용자 정의에 제한이 없습니다. 그러나 그렇지 않은 경우 플러그인에 의존해야 할 수도 있습니다. 이 기사에서는 상점의 디자인과 레이아웃을 수정하는 데 도움이 되는 최고의 WooCommerce 사용자 정의 플러그인을 살펴봅니다.

WooCommerce 사용자 정의 플러그인

WordPress WooCommerce 커뮤니티에는 상점의 시각적 요소를 사용자 정의하는 데 도움이 되는 멋진 플러그인이 있습니다. 코딩 없이 수행할 수 있다는 사실은 많은 상점 소유자가 선호하는 옵션입니다. 다음은 시도해 볼 수 있는 플러그인 목록입니다.

SkyVerge의 커스터마이저

사이트의 모양과 느낌을 수정하는 것이 두렵다면 이 플러그인이 적합합니다. 코딩 없이 이 플러그인의 설정 페이지에서 사이트의 프런트 엔드 기능 중 일부를 수정할 수 있습니다. 또한 이를 달성하기 위해 템플릿을 수정할 필요가 없습니다. 이 플러그인은 빠른 변경 테스트에 매우 유용합니다.

코드를 사용하지 않고 WooCommerce 스토어의 시각적 요소를 사용자 지정하려면 이 플러그인이 이상적인 선택입니다.

WooCommerce 커스터마이저 플러그인을 사용하면 다양한 제품 유형에 대해 '장바구니에 추가' 버튼의 텍스트를 변경할 수 있습니다. 이는 요구사항에 따라 개별 상품 페이지 또는 일반 상점 페이지에서 수행할 수 있습니다. 상점 페이지에 표시되는 제품 수를 변경하거나 판매 배지 텍스트를 변경할 수도 있습니다. 또한 '제품 정보' 또는 '추가 정보' 탭의 헤더 텍스트를 수정할 수 있습니다. 또한 결제 페이지에서도 일부 수정을 할 수 있습니다. 쿠폰 또는 로그인 텍스트, '계정 생성' 기본 텍스트 또는 '주문 제출' 버튼 텍스트를 수정할 수 있습니다.

스토어프론트 파워팩

Storefront 테마는 WooCommerce 상점에 사용할 수 있는 최고의 테마 중 하나입니다. 사용할 수있는 많은 어린이 테마도 있습니다. 다음은 Storefront의 인기 있는 하위 테마 중 일부를 다루는 기사입니다. Storefront 자식 테마를 만드는 방법을 이해하려면 여기에서 다른 기사를 읽으십시오. 이제 Storefront 파워팩은 코딩 없이 테마를 사용자 정의하는 데 도움이 되는 WooCommerce 확장입니다. 사실, 번거로움 없이 Storefront 테마의 모든 측면을 사용자 정의하고 다시 만들 수 있습니다.

이 확장을 사용하면 상점의 헤더 레이아웃을 수정하고 대부분의 요소에 대한 색상, 글꼴 및 레이아웃을 실험할 수 있습니다. 일부 텍스트를 변경하거나 결제 흐름을 수정하려는 경우 이 확장으로도 가능합니다. 개별 제품 수준에서 또는 모든 제품에 대해 전역 수준에서 변경 사항을 적용할 수 있는 유연성이 있습니다. 그리고 변경 사항을 구현하기 전에 미리 볼 수 있는 옵션이 제공됩니다.

Powerpack의 기능에 대한 간략한 살펴보기

이제 이 확장의 일부 기능을 자세히 살펴보겠습니다. 로고, 카트 및 탐색과 같은 헤더 구성 요소를 끌어서 놓기만 하면 쉽게 구성할 수 있습니다. 여백, 패딩 등과 같은 요소는 올바른 레이아웃을 얻는 데 중요한 역할을 합니다. 이 플러그인을 사용하면 이러한 요소를 즉시 조정할 수 있습니다. 그리고 결제 흐름이 전환에 얼마나 중요한지 알고 있습니다. 이 확장 프로그램을 사용하면 '산만함 없는' 레이아웃과 같은 옵션을 사용하여 결제 흐름을 실험할 수 있습니다.

홈페이지의 텍스트, 버튼 및 레이아웃을 편집할 수도 있습니다. 간단하고 친숙한 편집기는 전체 프로세스를 훨씬 쉽게 만듭니다. 또한 제품 페이지의 구성을 전역적으로 편집할 수 있습니다. 또한 제품 페이지에서 원하지 않는 필드나 요소를 제거하려는 경우에도 가능합니다. 확장 기능을 사용하면 이미지 갤러리의 모양과 추가 수정 사항을 변경할 수 있습니다. 전반적으로 이 확장을 사용하면 사이트의 모든 것을 수정할 수 있습니다. 여기에는 기본 사이트 컨테이너와 같은 구조적 요소와 버튼과 같은 시각적 요소가 포함됩니다. 또한 제품이 표시되는 방식도 수정할 수 있습니다.

이 확장은 WooCommerce용 Storefront 테마에서만 작동합니다. 단일 사이트 라이선스는 $59에 구입할 수 있습니다. 5개 사이트 라이센스는 $89에, 25개 사이트 라이센스는 $119에 사용할 수 있습니다.

푸틀 페이지 빌더 프로

이것은 WordPress 사이트를 창의적으로 향상시키는 데 도움이 되는 직관적인 페이지 빌더 도구입니다. WooCommerce의 제품 및 쇼핑 페이지를 사용자 정의하는 기능도 있습니다. 단순성과 사용하기 쉬운 드래그 앤 드롭 인터페이스 덕분에 널리 선호됩니다. 실제로 노련한 전문가와 초보자도 사용하기가 매우 쉽습니다. 또한 랩톱에서와 같이 휴대폰에서도 원활하게 작동하므로 모든 장치에서 사용할 수 있습니다. 또한 사용할 수 있는 테마에는 제한이 없습니다. 거의 모든 테마에서 작동하며 Ninja 양식과 같은 인기 있는 플러그인과 결합할 수도 있습니다.

Pootle Pagebuilder Pro는 WordPress 사이트를 아름답게 할 수 있는 기능을 제공하며 모든 테마에서 작동합니다.

Pootle Pagebuilder Pro의 흥미로운 기능 중 일부는 다음과 같습니다.

  • 간편한 사용을 위한 드래그 앤 드롭 기능
  • 모든 WordPress 사이트에서 템플릿을 만들고 재사용하세요.
  • 실시간 편집기로 변경 사항을 실시간으로 볼 수 있습니다.
  • 마케팅 목적으로 방문 페이지 또는 기타 홍보 페이지를 쉽게 만들 수 있습니다.
  • WooCommerce 제품 및 쇼핑 페이지와 원활하게 작동하는 WooCommerce 빌더 모듈.

$99에 이 플러그인의 단일 사이트 라이센스를 얻을 수 있습니다. 5개 사이트 라이선스는 $135, 무제한 사이트 라이선스는 $149입니다. 많은 WordPress 전문가의 추천으로 귀하의 사이트에 좋은 선택이 될 수 있습니다.

스토어프론트 프로

Storefront Powerpack과 유사하게 이 플러그인을 사용하면 WooCommerce Storefront 테마를 사용자 지정할 수 있습니다. 이 플러그인을 사용하여 Storefront와 관련된 모든 것을 사용자 정의할 수 있습니다. 상점 및 상품 페이지 레이아웃, 색상, 글꼴, 머리글, 바닥글 등을 원하는 대로 사용자 지정할 수 있습니다. 전 세계적으로 5000개 이상의 사이트에서 사용되는 이 사이트도 Pagebuilder Pro만큼은 아니지만 인기를 얻고 있습니다.

Storefront Pro를 사용하면 상점 브랜딩에 적합한 글꼴, 색상 및 아이콘을 선택할 수 있습니다. 또한 기본 탐색을 사용자 정의하고 클릭 한 번으로 메가 메뉴를 만들 수 있습니다. 블로그 레이아웃을 변경하려는 경우 Storefront Pro를 사용하여 손쉽게 변경할 수 있습니다. WooCommerce 스토어를 위한 모바일 친화적인 페이지를 쉽게 만들 수 있습니다. 모바일 쇼핑이 증가하는 현재 시나리오에서 이는 특히 관련이 있습니다.

또한 Storefront Pro와 관련된 다양한 기능이 있어 매장의 외관을 개선하는 데 도움이 됩니다. '제품 빠른 보기', '가로 제품 탭' 및 '산만하지 않은 체크아웃'은 이 기능이 풍부한 제품의 하이라이트 중 일부입니다. 또한 몇 가지 무료 추가 모듈도 찾을 수 있습니다. 4가지 라이선스 옵션을 구매할 수 있습니다. 단일 사이트 – $49, 5개 사이트 – $75, 25개 사이트 – $99. 무제한 사이트에 사용하려면 $199를 지불해야 합니다.

핌프마이우

코딩 지식 없이 WooCommerce 스토어를 사용자 정의하는 또 다른 훌륭한 옵션은 PimpMyWoo입니다. 가장 많이 찾는 사용자 지정 요구 사항 중 일부는 이 항목으로 효과적으로 충족됩니다. 그것도 간단하고 사용하기 쉬운 인터페이스에서. 또한 모든 WooCommerce 테마와 함께 작동하므로 호환성 문제에 대해 걱정할 필요가 없습니다. 흥미롭게도 이 항목의 범위에는 제한이 없습니다. 원하는 대로 시각적 요소와 레이아웃을 수정하는 데 도움이 되기 때문입니다. '장바구니에 추가' 버튼, 기본 제품 페이지, 가격 등에 변경 사항을 적용할 수 있습니다. 이 플러그인의 일반 라이선스는 CodeCanyon에서 $22에 구입할 수 있습니다.

WooCommerce 스토어를 커스터마이징하는 것이 왜 중요한가요?

WooCommerce 스토어를 시작할 때 사용자 정의와 관련하여 초기에 몇 가지 결정을 내려야 합니다. 그러나 이는 시장에 대한 이해에서 얻은 통찰력을 기반으로 해야 합니다. 사전에 적절한 시장 조사를 할 수 없는 경우에도 고객 지향적 사고를 사용할 수 있습니다. 이러한 측면 중 일부를 더 자세히 살펴보겠습니다.

시각적 요소의 일관성

상점에 대해 선택한 시각적 요소는 상점의 아이덴티티를 결정합니다. 위에서 언급한 일부 도구를 사용하면 언제든지 시각적 요소를 쉽게 변경할 수 있습니다. 그러나 덜 눈에 띄고 기능적인 영역에서 이러한 변경 사항을 유지하는 것이 가장 좋습니다. 고객이 매장의 특정 아이덴티티에 익숙해지면 고객의 마음 속에 귀사의 존재가 정의되기 때문입니다. 변경 사항이 잘 고려되지 않으면 상점에 대해 부정적으로 생각할 수 있습니다. 경험 많은 디자이너로부터 통찰력을 얻은 후 매장 이름, 로고, 슬로건 및 색상을 선택하십시오. 상점의 모든 측면에서 일관성을 유지하는 것이 특히 중요합니다. 예를 들어, 온라인 상점이 특정 색조를 나타내는 경우 인쇄물과 포장은 유사한 패턴을 따라야 합니다. 로고 및 태그라인과 같은 특정 주제는 마케팅 채널, 소셜 미디어 등에서도 일관되게 제시되어야 합니다.

디자인은 주로 사용하는 테마에 따라 다릅니다.

WooCommerce 스토어의 디자인과 많은 프론트엔드 기능은 선택한 테마에 따라 결정됩니다. WordPress WooCommerce 커뮤니티에는 상당히 많은 테마가 있습니다. 따라서 하나에서 다른 것으로 전환하는 것은 그렇게 어려운 작업이 아닙니다. 그러나 테마의 변경 사항은 고객 행동 또는 매장 실적에 대한 관련 통찰력으로 뒷받침되어야 합니다. 우리 기사를 읽고 시장의 최신 반응형 테마에 대해 알아보세요.

Storefront는 이제 막 시작하는 WooCommerce 매장에 이상적인 선택이 될 것입니다. 무료로 다운로드할 수 있고 매장과의 원활한 통합을 제공하기 때문입니다. 또한 선택할 수 있는 어린이 테마가 상당히 많습니다. 또한 사용 가능한 테마를 사용하지 않으려는 경우 맞춤형 디자인을 도와줄 수 있는 전문가를 고용할 수 있습니다.

고객의 관심을 고려한 홈페이지 디자인

매장 홈페이지는 고객과 가장 먼저 소통하는 곳입니다. 홈페이지의 디자인과 레이아웃은 제품 라인 및 고객의 관심사와 일치해야 합니다. 홈페이지의 여러 요소는 사이트 방문자를 유치하거나 거부할 수 있습니다. 비결은 최대 전환을 보장하기 위해 전략을 최적화하는 것입니다. 매장에 시각적 효과를 얼마나 줄 수 있는지 창의적으로 생각해야 합니다. 예를 들어 매장에서 디자이너 레이블을 판매하는 경우 제품을 착용한 모델과 함께 멋진 사진을 사용할 수 있습니다. 반면에 온라인 WordPress 플러그인을 판매하는 경우 기능과 기능을 설명하는 데 더 집중해야 합니다. 상점에서 위젯 및 기타 기능적 요소를 배치할 때도 많은 생각을 해야 합니다.

원활한 결제

사이트의 다른 모든 요소가 방문자를 체크아웃 페이지로 안내하는 데 성공했다면 모든 것은 해당 페이지의 디자인과 콘텐츠에 달려 있습니다. 다음은 결제 페이지를 최적화하기 위한 몇 가지 유용한 지침입니다. 잠재 고객이 결제 페이지에서 장바구니를 포기하는 몇 가지 이유는 쉽게 피할 수 있습니다. 예를 들어 배송이나 세금과 같은 추가 비용이 의욕을 꺾고 있음을 확인하십시오. 또한 결제수단의 선택권이 부족한 것도 중요한 요인이 될 수 있다.

결론

WooCommerce 스토어를 설정하는 동안 고객의 관심과 제품 세트를 고려해야 합니다. 사이트의 디자인과 레이아웃은 매장의 아이덴티티와 일치해야 합니다. 상점의 모양과 느낌을 결정하는 중요한 측면 중 하나는 선택한 테마입니다. 다른 중요한 것은 사용자 지정 옵션이 있다는 것입니다. 이 기사에서는 시도해 볼 수 있는 최고의 WooCommerce 사용자 정의 플러그인 목록을 작성했습니다. 이 기사의 끝 부분에서 논의한 전문가 승인 전략을 따르십시오. 행복한 판매!