モバイルアプリはメンバーを管理する最良の方法であるため、顧客にアプリをダウンロードするように案内することが重要です。Shopper Appの「アプリダウンロードガイド」機能を使用すると、オンラインストアの二次元コードダウンロードガイドを簡単に有効にしたり、オンライン/小売ストア用の二次元コード画像を作成したりできます。
これらの画像をスライダーのパーツやポップアップを通じてオンラインストアに追加したり、小売店に配置してアプリのダウンロードを促進したりできます。
この記事では以下の内容を扱います：
1. アプリのインストール
ステップ1. 設定ページに移動
SHOPLINE管理者 > [Shopper App管理] > [アプリ設定]に移動し、「アプリダウンロードガイド」をクリックします。
ステップ2. アプリをインストール
システムはユーザーにShopper Appをダウンロードするように案内するポップアップを表示し、インストール手順を表示し、今すぐインストールをクリックします。
*Note: このページにアクセスする前にアプリを公開する必要があります。
今すぐインストールをクリックして、アプリを無料でインストールします。
ステップ3. アプリスクリプトを有効にする
[アプリ] > [マイアプリ]に移動し、「Shopper Appダウンロードガイド」を見つけてアプリ設定をクリックします。
設定を完了するために「アプリスクリプト」を有効にします。
2. オンラインストアアプリダウンロードガイド設定
[Shopper App管理] > [アプリ設定] > [アプリダウンロードガイド]に移動します。オンラインストア表示設定タブを選択し、以下の設定を構成します。
*Note: オンラインストア表示設定を構成せずにスクリプトを有効にすると、システムはデフォルトの内容を自動的に表示します。
ウェブ版
i. 浮遊アイコンの位置
浮遊アイコンの表示位置を選択します。ウェブページの右下または左下のいずれかを選択できます。
ii. オンラインストア表示設定
このトグルを有効にすると、顧客がウェブサイトを訪れたときに二次元コード画像が自動的に拡大して表示されます。無効にすると、円形の浮遊アイコンのみが残り、顧客は二次元コード画像を拡大するためにクリックする必要があります。
*Note: 顧客が二次元コード画像を閉じるためにXボタンをクリックした後、24時間は再度ポップアップしません。
iii. ガイダンステキスト
ガイダンステキストはウィンドウの下部に表示され、顧客にアプリをダウンロードするように案内します。英語、簡体字中国語、繁体字中国語で最大200文字のテキストを入力できます。
*Note: 空白のままにすると、システムはダウンロードギフトメッセージを表示します。ダウンロードギフトが有効でない場合、システムのデフォルトテキストが表示されます。
iv. 色設定
浮遊アイコンの色、背景色、テキスト色を設定します。テキスト色は二次元コード、アプリ名、ガイダンステキストに適用されます。
右側のプレビューエリアでウェブバージョンをクリックして設定を確認し、保存をクリックできます。
ストアフロントは以下のように表示されます：
モバイルバージョン
i. ガイダンステキスト
ガイダンステキストはウィンドウの下部に表示され、顧客にアプリをダウンロードするよう案内します。英語、簡体字中国語、繁体字中国語で最大200文字まで入力できます。
*注：空白のままにすると、システムはダウンロードギフトメッセージを表示します。ダウンロードギフトが有効でない場合、システムのデフォルトテキストが表示されます。
ii. ボタンテキスト
英語、簡体字中国語、繁体字中国語で最大15文字まで入力できます。
*注：空白のままにすると、ボタンは「アプリを開く」にデフォルト設定されます。
iii. カラー設定
背景色、テキスト色、ボタンの背景、ボタンのテキスト色を設定します。テキスト色はアプリ名とガイダンステキストに適用されます。
右側のプレビューエリアでモバイルバージョンをクリックして設定を確認し、保存をクリックできます。
アプリは以下のように表示されます：
2. オンラインストアのQRコード作成
ステップ1. コンテンツ設定
[Shopper App管理] > [アプリ設定] > [アプリダウンロードガイド]に移動します。オンラインストア画像作成タブを選択し、以下の設定を構成します。
i. アプリロゴを表示
「アプリロゴを表示」機能はデフォルトで有効になっており、手動でオフにすることができます。
*注：アプリロゴを設定するには、[アプリデザイン] > [ブランドコンテンツ]に移動してください。
ii. プロモーションタイトルとテキスト
プロモーションタイトルとテキストを入力します。タイトルは最大25文字、テキストは最大40文字までサポートされています。
iii. アプリストア画像を表示
「アプリストア画像を表示」機能はデフォルトで有効になっており、手動でオフにすることができます。
*注：ストアがアプリストアまたはGoogle Playにのみ公開されている場合、正常に公開されたアプリストア画像のみが表示されます。
iv. ダウンロードギフトプロモーションテキスト
「ダウンロードギフトプロモーションテキストを表示」機能はデフォルトで有効になっており、手動でオフにすることができます。最大25文字までのテキストを編集できます。
ステップ2. カラー設定
i. 背景
「単色背景」を選択して背景色を選択します。カラーパレットを使用するか、カラーコードを直接入力できます。
「カスタム背景」を選択して画像をアップロードします。推奨サイズは934*548 pxです。
ii. テキスト色
テキスト色を選択します。カラーパレットを使用するか、カラーコードを直接入力できます。
ステップ3. プレビューピクチャ
設定プロセス中に「プレビュー」セクションでデザインをプレビューできます。
システムは9:5 / 3:5 / 2:1の3つの画像比率を提供します。デフォルトサイズは9:5です。
ステップ4. 画像をダウンロード
制作が完了したら、画像をダウンロードをクリックしてデバイスに画像をダウンロードします。画像形式はPNGです。
ステップ 5. デザインを保存
保存をクリックして、管理者にデザインを保存します。いつでも再作成できます。
3. 小売店の二次元コード生成
ステップ 1. コンテンツ設定
[Shopper App 管理] > [アプリ設定] > [アプリダウンロードガイド]に移動します。小売店画像生成タブを選択し、以下の設定を構成します。
i. アプリロゴを表示
「アプリロゴを表示」機能はデフォルトで有効になっており、手動でオフにすることができます。
*注：アプリロゴを設定するには、[アプリデザイン] > [ブランドコンテンツ]に移動できます。
ii. ストア名
ドロップダウンメニューを使用してストアを選択するか、ストア名を入力して検索します。
*注：ここでのストア情報は、[Shopper App 管理] > [アプリ設定] > [ストア情報設定]と同じです。
iii. プロモーションタイトル & テキスト
プロモーションタイトルとテキストを入力し、テキストの色を設定します。タイトルは最大25文字、テキストは最大40文字をサポートしています。
iv. ダウンロードギフトプロモーションテキスト
「ダウンロードギフトプロモーションテキストを表示」機能はデフォルトで有効になっており、手動でオフにすることができます。テキストは最大25文字まで編集できます。
v. アプリストア画像を表示
「アプリストア画像を表示」機能はデフォルトで有効になっており、手動でオフにすることができます。
*注：ストアがアプリストアまたはGoogle Playにのみ公開されている場合、正常に公開されたアプリストア画像のみが表示されます。
ステップ 2. カラー設定
i. 背景
「単色背景」を選択して背景色を選択します。カラーパレットを使用するか、カラーコードを直接入力できます。
「カスタム背景」を選択して画像をアップロードします。推奨サイズは317*378 pxです。
ii. テキストカラー
テキストの色を選択します。カラーパレットを使用するか、カラーコードを直接入力できます。
ステップ 3. プレビュー画像
設定プロセス中に「プレビュー」セクションでデザインをプレビューできます。
システムは3:5 / 9:5の2つの画像比率を提供します。デフォルトサイズは3:5です。
ステップ 4. 画像をダウンロード
生成が完了したら、画像をダウンロードをクリックして、デバイスに画像をダウンロードします。画像形式はPNGです。
ステップ 5. デザインを保存
保存をクリックして、管理者にデザインを保存します。いつでも再作成できます。
右上の生成記録をクリックして、保存されたすべての小売店の二次元コード画像を表示します。コピーして再実行または画像をダウンロードをクリックして、アクションを実行できます。
さらに読む
この記事はAIを使用して翻訳されており、不正確な情報が含まれている可能性があります。最も正確な情報については、元の英語版を参照してください。
コメント