モバイルゲームのウェブショップを作成する
ウェブショップは、エクソーラの決済インターフェースとウェブサイト上のストアインターフェースを使用して、仮想商品、仮想通貨、およびバンドルを販売するためのソリューションです。ユーザーは7700種類以上の決済方法にアクセスできます。
以下のページでは、ウェブショップのテンプレートを使用してウェブサイトを作成する方法について説明しています。ソリューションの詳細やすべての機能を利用するには、 ドキュメンテーションをご参照ください。
ウェブショップを作成するには:
サイトを作成する
- アドミンページでプロジェクトを開きます。
- サイドメニューの「サイトビルダー」をクリックします。
- 「サイトを作成する」をクリックします。
- 「ウェブショップ」テンプレートを選択します。
- ストアのインターフェイス(ロゴ、背景画像、色、フッターのテキスト)を事前に構成するには、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へのリンクを追加した場合、「フッター」ブロックが自動的に設定されます。
- レイアウトスタイルを選択します。
- 背景をカスタマイズします。
- 「共有オプション」ボタンを追加し、ソーシャルメディアのアイコンを設定します。
- ソーシャルネットワークへのリンクを追加します。
- 年齢制限を追加します。
ショッピングカートをセットアップ
ウェブサイト上のショッピングカートをご利用いただけます。これを行うには:- ビルダーのメインセクションで、「カート設定」ブロックに移動します。
- 「ショッピングカートを使用する」トグルスイッチを「オン」に設定します。
- ショッピングカートの追加機能を設定します(任意)。これを行うには、対応するトグルスイッチを「オン」に設定します:
- プロモーションコードフィールドを表示する – ユーザーがショッピングカートのインターフェイスでプロモーションコードやクーポンを使用できるようにします;
- ショッピングカートの前にログインする – ユーザーが以前にログインしていない場合、ショッピングカートに移動するときに認証ウィンドウを開きます。
![](https://cdn.xsolla.net/developers/v-20240906-v01/images//solutions/web-shop/create-site/cart.png)
お役立ちリンク
- ウェブショップ統合ガイド
- すべてのサイトビルダーブロック
この記事は役に立ちましたか?
ご意見ありがとうございました!
あなたのメッセージを確認し、体験を向上させるために利用させていただきます。このページを評価する
このページを評価する
答えたくない
ご意見ありがとうございました!
誤字脱字などのテキストエラーを見つけましたか? テキストを選択し、Ctrl+Enterを押します。