온라인 판매에 필요한 모든 것

웹사이트, 소셜 미디어 또는 마켓플레이스에서 판매할 온라인 상점을 몇 분 만에 설정하세요.

Ecwid 매장 디자인 맞춤화를 위한 종합 가이드

Ecwid 매장 디자인 맞춤화를 위한 종합 가이드

12 분 읽음

UDP: 2018년 XNUMX월, Ecwid에 새로운 디자인 설정을 출시했습니다! 코딩 없이 Ecwid 매장을 얼마나 깊이 있게 맞춤화할 수 있는지 알아보세요. 최신 블로그 게시물에서. 귀하의 스토어가 2018년 XNUMX월 이전에 생성되었고 이전 설정을 사용하는 방법을 배우고 싶다면 이 내용을 계속 읽으십시오.

Ecwid 스토어는 모든 웹사이트에 추가하고 모든 제품 유형을 즉시 판매할 수 있도록 만들어졌습니다. 매장 전면은 데스크톱과 모바일 기기 모두에 자동으로 맞춰지며, 매장은 어느 화면에서나 멋지게 보입니다.

매장을 웹사이트의 자연스러운 일부로 만들면 전문적인 비즈니스의 느낌을 받을 수 있습니다. 웹 사이트 스타일과 특정 비즈니스의 특정 요구 사항에 맞게 매장 디자인을 변경할 수 있습니다. 이는 완전 자동화된 설정부터 다음과 같은 다양한 방법을 통해 달성할 수 있습니다. 맞춤 제작 테마.

대부분은 다음 목록에 나열되어 있습니다. 제어 패널 설정 디자인. 해당 페이지에서는 디자인 설정을 관리할 수 있으며, 이 게시물에서는 이를 최대한 활용하는 방법을 알려 드리겠습니다.

우리는 Ecwid 매장 디자인에 가능한 모든 수정 사항을 필요한 기술과 리소스에 따라 빠르고 쉬운 것부터 더 깊고 복잡한 것까지 세 가지 수준으로 분류했습니다.

온라인 판매 방법
전자 상거래 중소기업 소유자와 창업가 지망생을 위한 전문가입니다.
유효한 이메일 주소를 입력하세요

레벨 1: 빠르고 쉬움

빠르고 쉬운

쉽고 빠른 수정이 가능합니다. 버튼을 클릭하는 것 외에는 아무것도 필요하지 않습니다.

디자인 변경을 고려하기 전에 좋은 소식이 있습니다. Ecwid는 환경에 자동으로 구축되어 웹 사이트나 소셜 페이지의 자연스러운 일부로 보입니다. 이를 위해 코딩을 할 필요가 없습니다. 모든 것이 잘 작동할 것입니다.

또한 추가 노력 없이도 매장의 모양과 느낌을 임무에 맞게 조정할 수 있는 쉬운 방법이 있습니다.

1. 웹사이트가 없는 경우 Ecwid Instant Site에서 판매하세요.

Instant Site는 Ecwid 계정을 만들 때 Ecwid가 무료로 제공하는 온라인 상점이 있는 무료 웹사이트입니다.

Ecwid 인스턴트 사이트

디자인에 관해 말하자면, Instant Site는 다음과 같이 구축되었습니다. 기성품 블록(표지 이미지, 로고, 온라인 스토어, "회사 소개" 섹션, 고객 피드백, 연락처)을 활성화 및 비활성화하고, 편집하고, 비즈니스에 맞게 사용자 정의할 수 있습니다. 이 모든 작업은 실제로 자신의 손으로 단 몇 분 만에 수행할 수 있습니다.

따라서 판매할 웹사이트가 없는 경우 이 방법은 온라인 판매를 시작하는 매우 쉬운 방법입니다. 잘 생긴 웹페이지를 무료로 제공합니다.

단계별 가이드에서는 인스턴트 사이트를 디자인하는 방법을 설명합니다. 처음부터 첫 번째 판매까지 인스턴트 사이트를 개인화하세요

2. 이미 홈페이지를 보유하고 있는 분들을 위한 손쉬운 디자인 커스터마이징

이미 웹사이트가 있는 경우 Ecwid는 WordPress, Wix, Joomla 또는 기타 플랫폼 등 웹사이트의 기반이 무엇이든 원활하게 통합됩니다. 매장을 더욱 멋지게 보이게 하기 위해 할 수 있는 일은 다음과 같습니다.

1단계: 사이트 빌더에 어울리는 테마 사용

웹사이트를 디자인하려면 구매 가능한 수십 가지 테마 중에서 선택하기만 하면 됩니다. Ecwid 매장은 대부분의 매장과 호환됩니다.

다음은 사이트 빌더에 대한 테마를 찾을 수 있는 웹상의 빠른 위치 디렉토리입니다.

WordPress 웹사이트의 경우

또한, 컬렉션도 놓치지 마세요. 최고의 무료 WordPress 테마 전자 상거래 웹 사이트.

Joomla 웹사이트의 경우

Squarespace 웹사이트의 경우

Wix 웹사이트의 경우, 훨씬 더 쉽습니다. 떠나지 않고도 테마를 탐색할 수 있습니다. www.wix.com.

참고 : Ecwid + Wix 판매자는 Ecwid Wix 애플리케이션 설정에서 웹사이트 및 매장의 색상을 일치시킬 수 있습니다.

Wix 및 Ecwid 색상 설정

Wix 웹사이트의 Ecwid 스토어 디자인 설정

2단계: 색상 적응 모드 활성화

새로운 Ecwid 매장을 열고 웹사이트에 추가하면 Ecwid는 매장 색상을 웹사이트 스타일에 맞게 자동으로 조정합니다. 이 기능을 색상 적응 모드라고 합니다. 매장을 웹사이트의 자연스러운 일부로 만드는 매우 쉬운 방법입니다.

이미 Ecwid를 통해 판매 중인 경우 색상 적응 모드가 기본적으로 활성화되지 않지만 디자인 페이지에서 활성화할 수 있습니다.

Ecwid 색상 적응 모드

Ecwid 매장을 여러 웹사이트에 추가하면 어떻게 되나요? 색상 적응 모드를 활성화하면 매장 색상이 각 색상에 맞게 조정됩니다. 귀하의 매장은 흰색, 검정색, 녹색 등 각 웹사이트 환경에서 자연스럽게 보입니다.

이 기능은 대부분의 Ecwid 판매자가 사용할 수 있습니다. 참고: Ecwid + Wix 판매자는 웹사이트 색상을 일치시킬 수 있으며 Ecwid Wix 애플리케이션 설정에만 저장할 수 있습니다.

3. 빠른 외모 설정으로 플레이

언제든지 너를 온라인 판매 Ecwid를 사용하면 몇 번의 클릭만으로 Ecwid 매장 요소를 활성화하거나 비활성화할 수 있습니다. 예를 들어, 수제 제품을 낱개로 판매하는 사람들은 수량 필드를 숨기는 것을 선호하는 경우가 많습니다.

불필요한 요소도 숨기거나 썸네일 크기를 변경하고 싶을 수도 있습니다. 디자인 페이지의 모양 섹션에서 이 작업을 완전히 수행할 수 있습니다.

모양 설정

레벨 2: 모험가

모험가
기술적인 지식이 없지만 더 깊은 디자인 변경을 원하고 약간의 여행을 할 시간이 있는 사람들을 위한 것입니다.

매장을 준비했고 이미 둘러보았습니다. 이제 개인적인 손길의 필요성을 느끼기 시작합니다. 버튼, 텍스트, 배경의 브랜드 색상, 고유한 아이콘 또는 완전히 새로운 요소일 수 있습니다. 그러나 코딩에 대해 전혀 모릅니다.

걱정하지 마세요. 이 수준에서는 특별한 지식 없이도 위의 목표를 달성하는 데 도움이 되는 도구를 수집했습니다. 좀 더 자세히 살펴보겠습니다.

1. 매장 디자인을 위해 Ecwid 앱 마켓의 앱을 사용하세요

이 어플리케이션에는 XNUMXµm 및 XNUMXµm 파장에서 최대 XNUMXW의 평균 출력을 제공하는 Ecwid 앱 마켓 분석, 판촉, 배송 등에 도움이 되는 100개 이상의 앱이 있습니다. 당신은 또한 찾을 수 있습니다 매장 맞춤화용 앱 and 디자인. 코딩 없이 테마 색상을 변경할 수 있는 앱을 살펴보겠습니다. 매장 디자이너.

매장 디자이너

매장 디자이너 버튼, 텍스트, 배경의 색상을 빠르게 설정할 수 있는 앱입니다.

미리보기 모드를 사용하면 완벽한 디자인을 매장에 게시하기 전에 원하는 만큼 색상을 시험해 볼 수 있습니다.

매장 디자이너

매장 디자이너 인터페이스

앱 가격은 4.99달러이며 일주일 동안 무료 평가판을 제공합니다.

스토어 디자이너 이용 가능 모든 유료 Ecwid 요금제, 나머지 App Market 앱도 마찬가지입니다.

2. 복사 붙여 넣기 기술 자료에서 준비된 조정

Ecwid 기술 자료 Ecwid 매장 소유자가 가질 수 있는 대부분의 질문에 대한 답변이 있습니다. 우리는 가장 자주 묻는 팁과 함께 여기에 새로운 기사를 지속적으로 추가하고 있습니다. 기성품 솔루션을 제공합니다.

모험가는 다양한 것을 찾을 수 있습니다 매장 맞춤 설정에 대한 지침; 예를 들어,

매장에서 글꼴 변경 or 검색창 추가.

이러한 지침의 대부분은 다음과 같이 분류됩니다. 복사 붙여넣기 CSS 테마에 코드 조각을 추가하세요.

다음에서 CSS 테마를 관리할 수 있습니다. 제어 패널 설정 디자인.

프로세스는 다음과 같습니다. 예를 들어 장바구니 아이콘을 변경하려면 설정 → 디자인, 새 CSS 테마 생성, 추가 코드 조각, 변경 사항을 저장하고 테마를 활성화하십시오.

Ecwid의 CSS 테마 관리

이 테마에 추가 변경 사항을 모두 추가해야 합니다. 한 번에 하나의 테마만 활성화할 수 있으므로 스토어에 적용하려는 모든 수정 사항이 포함되어야 합니다.

3. 맞춤형 테마 개발 주문

귀하의 요구 사항을 충족할 테마를 찾을 수 없는 경우 다른 옵션은 다음과 같습니다. CSS 테마 개발 주문 그것은 당신만을 위해 만들어질 것입니다. 사용자 정의 테마는 단순한 색상 변경 이상의 의미를 가지며 제품 페이지의 블록 순서를 완전히 다르게 하는 등 보다 심층적인 사용자 정의를 가능하게 합니다.

기성품 테마 및 테마 개발은 모든 Ecwid 가맹점에서 가능합니다.

레벨 3: 베테랑

베테랑
대규모 맞춤화: 매장 외관을 완전히 변경합니다. 안녕하세요, 코드입니다.

때로는 매장 외관에 더 깊은 변화가 필요할 수도 있습니다. 드롭 다운 메뉴, 제품 페이지 요소의 다른 레이아웃, 버튼의 맞춤 디자인 등이 있습니다.

럭셔리 기술에 정통한 판매자 또는 팀에 개발자가 있는 사람들은 해당 유형의 변화를 가져오고 맞춤형 CSS 테마 또는 Ecwid API의 도움으로 Ecwid 매장을 알아볼 수 없을 정도로 변화시킬 수 있는 기회가 있습니다.

1. 만들기 자체 제작 CSS 테마

매장을 직접 디자인하고 싶다면 자신만의 CSS 테마를 만드는 것을 고려해 보세요.

CSS 테마는 스토어에 있는 모든 요소의 모양(페이지의 크기, 모양, 색상 및 위치)을 결정하는 규칙 집합입니다.

사용자 정의 CSS 테마 만들기

나만의 CSS 테마 만들기 설정 → 디자인

있다 Ecwid 기술 자료 가이드 자신만의 CSS 테마를 만드는 방법과 특정 요소 변경에 대한 지침.

HTML과 CSS에 대한 이해가 필요하므로 이 두 단어가 낯설게 들린다면 테마를 처음부터 만드는 데 필요한 기술을 습득하는 데 시간을 할애해야 합니다.

Ecwid 매장 디자인에 어려움을 겪는 경우 언제든지 Ecwid 고객 관리 팀에 도움을 요청할 수 있습니다. 아니면 아직 가능해요 나만의 CSS 테마 맞춤 개발 주문.

2. Ecwid Javascript API를 사용하여 Ecwid 매장 기능 확장

이 부분은 주로 개발자를 위한 부분입니다. Ecwid 매장을 개선할 수 있는 다른 것이 무엇인지 알고 계십니까? 얻기 Ecwid 자바스크립트 API.

예를 들어 새로운 CSS 테마나 앱을 제작하여 Ecwid 앱 마켓에서 판매할 수 있습니다. Ecwid Javascript API를 사용하면 매장 전면 디자인을 완전히 변경하여 필요한 만큼 깊이 있는 변경을 적용할 수 있습니다.

시작할 준비가 되셨다면, 개발자를 위한 페이지에 등록하세요.

***

또한 읽기 : 고객이 클릭을 거부할 수 없는 제품 카테고리 사진을 디자인하는 방법


 

차례

온라인 판매

Ecwid Ecommerce를 사용하면 인터넷과 전 세계 어디에서나 누구에게나 쉽게 판매할 수 있습니다.

저자 소개,

Qetzal은 Ecwid의 제품 책임자입니다. 그는 사람들의 삶을 더 쉽게 만들기 위해 새로운 것을 창조하는 것을 좋아합니다.

든든한 전자상거래

사용이 매우 간단합니다. 기술을 가장 싫어하는 고객도 관리할 수 있습니다. 설치가 쉽고 설정이 빠릅니다. 다른 상점 플러그인보다 몇 광년 앞서 있습니다.
저는 이 제품을 제 웹사이트 고객에게 추천했고 지금은 웹마스터로 활동하고 있는 다른 4개 매장과 함께 제 매장에서도 사용하고 있습니다. 아름다운 코딩, 뛰어난 최고 수준의 지원, 훌륭한 문서, 환상적인 사용법 비디오. 정말 고마워요 Ecwid, 당신은 최고입니다!
저는 Ecwid를 사용해 왔고 플랫폼 자체를 좋아합니다. 모든 것이 너무 단순화되어 미쳤습니다. 배송업체를 선택할 수 있는 옵션이 다양하고 다양한 변형을 넣을 수 있다는 점이 마음에 듭니다. 꽤 개방적인 전자상거래 게이트웨이입니다.
사용하기 쉽고 저렴합니다(시작하는 경우 무료 옵션). 전문적으로 보이고 선택할 수 있는 템플릿이 많습니다. 이 앱은 휴대폰으로 바로 매장을 관리할 수 있어 제가 가장 좋아하는 기능입니다. 적극 추천합니다 👌👍
나는 Ecwid가 시작하고 사용하기 쉽다는 점을 좋아합니다. 저 같은 사람도 기술적인 지식이 전혀 없는 사람이라도 말이죠. 매우 잘 작성된 도움말 기사. 그리고 내 의견으로는 지원팀이 최고입니다.
제공되는 모든 기능에 대해 ECWID는 설정이 매우 쉽습니다. 적극 추천합니다! 나는 많은 연구를 했고 약 3개의 다른 경쟁자를 시험해 보았습니다. ECWID를 사용해 보세요. 그러면 곧 온라인에 연결될 것입니다.

당신의 전자상거래 꿈은 여기서 시작됩니다

"모든 쿠키 허용"을 클릭하면 사이트 탐색을 개선하고 사이트 사용을 분석하며 마케팅 활동을 지원하기 위해 장치에 쿠키를 저장하는 데 동의하는 것입니다.
개인 정보 보호 정책

귀하가 웹사이트를 방문하면 해당 웹사이트는 대부분 쿠키 형태로 귀하의 브라우저에 정보를 저장하거나 검색할 수 있습니다. 이 정보는 귀하, 귀하의 기본 설정 또는 귀하의 장치에 관한 것일 수 있으며 대부분 사이트가 귀하가 기대하는 대로 작동하도록 하는 데 사용됩니다. 이 정보는 일반적으로 귀하를 직접적으로 식별하지는 않지만 귀하에게 보다 개인화된 웹 경험을 제공할 수 있습니다. 당사는 귀하의 개인정보 보호 권리를 존중하므로 귀하는 일부 유형의 쿠키를 허용하지 않도록 선택할 수 있습니다. 자세한 내용을 알아보고 기본 설정을 변경하려면 다른 카테고리 제목을 클릭하세요. 그러나 일부 유형의 쿠키를 차단하면 귀하의 사이트 경험과 당사가 제공할 수 있는 서비스에 영향을 미칠 수 있습니다. 추가 정보

더 알아보기

꼭 필요한 쿠키(항상 활성화)
이 쿠키는 웹사이트가 작동하는 데 필요하며 당사 시스템에서 끌 수 없습니다. 일반적으로 개인 정보 기본 설정, 로그인 또는 양식 작성과 같은 서비스 요청에 해당하는 귀하의 작업에 대한 응답으로만 설정됩니다. 이러한 쿠키를 차단하거나 경고하도록 브라우저를 설정할 수 있지만 사이트의 일부는 작동하지 않습니다. 이 쿠키는 개인 식별 정보를 저장하지 않습니다.
타겟팅 쿠키
이러한 쿠키는 광고 파트너가 당사 사이트를 통해 설정할 수 있습니다. 그들은 귀하의 관심사에 대한 프로필을 작성하고 다른 사이트에서 귀하에게 관련 광고를 표시하기 위해 해당 회사에서 사용할 수 있습니다. 그들은 직접 개인 정보를 저장하지 않지만 귀하의 브라우저와 인터넷 장치를 고유하게 식별하는 데 기반을 둡니다. 이러한 쿠키를 허용하지 않으면 타겟 광고가 덜 노출됩니다.
기능성 쿠키
이러한 쿠키를 통해 웹사이트는 향상된 기능과 개인화를 제공할 수 있습니다. 이는 당사 또는 당사가 당사 페이지에 추가한 서비스를 제공하는 제3자 제공업체에 의해 설정될 수 있습니다. 이러한 쿠키를 허용하지 않으면 해당 서비스 중 일부 또는 전부가 제대로 작동하지 않을 수 있습니다.
성능 쿠키
이러한 쿠키를 통해 당사는 방문 횟수와 트래픽 소스를 계산할 수 있으므로 당사 사이트의 성능을 측정하고 개선할 수 있습니다. 이는 어떤 페이지가 가장 인기가 있고 가장 인기가 없는지 파악하고 방문자가 사이트를 어떻게 이동하는지 확인하는 데 도움이 됩니다. 이러한 쿠키가 수집하는 모든 정보는 집계되므로 익명으로 처리됩니다. 귀하가 이러한 쿠키를 허용하지 않으면 귀하가 언제 당사 사이트를 방문했는지 알 수 없습니다.