ShopWP 검토: Shopify를 WordPress에 완전히 연결

Shopify를 WordPress에 연결할 수 있기를 바란 적이 있습니까?

Shopify와 WooCommerce 및 WordPress를 많이 비교할 수 있습니다. 그러나 실제로 "vs"일 필요는 없습니다. Shopify 와 WordPress를 동시에 사용할 수 있습니다.

기본 아이디어는 Shopify를 사용하여 스토어의 백엔드, 처리 및 체크아웃 프로세스를 관리하는 동시에 WordPress를 사용하여 사이트의 프런트엔드를 제어한다는 것입니다.

어떤 면에서는 미션 크리티컬한 기술 세부 사항을 위한 Shopify의 단순성과 프런트엔드 디스플레이를 위한 WordPress의 유연성이라는 두 가지 세계의 장점입니다.

ShopWP는 이 연결을 설정하는 데 도움이 되는 유연한 도구입니다. 간단히 말해서 Shopify 제품을 자체 사용자 지정 게시물 유형으로 WordPress에 동기화할 수 있으므로 WordPress에 제품을 표시할 때 모든 권한을 부여합니다.

그것보다 더 많은 것이 있지만…

실습 ShopWP 검토에서는 제공하는 기능에 대해 자세히 공유하고 Shopify를 WordPress에 연결하는 방법을 단계별로 살펴봅니다.

ShopWP 검토: 플러그인은 무엇을 합니까?

ShopWP의 고급 기능은 Shopify 제품을 WordPress에 동기화하고 WordPress를 사용하여 프런트엔드 스토어를 제어할 수 있다는 것입니다.

귀하의 WordPress 사이트는 독립형 전자 상거래 상점(자체 쇼핑 카트 포함)처럼 작동하지만 모든 제품 정보는 Shopify에서 직접 가져옵니다. 또한 쇼핑객이 실제로 구매 및 결제를 완료할 때 해당 부분은 Shopify에서 계속 수행됩니다.

모든 주문 데이터가 Shopify에 표시되며 이행, 고객 지원 등에 Shopify의 모든 도구를 사용할 수 있습니다.

다음은 내 WordPress 사이트에서 변수 Shopify 제품이 어떻게 보이는지에 대한 예입니다. 쇼핑객이 여전히 옵션을 선택할 수 있음을 알 수 있습니다.

또한 쇼핑객이 장바구니에 항목을 추가하는 경우에도 WordPress에서 직접 장바구니를 관리할 수 있습니다.

확인하러 갈 때만 Shopify가 표시됩니다.

주문을 마치면 Shopify 매장을 통해 주문한 것처럼 Shopify에 표시됩니다.

분명히, 그것을 실현하는 데 들어가는 많은 기술적 세부 사항이 있습니다.

그것들을 살펴보자…

ShopWP는 제품 데이터를 WordPress 사용자 지정 게시물 유형으로 동기화합니다.

먼저 ShopWP는 모든 Shopify 제품 데이터를 자체 사용자 지정 게시물 유형으로 WordPress에 동기화합니다. 즉, WordPress에 표시되는 방식을 100% 제어할 수 있습니다. 이는 iframe 또는 구매 버튼에 의존하는 다른 많은 솔루션에서는 그렇지 않습니다.

Yoast SEO, ACF 등과 같은 다른 WordPress 플러그인을 사용할 수도 있습니다.

ShopWP는 또한 가변 제품 및 구독 제품(위의 예에서 본 것처럼)을 포함하여 단순한 제품 이상을 지원합니다. 또한 개별 제품 외에도 제품 컬렉션을 동기화할 수도 있습니다.

Shopify에서 편집할 때 WordPress 제품이 자동으로 업데이트되도록 세부 정보를 자동으로 동기화하도록 ShopWP를 설정할 수도 있습니다.

나만의 매장 디자인 및 템플릿 만들기

WordPress에서 상점 콘텐츠의 디자인을 제어하기 위해 ShopWP는 다음과 같은 다양한 옵션을 제공합니다.

• 기본 WordPress 편집기 – 기본 편집기에서 단축 코드 및 블록을 사용합니다.
• 페이지 빌더 통합 – Elementor 또는 Beaver Builder를 사용하여 고유한 제품 템플릿을 디자인합니다.
• 사용자 지정 코드 – PHP 및 HTML을 사용하여 자신만의 템플릿 파일을 만듭니다. ShopWP에는 WordPress 테마 템플릿 파일에서 직접 작업하는 데 도움이 되는 자체 API가 있습니다.

단일 제품 페이지를 만드는 것 외에도 ShopWP를 사용하면 WordPress에서 제품 필터 및 검색과 같은 유용한 기능이 포함된 나만의 스토어 목록 페이지를 만들 수 있습니다.

현장 쇼핑 카트(및 Shopify for Checkout)

진정한 전자 상거래 경험을 만들기 위해 ShopWP는 여전히 고객이 WordPress 사이트에서 장바구니에 액세스할 수 있도록 합니다.

Shopify로 전환하는 유일한 시간은 실제로 결제하러 갈 때입니다.

그러나 쇼핑객이 여전히 WordPress 사이트의 하위 도메인에서 결제하도록 설정할 수 있으므로 응집력 있는 쇼핑 경험을 만드는 데 도움이 됩니다.

ShopWP 대 Shopify 구매 버튼

Shopify 구매 버튼은 다른 사이트에 "구매" 버튼을 추가할 수 있는 핵심 Shopify 기능입니다. 따라서 이미 핵심 구매 버튼을 사용하여 사람들이 WordPress에서 Shopify 제품을 구매하도록 할 수 있습니다.

그렇다면 ShopWP 대신 그냥 사용하지 않는 이유는 무엇입니까?

음, 이해해야 할 중요한 점은 Shopify를 WordPress에 연결할 때 ShopWP가 구매 버튼보다 훨씬 더 멀리 간다는 것입니다.

버튼이나 iframe을 추가하는 것과는 달리 ShopWP는 실제로 자체 사용자 지정 게시물 유형으로 제품 데이터를 WordPress에 동기화합니다. 이를 통해 제품 표시 조정, 데이터 표시, 필터 추가 등과 관련하여 훨씬 더 많은 제어 기능을 사용할 수 있습니다.

ShopWP에는 자체 WordPress 장바구니 환경도 포함되어 있으므로 쇼핑객은 WordPress를 떠나지 않고도 장바구니에 계속 액세스할 수 있습니다.

기본적으로 ShopWP를 사용하면 외부 제품을 결합하는 대신 WordPress에서 진정한 전자 상거래 경험을 만들 수 있습니다.

ShopWP와 함께 Shopify 앱을 계속 사용할 수 있습니까?

예, 아니오. 앱이 스토어의 프런트엔드를 수정하도록 설계된 경우(예: 단일 제품 페이지에 콘텐츠 추가) 단일 제품 페이지에 대해 Shopify 대신 WordPress를 사용하고 있기 때문에 작동하지 않을 수 있습니다.

그러나 백엔드 기능이나 체크아웃 기능을 수정하는 앱은 계속 작동해야 합니다.

예를 들어 앱을 사용하여 재고 또는 이행 프로세스를 관리하는 경우 모든 것이 백엔드에서 발생하므로 여전히 잘 작동해야 합니다.

여전히 다른 질문이 있는 경우 매우 자세한 ShopWP FAQ 페이지를 읽어 보시기 바랍니다.

ShopWP를 사용하려면 어떤 Shopify 플랜이 필요합니까?

ShopWP에는 가장 저렴한 Shopify 플랜 – Lite 만 필요합니다. 이 요금제는 월 $9에 불과합니다.

그러나 재고 관리 및 이행과 관련하여 더 많은 백엔드 기능에 액세스하기 위해 상위 계층 계획 중 하나를 원할 수 있습니다. 매장이 얼마나 복잡한지에 따라 다릅니다. 그러나 ShopWP를 사용하기 위해 이러한 계획이 필요 하지는 않습니다.

ShopWP를 사용하여 Shopify를 WordPress에 연결하는 방법

이제 ShopWP가 무엇을 제공하는지 알았으므로 ShopWP를 사용하여 Shopify를 WordPress에 동기화하는 것이 실제로 어떤 것인지 살펴보겠습니다.

시작하려면 이미 작동 중인 Shopify 스토어와 작동 중인 WordPress 사이트가 있다고 가정합니다.

1. WordPress를 Shopify에 연결

시작하려면 WordPress 사이트에 ShopWP 플러그인을 설치합니다.

그런 다음 첫 번째 단계는 ShopWP → 연결 로 이동하고 버튼을 눌러 WordPress를 Shopify에 연결하는 것입니다.

먼저 Shopify 스토어 URL을 입력합니다.

그런 다음 아직 설치하지 않은 경우 Shopify 스토어에 ShopWP 앱을 설치하라는 메시지가 표시됩니다.

거기에서 상점이 성공적으로 연결되었다는 알림과 함께 플러그인 설정으로 돌아갑니다.

그런 다음 스토어 목록 페이지를 생성할 위치를 선택할 수 있습니다(WordPress 사이트에서).

다음으로 제품을 Shopify 스토어 또는 WordPress 사이트의 해당 페이지에 연결할지 여부를 선택할 수 있습니다.

마지막으로 고정 장바구니 탭을 표시할지 여부와 결제 페이지를 여는 방법을 선택할 수 있습니다.

전반적으로 매우 매끄럽고 간소화된 설정 프로세스입니다. 기능과 사용자 경험 모두에 생각이 담겨 있음을 알 수 있습니다.

2. WordPress에 Shopify 제품 동기화

스토어를 연결했으면 다음 단계는 Shopify 제품을 WordPress에 동기화하는 것입니다.

모든 제품을 동기화하거나 특정 제품을 선택하여 WordPress에 추가할 수 있습니다.

ShopWP는 동기화를 위한 두 가지 옵션을 제공합니다.

• 일회성 동기화 – 필요할 때마다 세부 정보를 수동으로 동기화할 수 있습니다.
• 자동 동기화 – ShopWP는 제어하는 ​​간격으로 제품 세부 정보를 자동으로 동기화합니다. 예를 들어 Shopify에서 제품을 편집하면 손가락 하나 까딱할 필요 없이 해당 변경 사항이 WordPress에 자동으로 동기화됩니다.

ShopWP → Sync 로 이동하여 액세스할 수 있습니다.

실제 동기화 설정을 제어하려면 ShopWP→ 설정 → 동기화 로 이동합니다. 여기에서 동기화할 제품과 포함할 제품 정보의 양을 선택할 수 있습니다.

동기화가 완료되면 ShopWP → 제품 으로 이동할 때 제품이 표시됩니다.

또한 사이트의 프런트엔드에도 표시됩니다. 말하자면…

3. 제어 제품 디스플레이

ShopWP는 제품을 자체 사용자 정의 게시물 유형으로 WordPress에 동기화하므로 WordPress 사이트에서 제품이 어떻게 보이는지 100% 제어할 수 있습니다. 다시 말하지만 이것은 Shopify 구매 버튼 또는 iframe보다 ShopWP를 사용하는 큰 이점 중 하나입니다.

다음은 기본 디자인과 Kadence 테마의 모습입니다.

제품 디스플레이 제어를 돕기 위해 ShopWP는 다음과 같은 몇 가지 옵션을 제공합니다.

1. 기본 페이지 레이아웃 – ShopWP에는 위의 스크린샷에서 볼 수 있듯이 간단한 사용 사례에서 잘 작동하는 자체 기본 레이아웃이 포함되어 있습니다. ShopWP 설정에서 사용자 정의할 수도 있습니다.
2. 단축 코드 – 제품을 나열하는 데 사용할 수 있습니다.
3. 구텐베르크 블록 – 단축 코드와 유사하게 작동합니다.
4. Elementor 통합 – Elementor를 사용하여 단일 제품 페이지를 디자인합니다.
5. Beaver Builder 통합 – Beaver Builder를 사용하여 단일 제품 페이지를 디자인합니다.
6. HTML/PHP 템플릿("Render API"라고 함) – 사용자 지정 HTML 템플릿을 만듭니다( 개발자용 ).

4. 결제를 위한 하위 도메인 설정(선택 사항)

위에서 언급했듯이 ShopWP는 체크아웃 프로세스를 처리 하지 않습니다 . 고객은 체크아웃할 때 여전히 Shopify로 연결됩니다.

기본적으로 이는 체크아웃이 스토어의 myshopify.com 도메인 이름에서 호스팅됨을 의미합니다.

이 동작이 괜찮다면 아무 것도 할 필요가 없습니다.

그러나 보다 브랜드화된 경험을 만들고 싶다면 Shopify 대신 결제에 자체 하위 도메인을 사용할 수 있습니다.

예를 들어 고객은 wpmayor.com 에서 쇼핑한 다음 체크아웃을 위해 checkout.wpmayor.com 으로 이동합니다.

설정 방법은 다음과 같습니다.

1. 호스팅 대시보드에서 하위 도메인을 생성합니다.
2. Shopify 스토어를 가리키도록 해당 하위 도메인에 DNS 레코드를 추가합니다.
3. Shopify 계정에서 하위 도메인을 기본 도메인으로 추가합니다.

5. 필요에 따라 다른 설정 구성

마지막으로 상점 기능을 제어할 수 있는 다른 많은 설정도 제공된다는 점을 지적해야 합니다.

ShopWP → 설정 으로 이동하여 액세스할 수 있습니다.

ShopWP 가격 책정

ShopWP는 더 많은 기능을 갖춘 프리미엄 버전과 함께 WordPress.org에서 무료 버전으로 제공됩니다.

무료 버전만으로도 자동 동기화 및 제품 변형 지원을 포함하여 이미 많은 기능이 제공됩니다.

그런 다음 프리미엄 버전은 조건부 카트 로드, 사용자 정의 카트 속성, 웹후크, 선택적 동기화, 사용자 정의 HTML 템플릿 등과 같은 일부 고급 기술 기능에 대한 지원을 추가합니다.

추가된 기술적 유연성 외에도 다음과 같은 다른 중요한 "핵심" 기능도 사용할 수 있습니다.

• 구독 제품 지원.
• 전용 구텐베르크 블록.
• 필터를 포함하여 완전한 기능을 갖춘 Shop 홈페이지.
• 직접 결제.

ShopWP 무료 기능과 Pro 기능의 전체 비교를 보려면 기능 페이지로 이동하십시오.

두 버전이 제공하는 모든 기능은 다음과 같습니다.

ShopWP Pro에서만 사용할 수 있는 기능은 다음과 같습니다.

ShopWP Pro가 필요한 경우 두 가지 라이선스 옵션이 있습니다.

• 솔로 – 1년 라이선스에 199달러 – 1-3개의 WordPress 사이트에서 사용, 모든 핵심 ShopWP Pro 기능 및 개발자의 Slack 채널을 통한 개인 지원.
• 대행사 – 1년 라이선스에 499달러 – 무제한 사이트 지원, 동일한 라이브 지원 및 모든 플러그인 확장에 대한 무료 액세스 .

따라서 에이전시 계획의 주요 이점은 무제한 사이트 지원 및 해당 확장입니다. ShopWP 검토 당시 네 가지 확장이 있습니다.

• 욧포 상품평
• 충전(구독 상품)
• 디자인을 위한 Elementor 통합
• 디자인을 위한 Beaver Builder 통합

솔로 요금제를 사용 중인 경우 이러한 확장 프로그램을 각각 $49.99에 독립적으로 구입할 수도 있습니다.

플러그인 자체에 대한 가격 외에도 분명히 활성 Shopify 구독이 필요합니다. 그러나 월 $9에 불과한 Lite 플랜만 필요하다는 점을 기억하십시오.

ShopWP에 대한 최종 생각

전반적으로 이 설정에는 많은 이점이 있다고 생각합니다. 다시 말하지만, 두 세계의 장점을 모두 얻을 수 있습니다.

• Shopify는 결제 및 모든 주요 백엔드 기능과 관련하여 견고한 보안과 안정성을 제공합니다.
• WordPress는 프런트엔드 스토어와 관련하여 완전한 유연성을 제공합니다. 또한 WordPress의 거대한 플러그인 라이브러리의 이점을 얻을 수 있습니다.

둘을 연결하기 위해 ShopWP는 Shopify 구매 버튼을 사용하는 것보다 훨씬 더 기능적이고 유연한 통합을 제공합니다.

실제로 제품 데이터를 자체 WordPress 사용자 지정 게시물 유형으로 동기화하기 때문에 WordPress에서 발생하는 모든 일을 완전히 제어할 수 있습니다.

무료로 사용해 보고 싶다면 ShopWP 무료 버전을 사용하여 테스트해 볼 수 있습니다. 그런 다음 더 유용한 기능에 액세스하려면 ShopWP Pro로 업그레이드하는 것이 좋습니다.

아래 버튼을 사용하여 시작할 수 있습니다…