모바일 게임용 웹샵 만들기
웹샵은 엑솔라 결제 인터페이스와 웹 사이트의 스토어 인터페이스를 사용하여 가상 상품, 인게임 재화 및 번들을 판매할 수 있는 솔루션입니다. 사용자는 700개 이상의 결제 방식을 이용할 수 있습니다.
아래 페이지는 웹샵 템플릿을 사용하여 웹 사이트를 만드는 방법을 설명합니다. 솔루션에 대해 자세히 알아보고 모든 기능을 활용하려면 문서를 참조해 주세요.
웹샵 생성 방법:
사이트 생성
- 관리자 페이지에서 프로젝트를 엽니다.
- 사이드 메뉴에서 웹사이트 빌더를 클릭합니다.
- 사이트 생성을 클릭합니다.
- 웹샵 템플릿을 선택합니다.
- Google Play 또는 App Store의 게임 링크를 추가하여 스토어 인터페이스(로고, 배경 이미지, 색상, 바닥글 텍스트)를 미리 구성합니다. 게임 데이터를 사용하지 않으려면 Google Play 또는 App Store의 게임 정보 사용 토글을 오프로 설정합니다.
- 만들기를 클릭합니다.
- 다음을 선택합니다.
- 사이트의 전역 테마
- 주요 요소의 색상
- 버튼의 둥글기
- 헤더 글꼴 및 본문 텍스트
- 빌더의 주요 부분에서 다음을 수행합니다.
- 블록에 이미지 및 동영상 업로드
- 사용자에게 표시되는 텍스트 편집
![](https://cdn.xsolla.net/developers/v-20240906-v01/images//solutions/web-shop/create-site/builder.png)
주요 블록 구성
모든 블록에는 기본 설정이 포함되어 있습니다. 특정 블록 기능을 활성화 또는 비활성화하도록 선택하고 원하는 대로 사용자 정의할 수 있습니다.
헤더 블록 설정
사이트 헤더에 있는 블록입니다. 헤더는 사용자 정보를 표시하고 사이트 탐색 요소를 포함합니다. 사이트를 스크롤할 때 블록이 화면에 계속 표시되도록 블록을 수정할 수 있습니다.알림
사이트를 만들 때 Google Play 또는 App Store 링크를 추가한 경우 헤더 블록이 자동으로 구성됩니다.
- 해당 토글을 온 위치로 설정합니다.
- 로그인 버튼. 사용자 인증 버튼이 사이트 헤더에 표시됩니다.
- 고정 위치. 이 기능을 사용하면 페이지를 스크롤할 때 헤더가 계속 표시됩니다.
- 사용자 정의 배경. 헤더 배경이 사용자 정의 배경으로 변경됩니다.
- 블록의 버튼을 구성합니다.
![](https://cdn.xsolla.net/developers/v-20240906-v01/images//solutions/web-shop/web-shop-create-site-2.png)
리드 블록
사이트가 생성된 게임과 개발자가 누구인지 등 웹샵에 대한 기본 정보가 포함된 블록입니다. 사이트를 생성할 때 Google Play 또는 App Store 링크를 추가하지 않은 경우 생성자의 주요 부분에서 리드 블록의 다음 요소를 구성합니다.- 게임 아이콘 추가.
- 게임 이름 지정.
- 게임 개발사 지정.
- 배경 이미지 추가.
- 스위치를 온 위치로 전환하여 사이트 정보로 카드를 구성합니다.
- 설명 카드
- 카드 아이콘
- 카드 제목
- 카드 설명
![](https://cdn.xsolla.net/developers/v-20240906-v01/images//solutions/web-shop/lead_block.png)
빠른 로그인
빠른 로그인 블록은 사용자에게 사이트에서 인증할 수 있는 기능을 제공합니다. 헤더의 로그인 버튼과 함께 또는 대신에 이 블록을 사용할 수 있습니다. 블록의 모양과 기능은 선택한 인증 방식에 따라 달라집니다.알림
인증 방식을 선택하려면 빌더의 로그인 설정으로 이동합니다.
- 지침 스위치를 온으로 전환합니다.
- 블록 하단에 표시되는 줄을 클릭합니다.
- 사용자를 위한 지침 텍스트를 교체합니다.
필요한 경우 다음과 같이 블록을 사용자 정의합니다.
- 블록의 헤더 및 설명 표시 조정하기.
- 기본 텍스트를 나만의 텍스트로 교체하기.
사용자 ID 인증을 사용할 때 블록을 구성하는 방법:
- 블록의 헤더와 설명의 표시를 조정합니다. 기본 텍스트를 자신만의 텍스트로 교체할 수도 있습니다.
- 게임에서 사용자 ID를 찾는 방법에 대한 지침을 표시하려면 지침 스위치를 온으로 전환합니다. 블록 하단에 표시되는 줄을 클릭하고 사용자에게 표시되는 텍스트를 교체합니다.
블록 스토어 설정
가상 아이템, 번들, 인게임 재화 팩 판매용 블록입니다. 이 블록에는 자동으로 생성된 섹션이 포함되어 있으며, 삭제하고 새 섹션으로 바꿀 수 있습니다.
- 필요한 경우 다음과 같이 블록을 사용자 정의합니다.
- 제목 추가
- 제품 그룹 이름 표시 활성화
- 스토어에서 쉽게 탐색할 수 있도록 탭 활성화
- 사용자 정의 배경 추가
- 로그인 콜 투 액션 버튼 구성
- 스토어 섹션의 드롭다운 목록에서 사이트에서 판매하려는 아이템 유형과 해당 그룹을 선택합니다.
주의
- 스토어 섹션에서 아이템 카드 레이아웃을 선택합니다.
- 추천.이 카드 레이아웃을 사용하면 상품이나 특별 혜택에 대한 사용자의 관심을 유도할 수 있습니다. 보너스 및 할인 프로모션, 기간 및 수량 한정 프로모션 및 아이템과 번들에 이 레이아웃을 사용하는 것이 좋습니다.
카드 레이아웃 설정에서 할 수 있는 작업:- 아이템의 이미지와 설명 숨기기 또는 표시하기
- 아이템 이미지 크기를 맞춤 설정하거나 최대화
- 텍스트 색상 변경
- 캐러셀에 사용자 정의 배경 사용
- 추천.이 카드 레이아웃을 사용하면 상품이나 특별 혜택에 대한 사용자의 관심을 유도할 수 있습니다. 보너스 및 할인 프로모션, 기간 및 수량 한정 프로모션 및 아이템과 번들에 이 레이아웃을 사용하는 것이 좋습니다.
- 가로.이 카드 레이아웃을 사용하면 이미지 오른쪽에 상품 이름, 설명, 가격을 배치할 수 있습니다.
카드 레이아웃 설정에서 할 수 있는 작업:- 아이템의 설명 숨기기 또는 표시하기
- 아이템 이미지 크기를 맞춤 설정하거나 최대화
- 모바일 장치에서의 가로 스크롤 활성화 또는 비활성화
- 섹션에 사용자 정의 배경 사용
- 세로.이 카드 레이아웃을 사용하면 상품 이름, 설명 및 가격을 이미지 하단에 배치할 수 있습니다.
카드 레이아웃 설정에서 할 수 있는 작업:- 아이템의 설명 숨기기 또는 표시하기
- 아이템 이미지 크기를 맞춤 설정하거나 최대화
- 모바일 장치에서의 가로 스크롤 활성화 또는 비활성화
- 섹션에 사용자 정의 배경 사용
![](https://cdn.xsolla.net/developers/v-20240906-v01/images//solutions/web-shop/create-site/vertical.png)
- 대형. 번들 및 보너스에는 이 카드 레이아웃을 사용하는 것이 좋습니다. 이 설정을 사용하면 카드를 클릭하지 않아도 방문 페이지에 카드 구성 요소가 표시됩니다.
카드 레이아웃 설정에서 할 수 있는 작업:- 아이템의 설명 숨기기 또는 표시하기
- 아이템 이미지 크기를 맞춤 설정하거나 최대화
- 모바일 장치에서의 가로 스크롤 활성화 또는 비활성화
- 섹션에 사용자 정의 배경 사용
![](https://cdn.xsolla.net/developers/v-20240906-v01/images//solutions/web-shop/create-site/large.png)
알림
번들에는 세로, 대형 및 추천 레이아웃만 사용할 수 있습니다.
- 필요한 경우 카드 레이아웃 설정에서 해당 토글을 온로 설정하여 카드 레이아웃을 사용자 정의하세요.
- 해당 스위치를 온 위치로 전환하여 비어 있는 경우 섹션 숨기기 작업을 수행할 수 있습니다.
바닥글 블록 설정
알림
사이트를 만들 때 Google Play 또는 App Store 링크를 추가한 경우 바닥글 블록이 자동으로 구성됩니다.
- 레이아웃 스타일을 선택합니다.
- 배경을 사용자 정의합니다.
- 공유 옵션 버튼을 추가하고 소셜 미디어 아이콘을 구성합니다.
- 소셜 네트워크 링크를 추가합니다.
- 나이 제한을 추가합니다.
장바구니 설정
웹 사이트에서 장바구니를 사용할 수 있습니다. 이렇게 하려면 다음과 같이 하세요:- 빌더의 기본 섹션에서, 장바구니 설정 블록으로 이동합니다.
- 장바구니 사용 토글 스위치를 On으로 설정합니다.
- 추가 장바구니 기능을 구성합니다(선택 사항). 이렇게 하려면 해당하는 토글 스위치를 On으로 설정하십시오.
- 프로모션 코드 필드 표시 – 사용자는 장바구니 인터페이스의 프로모션 코드나 쿠폰을 사용할 수 있습니다.
- 장바구니를 설정하기 전 로그인 – 사용자가 이전에 로그인하지 않은 경우 장바구니로 이동할 때 인증 창을 엽니다.
![](https://cdn.xsolla.net/developers/v-20240906-v01/images//solutions/web-shop/create-site/cart.png)
유용한 링크
- 웹샵 통합 절차
- 모든 사이트 빌더 블록
이 기사가 도움이 되었나요?
의견을 보내 주셔서 감사드립니다!
메시지를 검토한 후 사용자 경험 향상에 사용하겠습니다.이 페이지 평가
이 페이지 평가
답하기 원하지 않습니다
의견을 보내 주셔서 감사드립니다!
오자 또는 기타 텍스트 오류를 찾으셨나요? 텍스트를 선택하고 컨트롤+엔터를 누르세요.