전자상거래 사이트 업데이트를 위한 7가지 모범 사례

프리랜서 또는 에이전시 디자이너로서 WordPress 사이트를 업데이트하는 것은 매우 재미있을 수 있습니다. 완전한 브랜드 탐색을 하거나 웹사이트를 현대화하거나 고객에게 "놀라운" 새로운 기능을 탐색할 수 있습니다.

하지만 아시다시피 전자 상거래 사이트에 대한 업데이트의 경우 실제로 변경하기 전에 고려해야 할 사항이 많이 있습니다.

가동 중지 시간이나 판매 손실을 최소화하면서 이러한 사이트 업데이트를 처리하는 데 도움이 되도록 Flywheel의 행복 엔지니어와 대리점 파트너 프로그램 회원의 조언에서 영감을 받아 이 가이드를 만들었습니다.

이 가이드에서는 다음을 다룹니다.

1. 전자 상거래 재설계(또는 최소한 중요한 업데이트)가 필요한 5가지 신호
2. 전자상거래 사이트를 업데이트할 때 주의해야 하는 이유
3. 다운타임이나 수익 손실을 방지하기 위해 따라야 할 모범 사례

전자 상거래 재설계(또는 최소한 중요한 업데이트)가 필요한 5가지 신호

클라이언트가 전체 사이트 재설계를 요청한다고 해서 항상 최상의 솔루션은 아니라는 것을 우리는 모두 알고 있습니다. 특히 전자 상거래 사이트와 관련 하여 다시 디자인할 필요가 없다면 더 작은 업데이트를 시도하고 끝내는 것이 가장 좋습니다(다음 섹션에서 이야기할 몇 가지 우려 사항을 피하기 위해).

그러나 이것이 재설계가 테이블에서 벗어났다는 것을 의미하지는 않습니다. 사실, 아마도 올바른 호출일 수 있는 몇 가지 훌륭한 시나리오가 있습니다.

1. 사이트의 전환율이 낮습니다.
2. 사이트 이탈률이 높습니다.
3. 귀하의 클라이언트는 사이트 기능에 대한 고객 불만을 받고 있습니다.
4. 사이트가 구축된 테마 또는 주요 플러그인은 더 이상 개발자가 지원하지 않습니다.
5. 당신은 이 글을 읽고 있습니다.

1. 사이트의 전환율이 낮다

클라이언트에 유입되는 트래픽은 많지만 전환율이 낮다면 사이트에서 UX 문제가 발생하고 있다는 신호일 수 있습니다. URL을 올리고 주변을 클릭하기 시작합니다. 문제가 무엇인지 꽤 빨리 알아차릴 수 있을 것입니다.

스스로에게 물어볼 수 있는 몇 가지 질문:

• 탐색이 따라하기 쉽습니까?
• 제품 페이지가 명확하고 구매하기 쉽습니까?
• 사이트 및 결제 흐름이 모바일 장치에서 작동합니까?
• 팝업과 위젯이 올바르게 표시됩니까?
• 장바구니 보기 쉽나요?
• 신용 카드 정보를 입력하는 것이 안전하다고 느끼십니까?

사이트 재설계가 이러한 문제 중 일부를 해결할 수 있는 유일한 방법은 아니지만(확실히 전환율을 높이는 유일한 방법은 아닙니다) 근본적인 문제를 해결하는 한 가지 방법입니다. 하나 이상.

2. 사이트 이탈률이 높다

전환율과 마찬가지로 높은 이탈률은 현재 사이트 디자인이 쇼핑객에게 반향을 일으키지 않는다는 신호일 수 있습니다. 가장 큰 위반 사항 중 하나는 느린 로드 시간입니다.

Google의 2017년 연구에 따르면 페이지 로드 시간이 1초에서 5초로 증가함에 따라 이탈 가능성이 90% 증가합니다.

전자 상거래 사이트의 경우 높은 이탈률은 곧 수익 손실로 이어집니다. 그것이 당신의 고객을 위해 고칠 수 있는 것이라면 당신은 그들에게 엄청난 가치(그리고 그들의 은행 계좌에 더 많은 돈)를 제공할 것입니다.

다시 말하지만, 재설계가 WordPress 사이트의 속도를 높이는 유일한 방법은 아니지만 범인이 사이트를 구축하는 데 사용된 일부 기술인 경우 필요할 수 있습니다. 지금이 WooCommerce로 전환하거나 올인원 전자 상거래 솔루션으로 업그레이드할 적기인 경우 이러한 모든 변경 사항을 천천히 롤아웃하는 대신 하나의 큰 업데이트로 결합하는 것이 합리적일 수 있습니다.

3. 귀하의 클라이언트가 사이트 기능에 대한 고객 불만을 받고 있습니다.

만약 그것이 말 그대로 망가졌다면… 그것은 재설계를 위한 꽤 좋은 이유입니다. 최종 고객이 신용 카드 정보 입력, 배송 주소 추가 또는 클라이언트 사이트에 기타 개인 데이터 제공과 같은 작업에 대해 확신을 가질 수 있어야 하므로 전자 상거래 사이트에서는 사용자 경험이 매우 중요합니다.

귀하 또는 귀하의 클라이언트가 정기적으로 사이트를 테스트하지 않는 경우 기능적 문제가 잠시 동안 눈에 띄지 않을 수 있습니다. 귀하의 클라이언트에는 피드백 제공을 두려워하지 않고 사이트의 요소가 손상되거나 혼란스러운 경우 이메일을 보내거나 지원 티켓을 제출할 고객이 있기를 바랍니다.

고객이 여기저기서 불만을 접수한다고 언급하면 ​​큰 문제가 아닐 수 있습니다(또는 적어도 일회성 버그 수정으로 해결할 수 있음). 고객이 이러한 불만 사항을 많이 언급하거나 패턴이 있는 것으로 보인다면 더 큰 문제가 있을 수 있으며 재설계가 필요할 수 있다는 좋은 신호입니다.

4. 사이트의 테마 또는 주요 플러그인은 더 이상 개발자가 지원하지 않습니다.

이것은 아마도 이 목록을 재설계해야 하는 가장 분명한 이유일 것이며 실제로 낮은 전환율, 높은 이탈률 및 기능 손상의 원인이 될 수 있습니다. 클라이언트의 사이트가 더 이상 지원되지 않는 소프트웨어에 의존하는 경우 재설계가 필요할 때까지 시간 문제일 뿐입니다.

그러나 중단된 테마나 플러그인에 대한 결론을 내리기 전에 무슨 일이 일어나고 있는지 조사하는 것이 좋습니다. 플러그인 또는 테마 작성자가 클라이언트가 놓친 중요한 업데이트를 출시했거나 다른 회사에서 인수하여 지원을 위한 다른 프로세스가 있을 수 있습니다.

결국, 여전히 새로운 테마 또는 플러그인으로 재설계가 필요하다고 결정할 수 있지만 변경하기 전에 이 컨텍스트를 설정하는 것이 도움이 되므로 앞으로의 결과에 놀라움이 없습니다.

5. 당신은 이 글을 읽고 있다

여기 계시다면 고객의 전자 상거래 사이트가 번성하려면 실제로 중요한 업데이트가 필요하다는 것을 직감적으로 말하고 있는 것 같습니다.

본능에 귀를 기울이십시오.

재설계의 정확한 목표를 정확히 지적해야 하지만, 귀하와 귀하의 클라이언트가 필요한 변경 사항의 규모에 맞춰 조정되어 있다면 작은 패치로 벗어나려고 하는 대신 우선순위를 정해야 하는 충분한 이유가 됩니다.

재설계는 많은 작업이 될 것이지만, 작업의 양(및 잠재적인 문제)은 근본적인 문제 해결을 미룰수록 계속 증가할 것이라는 점을 기억하십시오.

요약하자면 주요 업데이트가 전자 상거래 사이트의 문제를 해결하는 유일한 방법은 아니지만, 특히 사이트의 기능이나 사용자 경험이 손상된 경우에 필요할 때가 있습니다. 클라이언트 사이트에서 이 위치에 있는 자신을 발견하면 업데이트를 수행하기 전에 몇 가지 생각해 봐야 할 사항이 있습니다.

전자상거래 사이트를 업데이트할 때 주의해야 하는 이유

분명히 말해서, 이러한 의미에서 "조심하다"는 것은 "하지 말라"는 의미가 아닙니다. 웹 디자이너는 문제 없이 매일 전자 상거래 사이트를 업데이트하며 여러분도 할 수 있습니다!

내가 "주의"라고 말할 때 전자 상거래 사이트를 업데이트할 때 고려해야 할 몇 가지 추가 사항이 있으며 프로덕션에 적용하기 전에 이에 대해 생각하면 많은 골칫거리를 피할 수 있습니다.

다운타임은 매출 손실 및 신뢰성 감소를 의미합니다.

가동 중지 시간은 모든 클라이언트 사이트에서 피하려고 할 수 있지만 전자 상거래 상점의 경우 가동 시간이 매우 중요 합니다. 사이트 방문자가 고객의 상점에 액세스할 수 없으면 말 그대로 고객이 될 가능성이 없으며 비즈니스를 다른 곳으로 옮길 가능성이 높아집니다.

깨진 사이트는 일부 방문자를 영구적으로 외면하여 상점이 해킹 당했거나 폐업했다고 생각하게 만들 수도 있습니다.

압력을 가하는 것은 아니지만 전자 상거래 사이트에서 작업할 때 지분이 조금 더 높습니다. 따라서 업데이트 하기 전에 준비하는 것이 가장 좋습니다.

데이터베이스를 덮어쓰면 라이브 사이트에서 주문이 손실될 위험이 있습니다.

라이브 사이트가 정상적으로 실행되고 있는 동안 준비 환경에서 변경 작업을 수행한다고 가정해 보겠습니다. 코드를 업데이트하고, 변경 사항을 테스트하고, 4시간 후에 프로덕션으로 푸시합니다.

데이터베이스를 덮어쓰면 4시간 내에 라이브 사이트에서 발생한 주문이 지워질 수 있습니다. 결과적으로 혼란스러운 고객과 고객의 재고 문제가 발생할 수 있습니다.

그들의 사이트가 아직 너무 많은 트래픽을 수신하지 않는다면 손상되지 않은 데이터베이스 덮어쓰기로 벗어날 수 있지만 클라이언트의 상점이 더 성공적이 되고 주문 빈도가 증가하기 시작하면 위험이 증가합니다. 즉, 의도하지 않은 항목을 덮어쓰지 않도록 사이트 업데이트를 수행하는 워크플로가 중요합니다.

대규모 변경은 사용자 경험을 위험에 빠뜨릴 수 있습니다.

전자 상거래 사이트에서는 장바구니에 제품 추가, 청구 정보 입력, 결제 제출 등과 같은 중요한 사용자 작업이 실시간으로 계속 발생합니다. 변경 사항에. 믿으시겠습니까?

아마 아닐 것입니다. 새로고침을 누르고 혼란스러워 하며 경쟁사의 웹사이트를 불러올 수도 있습니다.

다음 섹션에서는 업데이트(특히 재설계 규모)에서 이러한 불확실성을 방지할 수 있는 방법을 살펴보겠습니다. 그러나 전자 상거래 사이트를 업데이트할 때 업데이트 당시 사이트에 있는 사용자가 변경 사항을 어떻게 인식할지 생각하여 너무 과감한 작업(특히 결제 흐름).

전자 상거래 사이트를 업데이트할 때 염두에 두어야 할 몇 가지 사항을 알았으므로 이제 좋은 정보를 살펴보겠습니다!

다운타임이나 수익 손실을 방지하기 위해 따라야 할 모범 사례

업데이트 규모에 따라 이러한 단계를 모두 수행해야 할 수도 있고 그렇지 않을 수도 있습니다. 제 목표는 이러한 모범 사례를 혼합하고 일치시켜 귀하와 귀하의 고객에게 가장 적합한 워크플로를 찾는 것입니다!

1. WordPress, 테마 및 주요 플러그인이 업데이트되었는지 확인하십시오.

이 단계만으로 모든 업데이트 문제를 해결할 수 있습니까? 아니요.

그러나 플러그인을 먼저 업데이트하여 문제가 발생하거나 수정될 수 있다는 사실을 알기 위해 사이트를 크게 변경하지 않도록 합니다.

또한 재설계는 항상 현장 관리를 위한 좋은 시간이므로 내면의 Marie Kondo를 수용하고 조직하십시오. WordPress, 테마 및 플러그인 업데이트를 수행하고, 이전 주문을 보관하고, 데이터베이스를 정리하고, 사이트에서 더 이상 사용하지 않는 테마 또는 플러그인 중 일부를 제거할 수도 있습니다.

(특히 고객이 방문하기 전에 자신의 사이트를 관리하고 있었다면 더욱 빠르게 추가될 수 있다는 것을 우리 모두 알고 있습니다!)

모든 것이 최신 버전에서 실행되면 이 재설계와 관련하여 작업 중인 내용을 정확히 알 수 있습니다. 그리고 누가 알겠습니까? 업데이트하는 것만으로 기능 문제를 수정하여 할 일 목록을 단축할 수도 있습니다!

2. 사용자에게 사이트 유지 관리에 대해 알리는 것을 고려하여 쇼핑하지 말아야 할 시기를 알 수 있습니다.

이는 모든 전자 상거래 사이트에 적합하지 않을 수 있지만 클라이언트에 소규모 구매자 커뮤니티가 있는 경우 사이트 업데이트에 대한 알림의 투명성을 높이 평가할 수 있습니다. 가장 좋은 점은 너무 많은 추가 작업을 추가하지 않는다는 것입니다. 일정을 클라이언트와 명확하게 전달하기만 하면 모든 사람이 변경 사항이 언제 발생할 것으로 예상하는지 정확히 알 수 있습니다.

클라이언트에 반복 고객이 많은 경우 유지 관리 기간을 사용자에게 알리는 폭발적인 이메일을 보내도록 제안할 수 있습니다. 클라이언트가 많은 순 신규 방문자에게 판매하는 경우 업데이트가 언제 발생할 것인지에 대한 메시지가 포함된 팝업 또는 고정 헤더를 탐색하는 것이 좋습니다.

그리고 "업데이트가 발생할 때"에 대해 말하면 귀하 또는 귀하의 고객이 그것에 대해 걱정한다면 취할 수 있는 또 다른 조치는 "오프" 업무 시간(예: 대부분의 판매가 9시 이후에 발생하는 경우 늦은 밤)에 변경하는 것입니다. -5).

이러한 기술은 업데이트 기간 동안 사람들이 쇼핑을 하지 않는다고 보장할 수는 없지만 프로덕션에 변경 사항을 푸시하는 동안 사이트에서 발생할 수 있는 활동의 위험을 완화하는 데 도움이 될 수 있습니다.

3. 업데이트를 실시간으로 푸시하는 동안 유지 관리 페이지를 게시하십시오.

방문자가 활동 중인 동안 전자 상거래 사이트를 업데이트하는 것이 위험을 감수할 수 없는 경우 쇼핑을 중단하는 완전한 방법은 사이트를 유지 관리 모드로 설정하는 것입니다.

유지 관리 페이지 또는 "곧 제공될 예정" 페이지는 일반적으로 "업데이트 예정입니다. 곧 확인 할게!"

이 기술의 이점은 깨진 사이트보다 훨씬 더 전문적으로 보인다는 것입니다. 재설계가 진행 중이고 잠재적으로 고장난 상태를 보는 대신 방문자는 현재 상황에 대한 컨텍스트가 포함된 간단한 랜딩 페이지를 보게 됩니다.

단점은 사이트가 유지 관리 모드에 있는 동안 방문자가 쇼핑을 할 수 없다는 것입니다. 따라서 업데이트할 준비가 되었을 때 이 기능을 바로 켠 다음 완료되는 즉시 끄는 것이 가장 좋습니다. 고객이 다시 매출을 올릴 수 있도록.

다음 플러그인을 사용하면 사이트를 유지 관리 모드로 전환할 수 있습니다.

• WP 유지 관리 모드
• 팬시 출시 예정 및 유지 관리 모드
• 스마트 유지 관리 모드

또한 업무 외 시간에 업데이트하면 재설계로 인한 수익 손실을 줄이는 데 도움이 될 수 있습니다.

4. 먼저 로컬 또는 스테이징 사이트를 변경한 다음 라이브 사이트를 업데이트합니다.

라이브 사이트에서는 절대 변경해서는 안 되며, 프로덕션으로 푸시하기 전에 스테이징 환경이나 로컬 환경을 사용하여 업데이트를 테스트해야 한다고 들었을 것입니다.

개발 환경에서 업데이트를 먼저 테스트하는 것은 여전히 ​​좋은 생각이지만 변경 사항을 프로덕션으로 자동 푸시하는 프로세스가 라이브 사이트의 데이터베이스를 덮어쓸 경우를 대비하여 주의해야 합니다. (앞서 언급했듯이, 이것은 주문을 잃게 만들 수 있으며, 이는 당신이 처리하고 싶은 골칫거리가 아닙니다.)

많은 웹 디자이너가 대신하는 작업은 일치하는 개발 환경에서 코드를 테스트한 후 라이브 사이트에서 수동으로 업데이트합니다. 가장 원활한 워크플로는 아니지만 데이터베이스가 변경되지 않은 상태로 유지되도록 하고 상점을 편집하기 전에 항목을 테스트할 수 있는 기회를 제공합니다.

이전에 스테이징 사이트를 사용한 적이 없다면 WordPress 호스트가 제공하는 사이트인지 확인하십시오. (Flywheel 및 WP 엔진에는 모든 계획에 스테이징 사이트가 포함되어 있습니다!) 호스팅 패키지에 아직 포함되지 않은 경우 해당 기능을 잠금 해제하기 위해 계획을 업그레이드해야 할 수도 있습니다.

로컬 환경의 경우 Local은 5분 이내에 시작할 수 있는 무료 로컬 개발 플랫폼입니다. 또한 Flywheel 또는 WP Engine 사이트를 연결할 수 있으므로 전자 상거래 사이트 사본을 매우 쉽게 풀다운할 수 있으므로 환경과 데이터베이스가 일치하는지 알 수 있습니다.

5. 변경 사항을 실시간으로 푸시하기 전후의 품질 검사

테스트는 전자 상거래 사이트를 재설계할 때 매우 중요하며 변경 사항을 실시간으로 적용하기 전과 후에 수행하는 것이 좋습니다.

Flywheel 및 WP Engine의 스테이징 사이트는 Local과 함께 사용하면 라이브 사이트의 복사본에서 작업할 수 있습니다. 변경 사항이 적용되면 모든 것이 의도한 대로 작동합니다.

결국, 프로덕션에 변경 사항을 적용하고, 자리를 비운 다음, 무언가가 고장났고 깨닫지 못했기 때문에 클라이언트로부터 화난 전화를 받는 위험을 감수하고 싶지는 않습니다.

물론 업데이트하는 모든 것을 테스트하고 디자인이 크게 변경된 페이지를 검토하고 싶지만 전자 상거래 사이트에서 확인해야 할 다른 요소는 구매 기능입니다.

다음 리소스는 결제 흐름을 테스트할 때 도움이 될 수 있습니다.

• WooCommerce 결제 테스트: WooCommerce 도움말 문서
• WooCommerce 핵심 테스트 체크리스트: GitHub의 WooCommerce 체크리스트
• Ghost Inspector: 웹사이트 업데이트 테스트용 앱
• Usetrace: 코드가 필요하지 않은 테스트 시스템
• Cypress: JavaScript 종단 간 테스트 프레임워크
• Puppeteer: DevTools 프로토콜을 통해 Chrome을 제어하는 ​​노드 라이브러리

6. 반복 테스트 수용(가능한 경우)

전자 상거래 사이트에 적용해야 하는 변경 사항의 수에 압도당하는 경우 다음과 같이 자문해 볼 가치가 있습니다. 한 번에 모두 변경해야 합니까, 아니면 여러 개의 작은 업데이트로 분할할 수 있습니까?

전체 브랜드 재설계 및 기능 개편 작업을 하고 있다면 유지 관리 모드를 설정하고 한 번에 모두 없애는 것이 더 나을 수 있습니다. 그러나 더 작은 변경을 하거나 업데이트를 롤아웃하기 위한 자연스러운 단계를 생각할 수 있는 경우 시간이 지남에 따라 반복적인 변경을 수용하는 것이 좋습니다.

여기에는 몇 가지 이점이 있습니다.

1. 문제가 발생하면 무엇이 잘못되었는지 추적하는 것이 더 쉬울 것입니다(정렬할 코드 줄이 더 적기 때문에).
2. 전체가 아닌 한 번에 사이트의 한 부분만 업데이트하므로 사용자 경험이 중단될 가능성이 적습니다.
3. 사이트 업데이트의 영향(예: 사이트 속도 또는 전환율)을 측정하는 경우 결과를 초래한 변경 사항을 정확히 파악할 수 있습니다.

이것이 전체 재설계 대신 많은 작은 변경을 하도록 영감을 준다면 GitHub와 같은 버전 관리 시스템을 사용할 가치가 있습니다. 이렇게 하면 코드가 변경된 시기/방법을 추적하는 데 도움이 되며 준비가 되기 전에 푸시되는 경우 업데이트를 쉽게 롤백하는 데 도움이 됩니다.

7. 문제가 발생할 경우에 대비하여 지원 계획을 세우십시오.

바라건대, 최소한 스테이징 사이트에서 변경 사항을 먼저 테스트했거나 새 코드 줄을 푸시하기 전에 라이브 사이트의 백업을 생성했길 바랍니다. 이와 같은 단계를 수행하면 실제로 문제가 발생한 경우 시작한 위치로 롤백할 수 있습니다.

그러나 최악의 시나리오에서는 친구에게 도움을 요청해야 하는 상황이 올 수 있으며 깨진 웹 페이지를 보기 전에 미리 계획을 세워두는 것이 가장 좋습니다.

자원에 대해 생각해 보십시오. 비즈니스에 자주 질문을 상담하는 친구가 있는 경우, 대대적인 재설계를 하려고 할 때 미리 알려주고, 질문이 있을 때 같은 기간에 친구가 가능한지 확인하세요.

웹 디자이너를 위한 Facebook 또는 Slack 커뮤니티에서 활동하고 있다면 업데이트를 시작하기 전에 동일한 작업을 수행하거나 조언을 구하는 것을 고려하십시오.

마지막으로, 특히 처음으로 새 테마를 활성화하는 경우 WordPress 호스트의 지원 팀과 사이트를 지원하는 주요 테마 또는 플러그인에 연락하는 방법을 알고 있어야 합니다. 플라이휠 및 WP 엔진 고객은 서버 문제가 발생할 경우 항상 대기하는 WordPress 전문가에게 연중무휴 24시간 액세스할 수 있습니다.

플라이휠 지원, WP 엔진 지원에 대해 자세히 알아보려면 여기를 클릭하고 플라이휠 대시보드를 통해 지원에 액세스하려면 여기를 클릭하세요.

전자 상거래 사이트를 업데이트하는 것은 기존 웹사이트보다 더 어려울 수 있지만 이 팁을 통해 다운타임이나 수익 손실의 위험을 최소화하면서 사이트를 변경할 수 있기를 바랍니다. 몇 가지 간단한 모범 사례를 따르면 문제가 발생할 가능성을 크게 줄이는 동시에 서비스가 고객에게 제공하는 가치를 크게 높일 수 있습니다.

이것은 긴 목록이지만 완전한 것은 아닙니다. 전자 상거래 사이트를 안전하게 업데이트하기 위해 또 무엇을 합니까? 아래 의견에 알려주십시오!

Flywheel로 WordPress 전자 상거래 사이트를 더 쉽게 업데이트

Flywheel을 사용하면 무료 스테이징 사이트, 무료 자동 백업, 무료 협업 도구 및 WordPress 전문가의 연중무휴 지원과 같은 기능 덕분에 고객의 사이트를 쉽게 관리할 수 있습니다. 이는 사이트에 초고속 속도와 잠금 보안을 제공하는 인상적인 클라우드 호스팅 인프라를 기반으로 합니다.

오늘 호스팅 파트너(제공업체가 아닌)의 차이점을 발견하십시오!