지금이 Shopify 2.0 테마로 업그레이드할 적기입니까?

게시 됨: 2022-04-19

지난 가을, 나는 Shopify의 Online Store 2.0으로 테마를 업그레이드하는 것에 대해 썼습니다. 당시에는 과대 광고가 많았지만 테마 업그레이드를 시도한 사람은 많지 않았습니다. 연말연시 전후에 매장을 업그레이드해야 하는지 많은 혼란이 있었습니다.

이제 약간의 혼란을 해결할 수 있기를 바랍니다.

Shopify의 온라인 스토어 2.0에는 현재 사용 중인 테마에 관계없이 모든 사람이 사용할 수 있는 옵션이 있습니다. 그러나 2.0 호환 테마가 없으면 사용할 수 없는 일부 기능이 있습니다.

짧은 대답: 2.0 호환 테마로 해결되는 특정 요구 사항이 없는 한 2.0 테마로 이동할 필요가 없습니다 .

대부분의 사람들은 현재 2.0 호환 테마가 실제로 필요하지 않습니다. 그러나 모든 것을 살펴보기 위해 그것을 분해하겠습니다.

이미 2.0 호환 테마를 사용 중이라면 훌륭합니다. 당신은 여전히 ​​한두 가지를 배울 수 있으므로 계속 읽으십시오.

Shopify의 온라인 스토어 2.0은 정확히 무엇입니까?

Online Store 2.0은 판매자와 개발자 모두에게 기회를 제공하는 기능 모음입니다. 새로운 기능은 개선될 수 있지만 새로운 테마나 앱으로 도약하기 전에 고려해야 할 비용이 있습니다.

다음은 Shopify 온라인 스토어 2.0 기능의 위험과 보상입니다.

향상된 유연성

본격적으로 들어가기 전에 유연성 향상의 일반적인 이점에 대해 설명하고 싶었습니다.

상점 소유자로부터 여러 번 들었던 불만 중 하나는 테마 템플릿으로 인해 모든 상점이 동일하게 보인다는 것입니다. 템플릿은 전체 상점에서 일관성을 만들기 위한 것입니다. 하지만 같은 테마를 사용하는 다른 사람들과 눈에 띄고 싶은 욕구가 생깁니다.

아래의 이점을 읽으면서 이러한 많은 기능을 통해 유연성을 높일 수 있으므로 코드를 편집하지 않고도 독특하고 멋진 사이트를 만들 수 있습니다.

2.0 호환 테마를 사용하면 코드를 많이 사용하지 않아도 됩니다. 확실히 할 수 있지만 가능하면 코드 파일을 편집하지 않는 것이 좋습니다. 아래에서 간략하게 설명할 기능을 사용하면 코드의 백엔드가 아니라 Shopify의 테마 사용자 지정 프로그램에서 직접 상점 템플릿에 고유한 것을 생성할 수 있습니다.

어디서나 섹션

가장 큰 이점은 홈페이지가 아닌 모든 템플릿에서 섹션 및 블록이라는 것을 사용할 수 있다는 것입니다. Shopify에서는 이것을 Section Anywhere라고 부릅니다. 아니면 어디에나 있습니까? 그들이 그것을 계속 변경하는 원인을 누가 압니까? #마케팅

Section Anywhere라고 할 때 정확히 의미하는 바는 다음과 같습니다.

지금까지 Shopify에서는 홈페이지에만 다른 섹션을 추가할 수 있었습니다. 홈페이지에서 가장 최근 블로그 게시물에 대한 섹션을 추가하거나, 추천 컬렉션을 강조 표시하거나, 이메일 뉴스레터 가입을 추가할 수 있습니다.

Sections Anywhere를 사용하면 2.0 구조를 사용하는 모든 페이지에 유사한 섹션을 추가할 수 있습니다. 모든 테마가 전체 테마에서 템플릿을 업데이트하는 것은 아니기 때문에 이렇게 말합니다. 따라서 테마 사용자 정의 도구에서 "섹션 추가" 또는 "블록 추가"라고 표시되기 때문에 모든 곳에서 섹션을 사용할 수 있는지 알 수 있습니다.

블록 추가 및 섹션 추가가 강조 표시된 제품 페이지에 대한 Shopify의 사용자 지정 도구

블록은 섹션과 약간 다릅니다. 이것들은 당신의 섹션에 들어갈 조각들입니다.

귀하의 페이지를 나폴리탄 아이스크림의 거대한 가족 크기 용기로 생각하십시오. 각 서빙은 딸기, 초콜릿 및 바닐라의 개별 맛으로 구성됩니다. 딸기 아이스크림 안에는 딸기 덩어리가 들어 있습니다.

이를 제품 페이지에 대한 Shopify 용어로 변환하면 섹션이 제품 양식(딸기 아이스크림)이 됩니다. 섹션 내의 부품은 제품 제목, 가격 및 장바구니에 추가 버튼(각각 다른 딸기 덩어리임)을 포함할 수 있는 혼합 및 일치될 수 있습니다.

따라서 Shopify에서 섹션이라고 부르는 것은 다양한 아이스크림 맛이며 일부 섹션 내부에는 블록인 딸기가 있습니다. 초콜릿 아이스크림에 딸기 덩어리가 없는 것처럼 일부 섹션은 블록을 지원하지 않습니다.

Shopify 섹션과 블록의 차이점을 보여주는 그래픽 디스플레이

앱 확장

Shopify의 앱 확장은 앱이 상점과 보다 원활하게 통합할 수 있는 기능을 제공합니다.

앱에서 스토어에 직접적인 영향을 미치는 Online Store 2.0 기능을 사용할 수 있는 두 가지 방법이 있습니다. 앱 차단 및 앱 포함 차단.

앱 차단 을 사용하면 앱이 섹션 내부에 코드를 추가할 수 있습니다. 이는 페이지에 시각적 표현이 있는 앱에 대해 가장 잘 설명됩니다. 예를 들어 리뷰 앱은 앱 차단을 사용하여 제목 및 가격과 함께 제품 양식 내에 리뷰 별을 추가할 수 있습니다.

앱 차단이 강조 표시된 제품 페이지에 대한 Shopify의 사용자 지정 도구

App Embed Blocks 를 사용하면 SEO용 JSON-LD와 같은 앱이 전체 페이지에 코드를 추가할 수 있습니다. 이는 백그라운드에서 작동하고 페이지에서 시각적으로 아무 것도 하지 않는 앱에서 일반적입니다.

SEO 구조화된 데이터 앱용 JSON-LD가 활성화되었음을 보여주는 App Embeds의 테마 설정입니다.


이것이 앱에 좋은 이유의 핵심은 정말 기술적인 것이므로 너무 자세히 다루지는 않겠습니다.

여기서 중요한 점은 앱을 설치하기 위해 코드를 편집할 필요가 없기 때문에 설치 프로세스가 더 쉽다는 것입니다. 코드를 편집하는 경우 앱이 2.0과 완전히 호환되지 않습니다. 이것은 그들의 잘못이 아닐 수 있으며 그 이유를 설명하겠습니다.

위험: 아직 모든 앱이 있는 것은 아닙니다.

대부분의 앱은 Online Store 2.0으로 이전되지 않았으므로 값은 여전히 ​​상당히 낮습니다.

그렇다고 해서 앱이 게임을 향상시켜야 한다는 것은 아닙니다. 일부는 그렇게 해야 합니다. 그러나 어떤 경우에는 문자 그대로 2.0으로 이동할 수 없습니다. Shopify는 앱이 2.0 호환성의 제한과 정신 내에서 예상대로 작동하는 데 필수적인 부분을 놓치고 있습니다.

앱에 대한 가장 큰 가치는 이 새 버전으로 완전히 이동한 사람들이 더 이상 테마에 코드를 직접 입력하지 않는다는 것입니다.

예를 들어, SEO용 JSON-LD는 역사적으로 테마 코드에 삽입된 파일과 코드 줄을 생성했습니다. 즉, 테마 코드를 변경했는데 테마를 쉽게 업데이트할 수 없거나 자동 업데이트가 작동하지 않습니다. 이제 테마를 건드리지 않고 버튼 클릭으로 앱을 쉽게 활성화하거나 비활성화할 수 있습니다.

메타필드

메타필드는 Shopify의 새로운 기능이 아닙니다. 수년 동안 사용되어 왔으며 앱과 개발자가 사용자 정의 필드를 만드는 일반적인 방법이었습니다. Online Store 2.0의 일부로 Shopify는 설정 메뉴에 메타필드를 추가하여 더 쉽게 액세스할 수 있도록 했습니다.

제품, 변형, 컬렉션, 고객 및 주문에 대한 메타필드 설정 옵션.

메타 필드를 유연성 부분에 실제로 도움이 되는 상점의 사용자 정의 필드로 생각하십시오. 메타필드는 올바르게 구현되면 매우 편리할 수 있습니다.

이를 위한 일반적인 용도는 사용자 지정 템플릿을 만드는 대신 제품 페이지에 다양한 콘텐츠를 표시하는 것입니다. 예를 들어, 변형별 설명입니다. "이 메타필드(특정 변형에 할당된)가 있는 경우 이 설명을 표시하십시오"라고 말할 수 있습니다.

또 다른 예는 Shopify가 메타필드를 사용하여 검색 엔진에서 페이지를 숨기는 방법입니다.

위험: 아직 기본 Shopify 메타필드에 의존할 수 없습니다.

이 문서를 작성하는 시점에서 Shopify에는 제품, 변형, 컬렉션, 고객 및 주문 수준의 메타필드에 대한 기본 제공 기능이 있습니다 .

Shopify는 아직 상점, 페이지 및 블로그 수준에서 기본 메타필드를 출시하지 않았습니다.

따라서 여전히 메타필드 앱을 사용해야 합니다.

더 쉬운 업그레이드 경로

Shopify Online Store 2.0 호환 테마를 사용하면 테마의 업그레이드 경로가 개선되고 작업이 훨씬 쉬워집니다.

2.0의 큰 목표(내 생각에)는 판매자가 테마에 추가하는 사용자 정의 코드를 끝내는 것입니다. 사용자 정의 코드는 테마 업데이트를 악몽으로 만듭니다. 스스로 할 수 있는 리소스가 없다면 감히 불가능합니다.

2.0 호환 테마로 이동하면 사용자 정의 코드 편집이 줄어들겠지만 의심이 듭니다.

위험: 코드를 편집하면 업데이트 경로가 손상됩니다.

Shopify의 목표는 모든 앱을 2.0으로 옮기고 판매자가 코드 편집을 중단하도록 하는 것이지만 이는 쉬운 일이 아닙니다. 최근에 테마를 2.0으로 업데이트했고 테마 또는 사용자 정의 코드를 편집하는 앱이 계속 사용되는 경우 업데이트 경로를 위반한 것입니다.

그렇다고 해서 여전히 업데이트할 수 없다는 의미는 아니지만 원래 위치로 돌아가고 업데이트가 나올 때 테마 업데이트를 도와줄 개발자가 필요할 수 있습니다.

또한 많은 Shopify 빌드 테마는 Online Store 2.0 호환성을 위해 업데이트되지 않습니다. 즉, 업그레이드 경로가 없으며 새로운 테마와 전체 재설계로 다시 시작해야 합니다. Shopify는 2.0 호환 테마인 Dawn에 올인했습니다. 다른 테마를 업데이트하는 대신 Dawn 기반의 사전 설정으로 새로운 테마를 만들었습니다.

이제 Shopify는 테마의 새 버전을 사용할 수 있을 때 표시합니다.
사용자 정의 코드가 추가되지 않은 경우에만 업데이트를 사용할 수 있습니다.

2.0이 아닌 테마에서 사용할 수 있는 Online Store 2.0 기능

버전에 관계없이 모든 테마에서 사용할 수 있습니다.

  1. 앱 포함 블록
    테마에 관계없이 누구나 App Embed Blocks를 사용하는 SEO용 JSON-LD와 같은 앱을 설치할 수 있습니다. 페이지에서 시각적으로 아무 것도 건드리지 않기 때문에 레거시 또는 2.0 호환 테마가 있는지 여부는 중요하지 않습니다.
  2. 메타필드
    Shopify의 메타필드는 코드 없이 액세스하려면 앱을 사용해야 했지만 몇 년 동안 주변에 있었습니다. 이제 사용 중인 테마에 관계없이 모든 상점에서 Shopify의 기본 메타필드를 사용할 수 있습니다.

    템플릿에 메타필드를 동적으로 추가할 수 없습니다. 이것은 이점을 제한하지만 다시 메타필드는 2.0이 존재하기 훨씬 이전에 존재했습니다. 따라서 여전히 메타필드의 이점을 누릴 수 있지만 레거시 테마에서는 완전히 혜택을 받을 수 없습니다.

깨지지 않은 것을 고치지 마십시오

이 모든 새로운 놀라운 기능이 훌륭하게 들릴지 모르지만 해결하려는 문제가 없다면 보류하겠습니다. 2.0 호환 테마로 업그레이드하는 데 드는 비용과 시간은 모두 높을 수 있습니다. 특히 Shopify가 명확한 업그레이드 경로를 생성하지 않고 다시 시작해야 하는 경우.

명확한 업그레이드 경로가 있는 테마라도 여전히 노력이 필요하다는 것을 기억하십시오. 대부분의 경우 홈페이지를 완전히 다시 만들어야 합니다. 다른 경우에는 제품 페이지도 작업이 필요할 수 있습니다.

2.0 호환 테마로의 업그레이드 경로는 버튼의 빠른 클릭이 아닙니다. 변경의 범위 또는 복잡성에 따라 몇 시간에서 몇 주가 소요될 것으로 예상됩니다.

사이트가 작동하고 성능에 만족한다면 그대로 두십시오. 해결하려는 진정한 문제가 없는 한 2.0 테마로 서둘러 이동할 필요가 없습니다.

그리고 열악한 사이트 전환은 새로운 테마를 얻는 이유가 아닐 수 있습니다. 웹사이트 구조는 전체 재설계 비용 없이 사이트를 최적화하도록 설계되었습니다. Website Rescues를 사용하여 Shopify 매장을 괴롭히는 수십 가지 문제를 해결했습니다.