Shopify 테마를 쇼핑할 때, 이미지, 글꼴, 색상으로 설정된 각 테마를 평가하게 됩니다. 이는 테마의 잠재력을 최대한 활용할 수 있는 좋은 방법입니다. 하지만 테마를 스토어에 설치한 후에는 원하는 모습으로 만들기 위해 추가 작업이 필요합니다.
여기서 디자인 선택이 중요해지는데, 경험이 부족할 경우 다소 어려울 수 있습니다. Shopify 테마 사용자 지정과 브랜드를 홍보하고 판매를 촉진하기 위해 할 수 있는 모든 것에 대해 살펴보겠습니다.
Shopify 사용자 지정: 개발자 고용 vs. 직접
테마를 사용하는 큰 장점은 많은 구조적 디자인 결정이 이미 이루어져 있다는 것입니다. 페이지 레이아웃이나 각 이미지, 문단을 복잡한 웹사이트 빌더(한국어 제공 안 함) 내에서 어디에 배치할지 걱정할 필요가 없습니다.
하지만 스토어를 최상의 모습으로 만들고 브랜드를 돋보이게 하려면, 자신만의 개성을 추가해야 합니다. 집을 꾸미는 것과 비슷하다고 생각해 보세요. 기본 요소는 모두 갖춰져 있지만, 색상과 장식을 선택할 수 있습니다.
Shopify 개발자 고용하기
웹 디자인 세계에 처음 발을 들여놓는 경우, 선택할 수 있는 옵션이 방대하여 압도당할 수도 있습니다. 원하는 색상을 마음껏 사용할 수 있고, 마우스 클릭 한 번으로 모든 것을 바꿀 수 있습니다!
조금 더 복잡한 기능과 디자인 선택에 들어가면, 다른 중요한 일들이 있다는 것을 고려할 때 전문가의 도움을 받는 것이 스스로 헤매는 것보다 비용 효율적이라는 것을 느낄 수 있습니다.
Shopify 전문가 마켓플레이스(한국어 제공 안 함)는 경험이 풍부한 웹 디자이너와 연결해 주어, 전문가의 조언을 받거나 디자인 작업을 맡길 수 있습니다. 이들은 Shopify 플랫폼에 대한 이해도가 높아, 최대한 활용할 수 있도록 도와줄 수 있습니다.
직접 Shopify 테마 사용자 지정하기
상황에 따라 DIY 방식이 적합할 수 있습니다. 사업을 시작하는 단계이거나, 이미 웹사이트를 구축할 수 있는 기술과 디자인 능력이 있을 수 있습니다. 또는 간단한 기능만 필요하고, 나중에 업그레이드할 계획일 수도 있습니다.
어떤 이유에서든, Shopify의 테마 편집기는 사용자 친화적이어서 코딩이나 디자인 기술 없이도 온라인 스토어의 모양과 느낌을 사용자 지정할 수 있습니다. Sections Everywhere, Shopify 앱 임베드, 페이지 템플릿과 같은 도구를 사용하여 몇 번의 클릭으로 사이트에 매력적인 요소를 추가할 수 있습니다.
Shopify 스토어를 나만의 것으로 만드는 다섯 가지 방법
- Shopify 테마 스토어에서 완벽한 테마 찾기
- 테마 설정을 편집하여 스토어의 모양 조정하기
- 템플릿 만들기
- Shopify 앱으로 스토어 사용자 지정하기
- Shopify 앱 임베드를 사용하여 더 많은 섹션 추가하기
1. Shopify 테마 스토어에서 완벽한 테마 찾기
Shopify는 Online Store 2.0을 사용하는지 여부에 따라 기본적으로 Debut 또는 Dawn 테마로 스토어를 설정합니다. 하지만 이를 고수할 필요는 없습니다. Shopify 테마 스토어로 가서 다른 옵션을 탐색할 수 있습니다. 처음에 올바른 테마를 선택하는 것이 중요합니다. 그래야 나중에 다른 기능이나 필요에 맞춰 다시 변경할 필요가 없습니다.
Shopify 테마는 두 가지 주요 카테고리인 무료와 유료로 나뉩니다.
- 무료: 무료 테마는 전자상거래를 시작하려는 새로운 스토어나 작은 스토어에 적합합니다. 초기 비용이나 반복 비용이 없다는 장점이 있지만, 제한 사항과 사용자 지정 옵션이 적을 수 있습니다. 선택할 수 있는 무료 테마는 11개입니다.
- 유료: Shopify는 180~350달러(일회성 비용) 사이의 100개 이상의 유료 테마를 제공합니다. 초기 비용이 더 들지만, 유료 테마는 더 많은 디자인 기능, 전자상거래 도구 및 강력한 기능 세트를 제공하여 온라인 스토어에서 더 많은 작업을 수행할 수 있게 해줍니다.
산업, 카탈로그 크기 및 연령 확인, 무한 스크롤, 매장 찾기와 같은 기능을 기준으로 Shopify 테마를 탐색할 수도 있습니다. Shopify 스토어를 사용자 지정할 때는 필요한 기능이 있는 테마로 시작하는 것이 가장 좋습니다. 나중에 모양과 느낌을 결정할 수 있습니다.
2. 테마 설정을 편집하여 스토어의 모양 조정하기
테마의 일반적인 구조와 기능을 파악한 후, 테마 사용자 지정의 디자인 측면에 집중할 수 있습니다. 이렇게 하면 온라인 스토어를 비주얼 브랜딩에 맞게 디자인할 수 있습니다.
테마를 편집하려면, 대시보드에서 온라인 스토어 > 테마로 이동하여 테마 편집기로 들어갑니다. 선택한 테마를 찾아 '테마 사용해보기'를 클릭하세요.
중점적으로 살펴봐야 할 영역은 다음과 같습니다.
색상 팔레트
브랜드가 이미 있다면, Shopify 테마 설정을 조정하여 기존 브랜드 가이드라인에 맞춰야 합니다. 브랜드 가이드라인이 없다면, 로고의 색상을 사용할 수 있습니다. 처음 시작하는 경우, 브랜드 색상을 선택하는 것이 부담스러울 수 있습니다. 이 색상들이 잘 어울릴지, 밝은 색상과 중립 색상 중 어떤 것이 브랜드에 더 적합할지는 판매하는 제품 유형에서 영감을 찾아보세요. 예를 들어, 나무 가구나 가죽 제품을 판매한다면, 자연 색상인 갈색, 베이지색, 주황색이 좋은 출발점이 될 수 있습니다. 온라인 색상 팔레트 도구를 사용할 수도 있으며, 많은 도구가 다른 사람이나 브랜드가 만든 훌륭한 색상 팔레트를 보여줍니다.
좋아 보이고 제품 및 비즈니스에 잘 어울리는 색상을 선택한 후, 선택한 색상을 나타내는 16진수 코드를 저장하세요. 이 조합은 온라인 플랫폼과 디자인 도구에서 색상을 정확하게 일치시키는 데 사용할 수 있습니다.
예를 들면 다음과 같습니다.
- #FFFFFF - 흰색
- #2D2D2D - 매우 어두운 회색
- #50B83C - 초록색
글꼴
글꼴 또한 브랜딩의 중요한 요소입니다. 많은 최고의 전자상거래 스토어 디자인은 다양한 글꼴 조합을 사용하므로, 하나의 글꼴이나 스타일에 국한될 필요는 없습니다. 서로 보완되는 글꼴을 찾아서 지루하지 않게 조합하세요. 일반적으로 두세 개의 글꼴을 사용하는 것이 가장 좋습니다. 그 이상 사용하면 브랜드가 희석될 위험이 있으며, 정보 흐름을 방해할 수 있습니다. 창의적으로 돋보이고 싶겠지만, 가독성, 일관성, 명확성 간의 균형을 목표로 하세요.
보완적인 글꼴 선택하기
완벽한 글꼴 조합을 찾는 가장 빠른 방법은 동일한 글꼴 패밀리 내에서 다양한 글꼴을 사용하는 것입니다. 글꼴 패밀리는 Helvetica나 Times New Roman과 같은 것으로, 그 안에는 몇 가지 변형이 있습니다. 동일한 패밀리의 글꼴은 서로 잘 어울리는 다양한 두께와 스타일을 이미 가지고 있습니다.
더 두꺼운 글꼴은 글꼴의 볼드 버전과 같은 것이고, 스타일 변형은 모두 대문자 버전일 수 있습니다.
좋아하는 글꼴이 있다면, 볼드 버전, 일반 버전, 이탤릭 버전을 사용하여 제목과 다른 정보를 구별할 수 있습니다. 이는 하나의 글꼴 패밀리를 전체 스토어에 적용하면서도 다양한 콘텐츠 유형을 구별할 수 있는 방법입니다.
호환되는 서체 쌍 만들기
글꼴을 다뤄본 적이 없다면, 서체에 대해 간단히 설명하겠습니다. 다음과 같은 몇 가지 기본 텍스트 스타일이 있습니다.
- 세리프: Times New Roman과 Georgia와 같은 서체는 각 글자에 작은 받침이 있습니다.
- 산세리프: Arial, Helvetica와 같은 서체는 작은 받침이 없습니다.
- 스크립트: 서예나 손 글씨처럼 보이는 서체입니다.
- 모노스페이스: 모든 글자가 동일한 간격으로 배치되어 있으며, 일반적으로 컴퓨터 코드에서 볼 수 있는 서체입니다. 좋은 예로 Roboto Mono가 있습니다.
서체 간의 강한 대비를 통해 조합할 수 있습니다.
대비를 기반으로 한 서체 조합은 계층 구조를 설정하는 데 좋습니다. 대비되는 서체는 어떤 문단이 제목이고 어떤 문단이 본문인지 명확하게 보여줍니다.
계층 구조는 고객에게 어떤 정보가 가장 중요한지를 시각적으로 보여줍니다. 이 게시물에서는 제목을 사용하여 각 섹션이 무엇에 대한 것인지 파악할 수 있도록 했습니다. 이는 계층 구조의 예시이며, 다양한 글꼴을 사용하여 제목을 돋보이게 할 수 있습니다.
글꼴 크기를 의도적으로 사용하기
글꼴 크기도 의도적이어야 합니다. 중요한 내용을 강조하고, 웹사이트의 목적과 콘텐츠를 사용자에게 알리기 위해 다양한 글꼴 크기를 사용하세요. 콘텐츠가 중요할수록 글꼴 크기도 커야 합니다.
본문 콘텐츠와 제목에 대한 글꼴 크기를 선택한 후에는 이를 고수하여 고객이 제목과 문단을 쉽게 구별할 수 있도록 해야 합니다. 사이트가 읽기 쉽고 탐색하기 쉬울수록 판매를 성사시키는 데 걸림돌이 줄어듭니다.
글꼴, 색상, 일반 브랜드 가이드라인을 정리한 후에 이를 준수하는 것은 스토어 디자인을 위해 가장 중요합니다.
3. 템플릿 만들기
다양한 페이지에서 새로운 글꼴과 색상을 적용하고 싶을 수 있지만, 일관성이 브랜드 구축의 초석이라는 것을 기억하세요. 고객이 스토어를 쉽게 인식하고 탐색할 수 있도록 하려면, 핵심 글꼴, 색상 및 스타일 세트를 고수하는 것이 큰 도움이 됩니다.
그래서 페이지 템플릿이나 섹션은 Shopify 테마 사용자 지정에 유용한 기능입니다.
페이지 템플릿은 블로그 게시물, 랜딩 페이지, 판매 퍼널 또는 제품 페이지와 같이 자주 재사용하는 항목에 유용합니다. 템플릿으로 시작하면 일관성을 유지할 수 있을 뿐만 아니라, 각 페이지를 만드는 데 필요한 창의적인 두뇌와 시간을 줄일 수 있습니다.
섹션의 경우, 웹사이트의 다양한 페이지에서 사용할 수 있는 소규모 템플릿 콘텐츠 블록을 만들 수 있습니다. 이는 여러 페이지에 삽입할 계획인 연락처 양식, 행동 유도 문구 또는 뉴스레터 가입 양식일 수 있습니다. 해당 섹션의 콘텐츠를 업데이트해야 할 경우, 한 번만 업데이트하면 해당 섹션을 사용하는 각 페이지에 자동으로 반영됩니다.
섹션을 만들고 편집하려면 테마 편집기로 가서 “+ 섹션 추가”를 클릭하세요. 목록에서 새 섹션을 선택하거나 검색창을 사용하여 편집할 섹션을 찾습니다. 섹션을 클릭하여 해당 섹션 내의 블록을 편집할 수 있습니다. 또한 섹션 옆의 ⋮⋮ 아이콘을 클릭하고 드래그하여 페이지의 섹션 순서와 레이아웃을 변경할 수 있습니다. 완료되면 '저장'을 클릭하세요.
4. Shopify 앱으로 스토어 사용자 지정하기
수천 개의 Shopify 앱이 스토어 디자인 앱 컬렉션에 있습니다. 무엇을 사용자 지정하고 싶은지를 파악한 후, 그 요구를 충족할 앱을 찾는 것이 중요합니다.
다음은 Shopify 앱으로 만들 수 있는 사용자 지정 변경 사항입니다.
- 검색바 변경하기: 검색, 필터링 및 제품 추천을 사용자 지정하고, 비주얼 검색을 추가하며, Shopify Search & Discovery와 같은 앱으로 전체 검색 경험을 향상시킵니다.
- 제품 추천 추가하기: 유사한 제품을 추천하여 평균 주문 가치를 높입니다. Thousand가 이를 어떻게 사용하는지 확인해 보세요.
- 고객 리뷰 통합하기: Judge.me와 같은 앱은 고객 리뷰를 통해 전환율을 최적화하는 데 도움을 줍니다.
- 랜딩 페이지 템플릿 만들기: 더 강력한 랜딩 페이지 사용자 지정 및 템플릿을 위해, 사용하기 쉬운 드래그 앤 드롭 편집기를 제공하는 Shogun 앱을 사용하세요.
- 결제창 사용자 지정하기: 결제 경험을 비주얼 브랜드에 맞추고 마찰을 줄여 판매를 촉진합니다. Skip To Checkout 및 Zipify One Click Upsell와 같은 앱이 이를 도와줄 수 있습니다.
5. Shopify 앱 임베드를 사용하여 더 많은 섹션 추가하기
Shopify 앱 임베드는 앱 제공 요소로, 테마에 떠 있거나 오버레이로 나타나며, 고객에게 보이지 않게 온라인 스토어에 코드를 추가합니다. 예를 들어, 스토어의 모서리에 나타나는 채팅 앱이나 분석 또는 추적 앱이 앱 임베드로 추가될 수 있습니다.
예를 들어, Shopify 판매자 Ora Organic은 전자상거래 사이트에서 활성화된 라이브 채팅 앱 임베드를 가지고 있습니다. 이 앱은 Gorgias에 의해 구동되며, 사용자가 웹사이트를 탐색하는 동안 라이브 채팅 버블과 상호작용을 할 수 있도록 합니다.
앱 임베드는 테마 편집기를 통해 활성화, 비활성화 및 사용자 지정할 수 있습니다. 모든 테마 버전과 함께 사용할 수 있습니다.
섹션과 마찬가지로, 앱 임베드는 단일 구현 및 관리 지점을 요구합니다. 따라서 앱 임베드에 대한 변경 사항은 앱 임베드가 나타나는 모든 페이지에 자동으로 반영됩니다. 즉, 각 페이지에서 수동으로 업데이트할 필요가 없습니다.
Shopify 앱 임베드를 사용자 지정하려면, 테마 편집기에서 “앱 임베드” 아이콘을 클릭하세요. 관리할 앱 임베드를 선택하거나 검색창에 키워드를 입력하여 설치된 앱을 검색합니다. 활성화하거나 비활성화할 앱 임베드를 찾으면, 클릭하여 상태를 변경합니다.
나만의 방식으로 Shopify 스토어 테마 사용자 지정하기
모든 Shopify 테마는 높은 기준을 충족하며, 판매자가 할인 제공, 제품 추천, 이메일 수집 및 구매자에게 더 많은 서비스를 제공할 수 있도록 내장된 기능이 가득합니다. 또한 모든 테마는 무료 업데이트를 제공하므로, 항상 최신 버전을 이용할 수 있습니다.
온라인 판매에 최적화된 스토어는 빠르게 로드되고, 모바일에서 제대로 작동하며, 최고의 결제 경험을 제공합니다. 모든 것이 기존 브랜드를 보완하는 방식으로 이루어집니다.
Shopify 스토어 테마 사용자 지정 FAQ
Shopify를 사용자 지정할 수 있나요?
네. Shopify를 사용자 지정할 수 있습니다. 테마를 선택한 후 테마 편집기로 이동하여 설정, 결제, 스토어 디자인 등을 사용자 지정하세요.
Shopify 사용자 지정이란 무엇인가요?
Shopify 사용자 지정은 Shopify 웹사이트의 프론트엔드 또는 백엔드를 변경하는 것입니다. 여기에는 모양과 느낌, 결제 옵션 및 체크아웃 프로세스, 웹사이트 탐색 등이 포함될 수 있습니다.
Shopify는 사용자 지정하기 쉬운가요?
네. Shopify는 사용자 지정하기 쉽습니다. 스스로 할 수도 있고, 전문가를 고용하여 Shopify 웹사이트를 사용자 지정할 수도 있습니다.
Shopify 스토어 사용자 지정에 대한 도움을 받는 방법은 무엇인가요?
Shopify 전문가 마켓플레이스는 경험이 풍부한 웹 디자이너와 연결해 주어, Shopify 스토어에 대한 전문가의 조언을 받거나 디자인 작업을 맡길 수 있습니다.
