Etsy Shop을 Divi 웹사이트에 통합하는 방법

오늘의 Divi 게시물에서는 Etsy Shop에 있는 아이템을 Divi 웹사이트에 통합하는 방법을 보여드리겠습니다. 이것은 귀하의 웹 사이트에 대한 요구 사항이거나 클라이언트로부터 받은 요청일 수 있습니다. 웹사이트에 Etsy 항목을 추가하면 더 많은 매출을 올릴 수 있습니다. 특히 매력적인 대상 고객과 많은 방문자가 있는 웹 사이트를 소유하고 있는 경우. Etsy 상점을 웹사이트에 통합하면 타겟 고객에게 더 쉽게 도달할 수 있습니다.

Etsy Shop 플러그인을 통해 Etsy Shop 항목을 추가하는 방법을 보여드리겠습니다. 이 플러그인은 데스크탑에서 다음 결과를 제공합니다.

가능성

모든 사람이 Etsy 상점을 개인 웹사이트에 추가하는 것을 좋아하는 것은 아닙니다. 어떤 사람들은 사람들이 웹사이트에서 직접 제품을 구매할 수 있는 전자 상거래 옵션을 사용하려고 합니다. Etsy 상점을 WordPress 웹사이트에 통합한다고 해서 실제로 웹사이트에서 구매가 이루어지는 것은 아닙니다. 플러그인은 Etsy 항목을 원래 형태로 표시하는 데 도움이 됩니다. 실제 구매 과정을 위해 관심 있는 방문자는 Etsy 웹사이트의 Etsy Shop으로 리디렉션됩니다.

그러나 Etsy 상점과 거기에 있는 청중과의 연결을 유지하려면 상황에 접근하는 두 가지 방법이 있습니다.

WordPress 웹 사이트에 수동으로 제품 추가

플러그인은 방문자를 Etsy 웹사이트로 리디렉션하는 데만 도움이 되므로 Etsy 항목을 수동으로 통합할 수도 있습니다. 이것은 더 많은 작업처럼 들리지만 몇 가지 이점도 있습니다. 예를 들어 원하는 대로 항목의 스타일을 지정할 수 있습니다. 웹 사이트와 동일한 스타일로 항목을 만들 수 있는 더 많은 공간과 공간이 있을 것입니다. 필요한 유일한 것은 각 항목에 대한 직접(그리고 가급적이면 고유한) 링크입니다.

Etsy 제품을 수동으로 추가하는 데에는 많은 장점이 있지만 몇 가지 단점도 있습니다. 이러한 항목을 수동으로 추가하고 스타일을 변경하면 방문자는 Etsy 웹사이트로 리디렉션된다는 사실을 즉시 알지 못합니다. 따라서 당신은 놀라움을 위해 그들을 두는 것입니다.

플러그인으로 제품 추가

다른 가능성은 플러그인을 사용하는 것입니다. 이것은 일반적으로 가장 쉬운 방법이며 많은 시간을 절약합니다. 그 외에도 항목의 레이아웃은 Etsy 웹 사이트에 표시되는 방식과 유사합니다. 방문자는 항목의 출처를 더 쉽게 인식할 수 있습니다. 이것은 게시물의 다음 부분에서 수행하는 방법을 보여줄 가능성입니다.

이 작업을 수행할 수 있는 플러그인은 Etsy Shop 플러그인과 Etsy 360의 두 가지입니다. Etsy Shop 플러그인은 무료이며 Etsy 360은 유료인 반면 설정 방법을 알려드리겠습니다. 불행히도 Etsy 항목을 데스크탑에 표시하려는 경우에만 Etsy Shop 플러그인을 사용할 수 있습니다. 플러그인이 응답하지 않습니다. 따라서 반응형 솔루션을 찾고 있다면 Etsy 360을 사용해 보십시오.

Etsy Shop을 Divi 웹사이트에 통합하는 방법

YouTube 채널 구독

Etsy Shop 플러그인과 Etsy Shop 통합 시작

Etsy 상점을 Divi 웹사이트에 추가하려면 한 가지가 미리 필요합니다. Frederic Sheedy가 만든 무료 Etsy Shop 플러그인. 이 플러그인을 사용하면 웹사이트에 좋아하는 Etsy 상점 항목을 추가하기 위해 많은 노력을 기울일 필요가 없습니다. 과거에 Etsy는 Etsy Mini 가능성을 제공했지만 불행히도 최근에는 이 옵션을 보류하여 Etsy Shop 플러그인을 현재 가장 유리한 가능성으로 만들고 있습니다.

더 이상 기한 없이; 시작하자.

Etsy Shop 플러그인 다운로드

당신이 취해야 할 첫 번째 단계는 플러그인을 다운로드하는 것입니다. 다음 링크를 클릭하여 플러그인을 다운로드할 수 있습니다.

플러그인을 웹사이트에 업로드

플러그인을 다운로드했으면 WordPress 대시보드 > 플러그인 > 새로 추가 > 웹사이트에 플러그인을 업로드하여 업로드할 수 있습니다. 플러그인도 활성화해야 합니다.

Etsy Shop API 키 받기

플러그인을 다운로드한 후 취해야 할 다음 단계는 Etsy 상점의 API 키를 얻는 것입니다. 이러한 API를 이미 사용할 수 있을 수도 있지만, 아직 갖고 있지 않은 경우 즉시 얻을 수 있는 방법을 알려 드리겠습니다.

Etsy 계정을 위한 새 앱 만들기

Etsy Shop 플러그인을 다운로드하고 설정으로 이동하면 Etsy API 키 필드 바로 아래에 새 Etsy 앱을 생성할 위치를 보여주는 링크가 표시됩니다. 해당 링크를 클릭하십시오.

새 앱을 만들기 시작하면 아래 이미지와 같이 만들고 있는 앱에 대한 몇 가지 세부 정보를 입력해야 합니다.

필요한 모든 정보를 입력하면 앱이 만들어집니다. 아래 이미지에서 앱 생성 후 API 키를 찾을 수 있는 위치를 확인할 수 있습니다.

API 키를 플러그인에 복사

다음으로 해야 할 일은 플러그인 설정으로 돌아가 API 키를 입력하는 것입니다.

새 창에서 상점을 열었는지 확인하십시오.

그리고 플러그인 설정에 있는 동안 모든 링크를 새 창에서 여는 것이 좋습니다. 그렇게 하면 방문자를 다른 페이지로 보내는 것이 아니라 두 페이지에서 모두 유지하게 됩니다.

Divi Builder 내의 텍스트 모듈에 단축 코드 추가

다음으로 해야 할 일은 단축 코드를 웹사이트에 통합하는 것입니다. 항목을 표시하려는 페이지의 새 텍스트 모듈에 추가하여 쉽게 수행할 수 있습니다.

항목을 추가할 페이지를 열고 전체 너비 행에 텍스트 모듈을 추가합니다. 그런 다음 행의 설정을 열고 행의 사용자 정의 너비를 '680px'로 변경합니다.

그런 다음 콘텐츠 탭의 콘텐츠 상자에 단축 코드를 추가합니다. 수정하지 않으면 단축 코드는 다음과 같습니다.

[etsy-shop shop_name="*your-etsy-shop-name*" section_id="*your-etsy-shop-setion-id*"]

이제 *your-etsy-shop-name*과 *your-etsy-shop-section-id*를 자신의 것으로 바꾸십시오. 그렇게 하려면 상점(또는 Etsy 제품을 표시하려는 다른 상점)으로 이동하여 왼쪽에서 섹션을 선택합니다.

완료하면 URL에서 Etsy 상점 이름과 섹션 ID를 확인할 수 있습니다.

모바일에서 비활성화

불행히도 Etsy Shop 플러그인은 데스크탑에서만 제대로 작동합니다. 반응형이 아니므로 데스크톱을 통해서만 판매를 생성하는 데 도움이 되는 무료 솔루션을 찾고 있다면 이것이 매우 적합합니다. 그렇지 않은 경우 Etsy 360이 무엇인지 확인 하거나 표시 할 요소를 수동으로 추가할 수 있습니다.

결과

이 두 가지를 복사하여 단축 코드에 넣으십시오. 당신이 설정을 저장 한 후에는 미리보기를 클릭 할 때, 당신의 에디터 선택 항목은 바탕 화면의 웹 사이트에 표시한다 - 당신에게 다음과 같은 결과를 제공합니다 :

마지막 생각들

이 게시물에서는 Etsy 상점을 웹사이트에 추가하는 방법을 보여주었습니다. Etsy Shop 플러그인을 설치하는 과정을 안내해 드렸습니다. 어떤 사람들은 플러그인으로 Etsy 항목을 추가하고 방문자가 Esty 웹사이트로 리디렉션되는 것을 선호하는 반면 다른 사람들은 전자 상거래 웹사이트를 선택합니다. 첫 번째 가능성을 찾고 있었다면 이 게시물이 도움이 될 것입니다. 질문이나 제안 사항이 있으면 아래 의견 섹션에 의견을 남겨주세요!

중요한 발표, 유용한 팁 또는 Divi 공짜를 절대 놓치지 않도록 이메일 뉴스레터와 YouTube 채널을 구독하세요!