エントリー -

해외 쇼핑몰 제작-(12)Shopify 도메인 연결

내 도메인을 구매하여 보유하게 되었다면 도메인을 통해 대표성을 확보할 수 있으며, 회사 홈페이지나 쇼핑몰에 연결하여 누군가가 내 도메인을 인터넷 창에 넣었을 때에 지정한 홈페이지나 쇼핑몰로 유입되게 할 수 있습니다. 그럼 Shopify로 만든 내 쇼핑몰로의 유입이 가능하도록, 도메인과 쇼핑몰을 연결하는 과정을 알아보겠습니다. 1. 자동 연결 – Shopify 내에서 구매한 도메인의 경우   Shopify내에서 도메인을 구입 한 경우(약$14/1년)는 도메인과 쇼핑몰이 자동으로 연결되며 e-mail 포워딩을 사용할 수 있습니다.   ① Shopify 내에서 도메인을 구입하는 방법은 아래와 같습니다.  ② Admin 페이지에서 Online Store -> Domains 메뉴로 진입합니다. ③ Buy new domain 클릭합니다. ④ 도메인 이름을 입력하고 접미사(~.com, .net등)를 선택하여 Check availability 버튼으로 구매 가능한 도메인을 확인합니다. ⑤ 가능한 도메인의 경우는 약관 동의란에 체크 후 Buy domain을 클릭하여 구매 ⑥ 이후 공통과정인 Primary domain을 선택하는 과정으로 넘어갑니다. 2. 반자동 연결 – 일부 도메인 업체  Shopify에서는 도메인 업체와 연계하여, 몇 가지 과정에 Connect 버튼만 클릭하면 자동으로 도메인이 연결되는 […]

해외 쇼핑몰 제작-(11)Shopify 도메인 준비

그 동안 여러 편의 포스팅을 거쳐오면서 Shopify 쇼핑몰의 내부적인 설정과 외관을 꾸미기도 하고, 상품 업로드까지 완료했습니다. 하지만 지금까지는 쇼핑몰을 운영하기 전 단계의 작업들이었습니다. 글로 하나씩 짚었기 때문에 생각보다 긴 시간이 소요되었지만, 알고 보면 준비 단계에 해당 하는 부분이었습니다. 그럼 준비를 마치고 손님을 받아야 하는데 아직 조금 더 준비할 부분이 있습니다. 바로 도메인입니다. 도메인에 대한 부분은 온라인 무역인에게는 아주 기본적인 내용일 수 있지만, Shopify와 연결을 하기 위해 한 번 짚고 넘어가겠습니다. 1. 도메인(Domain) 이란?  초반에 도메인에 대해 간단히 언급했던 적이 있습니다. 정확한 사전적인 뜻은 따로 있지만 흔히 이해하는 도메인이란 “홈페이지의 주소(URL)” 로 이해할 수 있습니다.   일반적인 호스팅이나 웹페이지들의 주소는 숫자의 조합으로 이루어져 있습니다. 이런 숫자의 조합인 IP주소라서 해당 사이트를 기억하기는 쉽지 않기 때문에, IP주소를 영문으로 표현한 것이죠. 즉, http://172.217.25.228 이라는 IP주소를 입력하면 https://www.google.com 로 연결됩니다. 이와 같이 도메인은 IP주소에 대응하는 간판 으로 생각할 수 있습니다. 쉽게 보면 Google.com 이나 shopify.com 등이 도메인네임이 되겠지요. 물론 현재 설정된 내 쇼핑몰의 주소도 도메인이 적용 된 이름입니다. (ex. http://testshop.myshopify.com 은 myshopify.com 이라는 도메인에 속한 주소)   도메인의 구성은 도메인 네임 뒤에 접미사 .com이나 .net 혹은 .co.kr 등이 붙습니다. 2. 도메인의 종류는?  도메인의 종류는 뒤쪽에 붙는 접미사를 기준으로 나눕니다. 종류야 워낙 여러 가지라서 분류하자면 끝이 없겠지만, 예를들어 흔히 대표적인 홈페이지들에 많이 사용되는 .com 이라고 하는 도메인은 최상위 도메인에 속합니다. .net이나 .org 등도 마찬가지로 최상위 도메인입니다. 국내에서는 .kr 도메인이 최상위 도메인입니다. 기업에 사용되는 ~.co.kr이 있겠죠.  그럼, 우리는 어떤 종류의 도메인을 구해야 할까요?   CBT셀러들은 해외 판매가 목적이기 때문에 최상위 도메인 중 .com은 기본적으로 보유해야 합니다. 최상위 도메인은 여러종류가 있기 때문에 모든 도메인을 확보하는 것은 무리가 있지만 .net의 도메인 정도는 확보해 두면 좋습니다. 3. 도메인의 규칙?  도메인은 영문,숫자,하이픈(-)의 조합으로 이루어집니다.  예를들면, seoul-123 이라는 도메인 이름이 가능합니다. 하지만 콤마(,)나 언더바(_)는 사용할 수 없습니다. Seoul,korea나 seoul_korea 라는 도메인은 불가능 한 것이지요. 물론 중복되는 도메인도 사용할 수 없습니다. 여기에 하이픈(-)으로 시작하거나 끝낼수가 없습니다. 문자나 숫자 사이에 들어가야 하는것이죠. 마지막으로 대소문자 구분이 없습니다. GOOGLE이나 google이나 같은 도메인 네임으로 인식합니다. 4. 내 쇼핑몰에 도메인을 갖는 것이 중요한 것인가?  예. 중요합니다. 단기적으로야 느껴지지 않을수도 있지만 장기적으로 보면 내 도메인을 보유하는 것은 중요합니다. 특히 내 쇼핑몰을 키워나가기 위해, 혹은 브랜드를 키워나가려면 자체 도메인은 필수입니다. 도메인과 홈페이지는 기업의 이미지나 신뢰에도 기본적인 요소로 작용합니다. 5. 내 도메인은 어떻게 구하나?  도메인은 등록기관을 통해 구입할 수 있습니다. 등록 비용은 조금씩 차이가 있으며 대체로 1년 간 1~2만원 정도입니다. 국내 사이트, 해외 사이트 들에서 구입할 수 있으며, 전문가 마다 주장하는 바는 다르지만, 저는 해외든 국내든 크게 상관 없다고 생각합니다. 여러 업체에서 첫 구매자에게 1년에 약 $2 이하의 가격으로 도메인을 판매합니다. 물론 프로모션에 따라 많은 도메인 업체에서 저렴한 요금으로 도메인을 구입할 수 있습니다. (단 처음 구매할 때만 저렴합니다.)  구매 방법은 어렵지 않습니다. 해당 사이트에 접속해서 원하는 도메인 이름을 검색하면 누군가 사용하지 않는다면 바로 구매할 수 있습니다.  6. 도메인 이름을 잘 지어야…?  예 잘 지어야 합니다. 어떤 경우에는 도메인 자체가 홍보의 수단이 되기도 하고, 브랜드의 이미지가 되기도 합니다. 또한 구글 검색엔진 최적화 부분으로 보아도 중요한 요소입니다. 예를 들면 Car-shop.com이라는 웹사이트는 누가 봐도 자동차 관련 쇼핑몰임을 알 수 있습니다. 도메인 이름으로도 쇼핑몰의 특성을 쉽게 알 수 있지만 구글이 인식하기에도 연관 검색어와 함께 노출되어 우위를 차지할 수 있습니다. 물론 마케팅에 공을 들여서 아주 독특한 단어나 브랜드 네임을 널리 알릴 수 있다면 금상첨화겠지만요. 7. 도메인이 이미 사용중 이라는데….?  예. 처음 도메인을 구하려고 하면 아마 99.999%의 확률로 이미 사용중일 것입니다. 이런 경우는 두 가지 방법이 있습니다. 재빠르게 다른 도메인을 찾던지, 아니면 해당 도메인을 살 방법을 강구하던지.   저는 다른 도메인을 찾는 것을 권합니다. 도메인 거래는 실제 많이 일어나지만, 이미 누군가가 선점한 도메인의 구입 비용은 그리 저렴하지 않습니다. 최소 몇백 만원대에서 시작할 가능성이 높습니다. 내가 원하는 건 다른 누군가가 이미 원했을 수 있습니다.  그래서 내가 원하는 이름과 관련해서 많은 단어나 문자를 찾아 두고 여러 번에 걸쳐 검색해야 합니다. 유사 단어도 선택 해 보고, 여러가지 합성어도 고려 해 볼 수 있습니다. 다시 한번 강조하지만, 많은 도메인이 이미 사용중일 것입니다. 2000년대 초반도 아니고, 수 많은 웹사이트가 만들어 지고 있는 요즘, 나만의 도메인을 찾는 과정은 어려운 것이 사실입니다. 또 사용중이냐!  도메인은 꼭 쇼핑몰 뿐 아니라 여러 용도로 활용 가능합니다. 홈페이지나 홍보용 웹사이트를 만들 수도 있겠고, 특히 외국에서는 회사 도메인으로 된 이메일 주소는 필수적으로 사용되고 있습니다. 1년에 1~2만원 남짓 한 비용을 투자하시더라도 나만의 도메인을 꼭 확보하시길 권합니다. 다음 편에서는 이렇게 준비한 도메인을 쇼핑몰에 연결하는 방법을 알아보겠습니다.  

해외 쇼핑몰 제작-(10)Shopify 테마활용

지난 편에 이어서 Shopify의 Theme 부분에 대한 추가적인 부분을 다루겠습니다. 기본적인 디자인으로도 내 Store를 충분히 꾸밀 수 있지만 약간씩은 더 필요한 부분이나 좀 더 활용하고 싶은 욕심이 있을 수있습니다. 그런 경우엔 여러 다른 Section을 추가하여 다른 기능을 하는 부분을 구성할 수 있습니다. Shopify에서는 각 기능에 맞는 화면 구성을 하도록 Section을 구분하고 있습니다.   테마 메뉴의 진입은 Online Store – > Themes 를 클릭합니다. (단축키 G W T) 여기서 Customize theme를 클릭하여 현재 사용중인 테마의 수정을 시작합니다. 지난 편에서 몇 가지 항목을 수정했습니다. 이번에는 기본적으로 나타나지 않았던 부분들을 살펴보겠습니다. * Add section Section 탭의 Add section을 클릭합니다. 각 Section은 한번 클릭 시에 Store 미리 보기에 표시되며, Add를 클릭하면 스토어 메인 화면에 추가됩니다. 물론 위치는 Section 탭에서 수정 가능합니다. 1. Blog Post – Shopify에서 제공하는 Blog Post를 메인 화면에 추가할 수 있습니다. Shopify에서는 여러개의 Blog를운영할 수 있습니다. 각 Blog마다 댓글(Comment)를 허용하게 할 수 있고 허용하지 않게 할 수 있으며, 각 Blog 아래에 원하는 Post들을 구성하게 됩니다. “여러 개의 Blog” 라는 개념은 생소한 개념이지만, 사용은 하나로만 충분히 할 수 있으며 내 Store를 다양한 방편으로 활용할 수 있다는 점 정도로 생각해 두면 될 것입니다.  – Blog Post는 Online Store – > Blog Posts 에서 관리 가능합니다. – Theme 설정 중, 처음에는 Blog가 생성되지 않았다면 하나의 Blog는 생성해야 합니다. 2. Collection – Collection list는 Collection의 메인 이미지와 이름을 노출 시킵니다. 지난 편에서 Slide 아래에 위치한3개의 Collection list 로 구성했습니다. – Featured collection 은 특정 Collection의 메인 이미지와 이름을 노출하며 그 와 함께 해당 Collection의 상품들도 노출시킵니다. 여러 상품들의 진열 효과가 있습니다. – Collection의 구성에 따라 프로모션이나 시즌 아이템에 적용 가능합니다. 예를 들어 12월 시즌 Sale 이라는 Collection을 만들어 여러 상품들을 모아두었다면, 12월 시즌 Sale을 시작할 때에 해당 collection을 메인에 노출시키는 것이 가능합니다. 3. Image – Gallery : 지정한 Image 파일만 노출합니다. 가로로 최대 3개의 Image를 구성할 수 있습니다. 링크가 없는 단순 이미지입니다. – Image with text : 지정한 Image파일과 텍스트가 노출됩니다. Image와 Text는 하나의 Block으로 보아, 최대 4개의 Block으로 구성이 가능합니다. 링크가 없는 단순 이미지와 텍스트입니다. 텍스트의 정렬, 굵기 지정이 가능합니다. – Image with text link : Image 파일과 텍스트가 노출되며, 해당 텍스트 클릭 시에 미리 지정한 링크 (상품, Collection등)로 이동합니다. 상단의 Slide와 비슷하지만 움직이지 않는 상태라고 이해하면 쉽습니다. – Logo List : 보통 파트너 사, 취급 상품 브랜드, Vender 등, 여러 로고의 이미지들을 나열합니다. 링크나 설명은 없고 로고 파일만 등록 가능합니다. 이미지의 크기를 미리 조절해 두어야 로고 파일로 쓰기에 적합합니다. – Multiple Link Blocks : 한 Block에서 이미지와 텍스트로 된 링크를 만들 수 있습니다. Block의 개념은위의 “Image with text”에서와 같습니다. 다만 Featured Collection 와 비슷한 모양으로 Image와 Text가 표시되고 링크를 만들 수 있습니다. 최대 10개의 Block이 생성 가능합니다. 4. Product – Featured Product : 특정 Product를 노출시키기 위함입니다. Collection List 등의 Section에서도 여러 Product들이 노출되지만 이 Section을 활용하면 원하는 한가지의 제품만 노출 가능합니다. 한 Section에 하나의 제품만 노출 가능하기 때문에 중요한 아이템을 지정하며, 여러 제품을 노출하기 위해서는 여러 Section을 생성합니다. 5. PROMOTIONAL – Newsletter : 뉴스레터를 위해 이메일을 수집할 수 있는 Section입니다. Footer에 있는 Newsletter와동일하며 누군가가 자신의 이메일을 입력하여 구독을 신청했다면  Customer 목록으로 newsletter라는Tag이 붙어서 들어오게 됩니다. 6. Store Information – Map : Google map으로 회사의 위치를 표시할 수 있습니다. 주소를 넣으면 사용할 수 있습니다.다만하루 노출이 2,500건 이상일 경우 API키를 입력해야 합니다. 회사 소개나 Contact Us page 가 아닌 이상, Store 메인 페이지에 지도를 노출하는 경우는 많지 않습니다. – Search : 내 store 내부의 컨텐츠를 검색합니다. 검색은 Product나 Blog post 도 검색이 됩니다. 7. TEXT […]

해외 쇼핑몰 제작-(9)Shopify 테마 적용과 꾸미기

상품 업로드를 어느 정도 해 두었고 메뉴도 구성했다면 이번에는 쇼핑몰의 외관을 바꾸어 볼 단계입니다. 여러 차례 강조했던 내용이지만 사실, 쇼핑몰의 외관은 그리 중요한 것이 아닙니다. 좀 더 정확하게말 한다면 쇼핑몰에서 중요한 것은 컨텐츠와 가격, 서비스 등의 실제 상품과 소비자, 판매자 들이 신경쓰는 부분입니다. 외관은 그저 ‘못 믿겠다‘는 느낌을 주지만 않으면 됩니다. 과하게 들어간 각종 기능들이나 필요 이상으로 화려하기만 한 색상 등은 예상보다 빠르지 않은 다른 국가의 인터넷 환경에서 악영향을 끼치게 됩니다. 현재 다루고 있는 Shopify나, 앞으로 다루게 될 Woocommerce 등과 같은 솔루션을 사용하는 이유 중에 하나도 쇼핑몰의 외관이나 각종 기능들은 손쉽게 꾸미고 그 외에 시간에 컨텐츠에 집중할 수 있기 때문입니다.  Shopify의 외관은 대부분 Theme에서 설정합니다. 여러 설정들을 한 페이지 내에서 변경할 수 있고, 특히 실시간으로 적용되어 미리 보기가 가능하기 때문에 처음 접한 경우에도 어렵지 않게 활용할 수 있습니다. 즉, 한 항목씩 클릭해 보면 어떤 기능을 하는지, 어떻게 적용되는지 쉽게 확인이 가능합니다. 1. 테마 설치  테마 메뉴의 진입은 Online Store – > Themes 를 클릭합니다. (단축키 G W T) 현재 테마가 보이지만아직은 설정되지 않은 상태입니다. 위쪽의 Visit Theme Store를 클릭하여 테마 스토어로 진입합니다. 일전에 소개한 바와 같이 여러 유/무료의 테마가 있고 각 Theme마다 약간씩의 기능의 차이가 있습니다. 우리는 무료 테마 중, Venture 테마를 활용하여 쇼핑몰을 꾸며보겠습니다.   Free항목을 클릭하고 위쪽에 위치한 Venture 테마를 선택합니다. Venture 테마 페이지에 들어가면Install theme를 클릭하여 설치를 진행합니다. 별다른 복잡한 설정은 없으며 설치는 자동으로 진행됩니다. 설치 후 쇼핑몰에 바로 적용(Publish) 할 것인지 여부를 결정하고 설치를 완료합니다. 설치 후 바로 적용하기 위해 왼쪽의 Publish as my store’s theme 를 클릭합니다. 내 Store로 Theme를 다운 받고 있습니다. 설치 완료! Theme Manager 로 이동합니다. 현재까지 적용 된 Theme 미리보기 화면. 큰 부분을 차지하는 메인 화면 슬라이드가 빠져습니다. 2. Customize Theme  테마 설치는 되었지만 아직 세부 내용은 군데군데 비어 있습니다. 좌측 상단의 View your store 버튼으로 쇼핑몰을 접속해 보면 일부 상품은 노출되어 있지만 슬라이드나 다른 부분은 미완성 단계입니다. 이제 Customize theme를 클릭하여 테마 변경에 들어가 보겠습니다. – Theme 설정 시 유의할 점 설정을 마치면 왼쪽 아래의 Save 버튼을 꼭 클릭해야 실제로 저장됩니다. 현재 보이는 화면은 단지 미리 보기 화면입니다. 명심하세요 Save 버튼을 눌러야 저장됩니다. – 또한 현재 화면은 컴퓨터 화면의 “미리보기“이며 save 버튼 옆에 있는 Viewport selector 버튼으로 모바일 페이지의 미리보기도 가능합니다. – 좌측의 Sections 탭은 화면 위치에 따른 여러 항목을 추가/제거하거나 변경할 수 있습니다. – 우측의 General setting은 색상, 글꼴 등의 전반적으로 적용이 가능한 범위에 대한 설정과 특정 항목(Favicon이나 Social media 링크 등)에 대한 지정이 가능합니다. – Section에서 Header, Footer와 메인 상단에 노출되어야 하는 Slideshow 부분을 제외하면 각 Sections의 우측에 위치한 이동 버튼을 드래그 하여 위치 변경이 가능합니다.(작은 점 8개) – Header, Slideshow, Footer 이렇게 세 Section들은 고정되어 위치하고 제거할 수 없습니다.  나머지Section들은 추가, 제거가 가능합니다.  위쪽 Section 부터 살펴보겠습니다. a. Header 헤더는 홈페이지나 쇼핑몰의 가장 윗부분(머리, Head)부분을 나타냅니다. 로고를 바꿀 수 있고 메뉴를설정할 수 있습니다.  – Logo 파일 : 아래쪽의 Custom logo width 를 지정해 주고 그에 맞는 가로 픽셀의 로고 파일을 업로드 합니다.  제 Store의 이름은 “Acc Store for Test” 입니다. 테스트를 위함이니 멋이 없어도 양해 바랍니다.  위의 이름을 포토샵에서 까만 바탕에 빨간 글씨로 썼습니다.  Width는 미리 설정 된 450px, 세로는 적당히 50px정도입니다.   – Menu : 여러가지 메뉴를 미리 설정 해 두고 시즌이나 행사에 맞게 바꿀 수 있습니다. 현재는 Main menu를 사용하고 있기 때문에 현재 상태로 두어도 무방합니다.  – Promotion Bar : […]