BigCommerce 상점 디자인을 사용자 정의하는 방법
게시 됨: 2017-04-06
BigCommerce 상점 디자인을 사용자 정의하고 고유한 브랜드 구축
BigCommerce는 BigCommerce 상점 디자인을 직접 설정 및 사용자 정의할 수 있는 기능을 포함하여 귀하와 같은 비즈니스 소유자에게 완전한 전자 상거래 패키지를 제공하는 포괄적인 플랫폼입니다(또는 귀하를 위해 당사와 같은 전문가를 고용할 수 있음). 전자 상거래 비즈니스를 시작하고 성공하는 데 필요한 모든 것이 있습니다. 복잡한 설치 및 통합이 필요하지 않으며 약간의 운만 있다면 시간이 지나도 견딜 만한 것을 만들 수 있습니다.
BigCommerce가 전자 상거래의 세계에서 인기가 있는 데는 이유가 있습니다. 기존 테마(유료 또는 무료)를 사용하여 특별한 것을 만들 수 있도록 맞춤화할 수 있는 시스템이 내장되어 있습니다. 말할 필요도 없이 모든 브랜드에는 고유한 목소리와 모양이 필요합니다. 표준 템플릿은 성능이 매우 뛰어나지만 이를 사용하는 경쟁에서 눈에 띌 수 없습니다. 당신과 같은 테마를 사용하는 다른 사람들이 많이 있을 수 밖에 없고, 당신의 브랜드는 믹스에서 아이덴티티를 잃을 수 있습니다. 브랜드에 개성을 추가하려면 BigCommerce 테마를 사용자 정의해야 합니다.
BigCommerce 템플릿의 장점은 모두 HTML과 CSS를 사용한다는 것입니다. 이것은 템플릿 사용자 정의가 진행되는 한 무한한 다양성을 제공합니다. 따라서 디자인 모드를 통해 기본적인 수정은 쉽게 할 수 있지만 더 복잡한 것은 HTML과 CSS를 알아야 합니다. 모든 것을 스스로 할 시간이 없다면 1 Digital Agency와 같은 전문가에게 의뢰하여 BigCommerce 디자인을 맞춤화할 수 있습니다.
디자인 모드를 통해 BigCommerce 사용자 정의
디자인 모드는 진정으로 독특하고 어디에서나 찾을 수 있는 가장 단순한 사용자 정의 시스템입니다. 간단한 드래그 앤 드롭 메뉴를 사용하여 BigCommerce 테마를 사용자 정의할 수 있는 기회를 제공합니다. 상점의 모든 페이지에서 항목을 다시 주문하거나 제거할 수 있습니다. 불행히도 가장 큰 강점은 약점이기도 합니다. 디자인 모드를 사용하여 BigCommerce 디자인을 사용자 정의할 때 웹 페이지에서 순서를 변경하거나 완전히 제거하는 것 외에는 다른 작업을 할 수 없습니다.
어쨌든 디자인 모드에는 용도가 있습니다. 특히 기본 수정을 원하는 경우에 그렇습니다. 스토어 디자인 탭을 클릭한 다음 제어판에서 디자인 모드 탭을 클릭하여 액세스할 수 있습니다. 그렇게 하면 디자인 모드가 활성화되고 사용자 정의를 시작할 수 있습니다.
디자인 모드를 사용하려면 사용자 정의하려는 상점 페이지를 방문해야 합니다. 디자인 모드가 활성화되었음을 나타내는 도구 모음이 페이지 상단에 표시되어야 합니다(아래 참조).
끌어서 놓기 기능은 공원에서 산책하는 것과 같습니다. 사용자 지정하려는 페이지에서 포인터를 이동하려는 항목으로 이동합니다. 포인터의 모양이 바뀝니다. 이제 왼쪽 마우스 버튼을 사용하여 해당 항목을 표시하려는 위치로 드래그하고 놓으십시오. 항목을 제거하려면 해당 항목을 마우스 오른쪽 버튼으로 클릭하고 메뉴에서 패널 제거를 선택합니다. 페이지에 대한 모든 조정을 마쳤으면 작업을 저장하고 즐기십시오.
빠른 편집을 사용하여 상점 수정
앞에서 말했듯이 디자인 모드를 사용하여 BigCommerce 템플릿을 사용자 정의할 수 있지만 그것만으로는 충분하지 않습니다. 디자인에서 항목을 재정렬하고 제거하는 작업으로 할 수 있는 일은 많지 않습니다.
BigCommerce 템플릿을 사용자 정의할 수 있는 또 다른 방법은 스타일시트 편집기를 사용하는 것입니다. 스토어 디자인 탭의 템플릿 파일 찾아보기 옵션을 사용하면 테마 템플릿 파일의 CSS를 편집할 수 있습니다. 여기에서 BigCommerce를 사용자 정의하려면 HTML과 CSS를 알아야 하지만 이것이 더 효과적인 방법입니다. 사실, 우리와 같은 전문가들이 테마에 대해 수행하는 대부분의 사용자 지정은 빠른 편집 옵션을 통해 이루어집니다.
편집기에 들어가면 왼쪽 열에 템플릿 파일 목록이 표시됩니다. 첫 번째 부분에는 사용 중인 템플릿의 파일이 포함되어 있고 다른 부분에는 해당 유형에 따라 그룹화된 테마에 대한 나머지 템플릿 파일이 모두 표시됩니다.
템플릿 파일을 클릭하면 오른쪽에 편집기가 열립니다(위 참조). 해당 템플릿의 모든 코딩이 표시되며 여기에서 HTML을 변경할 수 있습니다. 이것은 엄청나게 까다로우며 HTML을 이해하는 전문가에게 맡겨야 합니다.
FTP를 통해 BigCommerce 디자인 사용자 정의
BigCommerce를 사용자 정의하려고 생각하면 테마의 모든 측면을 사용자 정의할 수 있는 방법을 알고 있는 경우가 많습니다. 기본 사항에 대해서는 디자인 모드에 대해 이야기했습니다. 고급 BigCommerce 사용자 정의를 위해 HTML 편집기 또는 빠른 편집이 있습니다. 그러나 이것이 전부는 아닙니다. 사용자(전문 사용자)가 다른 두 옵션으로는 불가능한 모든 것을 수정할 수 있는 특별한 디렉토리에 대한 FTP 액세스를 위한 조항도 있습니다.
FTP를 통해 상점을 디렉토리에 연결해야 합니다. 여기에서 파일을 업로드할 수 있습니다. 그러면 BigCommerce 스토어에 다시 연결되어야 합니다. 이를 수행하는 가장 좋은 방법은 템플릿의 모든 템플릿 파일의 ZIP 아카이브를 다운로드하고 변경해야 하는 파일을 수정하는 것입니다. 업로드할 수 있는 파일 유형에는 HTML 및 CSS, .jpg, .jpeg 및 .png와 같은 이미지, .flv, .fla 등과 같은 미디어 파일이 포함됩니다. 이러한 업로드된 파일에는 에 있는 것과 다른 URL 링크가 있습니다. 템플릿 파일. 이러한 새 URL을 사용 중인 스타일시트나 웹 페이지에 통합해야 합니다.
2019년 업데이트:
온라인 디지털 세계가 꾸준히 성장하고 증가함에 따라 전자 상거래 플랫폼은 옵션과 기능을 지속적으로 업데이트해야 합니다. 위의 내용은 여전히 모든 BigCommerce 상점 소유자에게 매우 유용하지만 이 블로그가 처음 게시된 이후 몇 가지 업데이트가 이루어졌습니다.
WYSIWYG 편집기
WYSIWYG: 당신이 보는 것이 당신이 얻는 것입니다. 이 BigCommerce 편집기는 웹 페이지, 배너, 제품 및 카테고리에 사용할 수 있습니다. 이 편집기는 "프론트 편집기"입니다. 즉, 코드를 변경하지 않고 위에서 언급한 특정 페이지의 내용을 편집할 수 있습니다. WYSIWYG를 사용하면 텍스트 서식 지정, 링크 생성, 이미지, 비디오 및 기타 미디어 추가, 표 생성이 가능합니다. 편집기를 사용하지 않으려면 스토어 설정에서 클릭할 수 있는 비활성화 버튼이 있습니다.
BigCommerce 스타일 테마 편집기
BigCommerce 테마를 구매하고 사용자 정의하려면 BigCommerce 상점으로 이동하여 "내 테마"를 클릭하기만 하면 됩니다. 그러면 다음과 같은 화면이 있는 페이지로 이동합니다.
"사용자 정의" 버튼을 클릭하면 화면 왼쪽에 스타일 편집기 패널이 있는 새 창이 열립니다.
Blueprint 테마 또는 Stencil 테마가 있는 BigCommerce 상점이 있든 BigCommerce를 사용하면 코드를 변경하지 않고도 스타일 편집기를 사용하여 상점의 모양과 느낌을 변경할 수 있습니다. Blueprint 및 Stencil 테마를 사용하여 글꼴 및 색상, 이미지 크기를 변경하고 제품 열 등을 추가하여 사이트를 브랜드 및 기본 설정에 맞게 더욱 맞춤화할 수 있습니다.
HTML 및 CSS 코드 사용자 정의
스타일 편집기를 사용 중이고 일부를 변경할 수 없는 경우 테마의 HTML 및 CSS 코드를 편집해야 합니다. 이렇게 하려면 편집하려는 테마를 다운로드해야 합니다. 다음과 같이 표시됩니다.
작업하려는 테마를 선택한 후 컴퓨터에 저장하면 편집 및 사용자 지정을 시작할 수 있습니다. 그러나 웹 개발에 익숙하지 않은 경우 전체 사이트에 결함을 일으킬 수 있는 주요 문제가 발생하지 않도록 깊이 있는 지식을 갖춘 사람의 도움을 받는 것이 좋습니다.
최고의 디지털 에이전시와 함께하는 BigCommerce 스토어 커스터마이징
브랜드 구축은 좋은 로고와 슬로건을 만드는 것 이상입니다. 전자 상거래 상점은 브랜드가 나타내는 모든 것을 요약해야 합니다. BigCommerce는 쉽게 이동할 수 있는 전자 상거래 플랫폼이지만 BigCommerce 템플릿을 사용자 정의하여 진정으로 고유한 사이트 디자인을 생성해야 합니다 .
1Digital Agency에는 BigCommerce 사용자 정의 및 맞춤형 BigCommerce 스토어 템플릿 디자인에 대해 자세히 알고 있는 전문가가 있습니다. 그 이상, 우리는 전자 상거래를 이해하고 시선을 사로잡고 사용자 친화적이며 가장 중요하게는 비즈니스 이념에 고유한 디자인으로 고객 기반과 실제로 연결하는 방법에 대한 전문적인 조언을 제공할 수 있습니다.
UX와 UI를 염두에 두고 당사의 전문 전자 상거래 디자이너와 개발자는 귀하의 비전을 가지고 완전히 반응하고 사용자가 온라인 상점의 페이지를 계속 탐색하도록 유도하는 기능적이고 최고 수준의 전자 상거래 웹 사이트 디자인으로 변환합니다. 그들은 브랜드의 측면을 사이트에서 내리는 모든 결정에 통합합니다. 색상에서 글꼴, 이미지 등에 이르기까지 귀하의 웹사이트는 적절한 사용자를 끌어들이고 더 높은 전환율로 이어질 수 있을 만큼 충분히 오랫동안 참여를 유지합니다.
우리 전문가들은 처음부터 BigCommerce와 협력해 왔습니다. 우리는 자체적으로 말하는 다양한 작업 포트폴리오를 보유하고 있습니다. BigCommerce 디자인을 맞춤화할 뿐만 아니라 마케팅 및 개발 서비스도 제공합니다. 인증된 BigCommerce 파트너로서 우리는 각 프로젝트를 성공시키기 위한 노력과 헌신을 바탕으로 명성을 쌓았다고 자랑스럽게 생각합니다. 지금 888.982.8269로 전화하거나 저희에게 연락하십시오. 저희 웹사이트를 통해 저희가 무엇을 할 수 있는지 보여드리겠습니다.