カテゴリー

テーマ

デザインページ

概要 Appifyで構築したアプリは、デザインページ、リソースページ、コレクション、ウェブの合計4種類のデザインで構築されます。本ガイドでは、デザインページの作成方法をご案内します。デザインページの作成上限は、1000件です。ブロックの種類デザインページは、ヘッタータブ、バナー、商品リスト（縦向き）、商品リスト（横向き）、コレクション（カルーセル）、コレクション（横向き）の5種類のブロックを組み合わせて作成します。ブロック名遷移先ヘッダータブ・商品コレクション・商品単体・デザインページ・リソースページ・リンク・ページバナー・商品コレクション・商品単体・デザインページ・リンク・ページ・画像（遷移先なし） ※画像サイズの上限は1MBです。商品リスト（縦向き）・商品コレクション商品リスト（横向き）・商品コレクションコレクション（カルーセル）・複数の商品コレクションコレクション（横向き）・複数の商品コレクション作成方法 Appify管理画面＞テーマ＞デザインページ＞新規ページを作成するから、名前を入力し新規ページを作成します。その次に作

リソースページ

概要 Appifyで構築したアプリは、デザインページ、リソースページ、コレクション、ウェブの合計4種類のデザインで構築されます。本ガイドでは、リソースページの作成方法をご案内します。リソースページとは？リソースページは、バナーが縦一列に並んだページです。遷移先には、デザインページ、リソースページ、コレクション、ウェブを選択することができます。作成方法 1. 設定画面を開く Appify管理画面＞テーマ＞リソースページ＞新規ページを作成するから、名前を入力し新規ページを作成します。その次に作成したページ横にある[カスタマイズ]を選択します。すでに作成済みのリソースページを修正する場合は、新規でページを作成せず[カスタマイズ]から修正してください。[・・・]を選択すると、名前の変更・複製・アーカイブが可能です。 2. ブロックを追加し内容を入力する右上の[追加する]をクリックし、タイトル・遷移先・タグ・画像を設定します。全て設定が完了したら[追加する]をクリックします。項目名内容タイトルブロックのタイトルを表示できます。遷移先・デザインページ・リソースページ

商品

概要商品ページの設定については、商品ページ＞商品ページの基本設定というガイドにまとめております。こちらからアクセスし、ご確認ください。（→設定ガイドはこちら）

追加商品

概要モバイルプリのカートにギフトラッピングやショッピングバッグなど商品の追加を提案することができます。本ガイドでは、追加商品の設定方法をご案内します。設定方法 1. 設定画面を開くモバイルアプリ管理画面＞テーマ＞追加商品から設定ができます。「作成する」ボタンをクリックしカート内に表示される追加ボタンの文言を入力し「作成」ボタンを押します。 2. 追加商品を設定する「編集」ボタンをクリックし遷移先の画面で「商品を追加する」ボタンをクリックします。「商品を選択する」ボタンから追加提案したい商品を選択し、対象商品の「最大購入可能数」を1～99の整数で入力し「保存する」ボタンをクリックします。

コレクション

概要コレクションに関する設定方法をご案内いたします。設定方法コレクション Appify管理画面＞テーマ＞コレクションから設定可能です。コレクションのサムネイル画像と説明文の表示有無を設定できます。項目内容 Shopifyに登録されているコレクションの画像を表示するコレクションに登録しているサムネイル画像を表示する場合はチェックをいれてください Shopifyに登録されているコレクションの説明文を表示するコレクションに登録している説明文を表示する場合はチェックをいれてください ※コレクションの説明内は、画像の最適化およびHTMLを考慮して表示されます。コレクション内商品フィルターデザインページで商品コレクションを設定すると、お客様がコレクションを表示した際に「並び替え」と「フィルター」が表示されます。これにより、コレクション内に表示される商品の一覧を並べ替えたり、商品を絞り込むことが可能になります。並べ替え並び替えは新着順・人気順・価格の低い順・価格の高い順の4種類があります。フィルター Shopify Search & Discovery のインストールが必

商品検索・検索条件

概要検索バーをタップすると、キーワード入力欄と、あらかじめ作成した検索条件の一覧が表示されます。検索バーに入力したキーワードと検索条件はAND検索で組み合わせて利用することが可能です。本ガイドでは、検索バーの設定及び条件の設定方法をご案内いたします。商品情報などの条件を追加したい場合は、Search and Discoveryでの設定が必要になります。Search and Discoveryをインストールしていない場合は、まずはこちらからインストールしてください。検索条件の種類検索条件は、Shopifyの商品管理画面上で設定できる以下項目より選択できます。 - 標準で「商品タイプ」「販売元」「商品タグ」「価格帯」「在庫有無」 - 商品オプション - 商品メタフィールド検索条件は最大250件まで登録でき、検索条件のみでの検索も可能です。設定方法 1. 検索バーの設定以下を設定することで、検索バーが表示され、商品の検索か可能です。 1. Shopify管理画面＞販売チャネル＞Appify＞テーマ＞商品検索・検索条件の「トップページに検索バーを表示する」にチェック 2. 検索

マイページ

概要 Appifyで作成したアプリには、顧客が自分の会員情報やポイントなどを閲覧できるページである「マイページ」を作成可能です。本ガイドではマイページで表示できる項目とその設定方法をご案内します。設定方法マイページは、Appify管理画面＞テーマ＞マイページより設定できます。マイページに表示する項目は以下5つの項目から設定できます。 - 顧客情報表示設定 - 返品 - アイコン - カスタムリンク - アプリ設定顧客会員情報表示設定会員ランクやポイントの表示有無など、どの情報をマイページに表示するか選択できます。下記画像の四角枠の部分に表示されます。項目名内容会員証バーコードを表示する会員証を表示することで、店舗での購入と顧客IDを紐づけることができます。会員ランクや、ポイントも表示することが可能です。お気に入り項目を表示するお気に入り項目が表示されます。顧客の保有ポイントを表示する有効なポイント数が表示されます。失効予定のポイントを表示する失効予定のポイント数が表示されます。顧客の会員ランクを表示するランク名と、ランクアップに必要な情報が表示され

ヘッダー

概要下記画像の矢印の部分を、ヘッダーと呼びます。テンプレートからの選択、お好きな画像を登録可能です。本ガイドでは、ヘッダーの設定方法についてご案内します。設定方法モバイルアプリ管理画面＞テーマ＞ヘッダー＞アクション＞アクションを追加から設定が可能です。 ※作成済みの場合は鉛筆マークから編集してください。項目説明アイコンヘッダーに表示するアイコンを選択してください。 ※SVG形式の独自アイコンを設定できます。表示するページ表示させたいページ内容を選択してください。 URL 表示するページでウェブを選択した場合に設定してください。表示位置表示させたい位置を選択してください。選択できるアイコン一覧 SVG形式のファイルをアップロードすることによって独自アイコンが設定可能になります。PNGなど別形式のファイルからSVGに変換したものは設定ができません。カラー項目名内容背景色 16進数のカラーコードで色を設定できます。フッターの背景色とあわせると統一感がでます。ヘッダーに表示される文言・アイコンの枠線の色 16進数のカラーコードで色を設定できます。ヘッ

フッタータブ

概要下記画像の四角枠部分を、フッターと言います。アプリを開いた際に常に表示される部分になるためお店に適した項目を選択して表示しましょう。設定方法フッターは、Appify管理画面＞テーマ＞フッターから編集できます。フッタータブには以下のうち、最小1つ最大5つまで選択できます。 - デザインページ - リソースページ - お気に入り - 検索 - カート - お知らせ - マイページ - ウェブ - チャネルトーク項目説明アイコンタブに表示するアイコンを選択してください。 ※独自アイコンを設定できます（SVG形式の画像アップロード必要）タブのタイトル(日本語) タブに表示するタイトル名を日本語で設定します。タブのタイトル(英語) タブに表示するタイトル名を英語で設定します。表示するページ表示させたいページ内容を選択してください。言語表示について端末の言語設定が日本語の場合は設定した日本語の文言が表示されます。端末の言語設定が英語の場合は設定した英語の文言が表示され、それ以外の言語の場合は日本語の文言が表示されます。選択できるアイコン一覧 SVG形式のファイ

カート

概要アプリのカートページに、以下の設定が可能です。 - バナーを表示して注意事項を共有する - 獲得ポイントを表示する - 領収書の入力フォームを表示する - 熨斗の入力フォームを表示する - ノート(メモ)の入力フォームを表示する - カートのチェックアウト画面へ遷移するボタンのカスタマイズ - 購入に関する同意本ガイドでは、それぞれの表示イメージと設定方法についてご案内します。設定方法カートバナーモバイルアプリ管理画面＞テーマ＞カートから設定できます。項目説明カートバナーを表示するカートバナーを表示する場合はチェックしてください。注意文言表示する文言を設定してください。最大200文字まで入力が可能です。背景色 16進数のカラーコードで色を設定できます。テキスト色 16進数のカラーコードで色を設定できます。表示制限モバイルアプリ管理画面＞テーマ＞カートから設定できます。項目説明獲得ポイントを表示する獲得ポイントを表示する場合はチェックしてください。領収書の入力フォームを表示する領収書の入力フォームを表示する場合はチェックしてください。

お知らせバナー

概要ヘッダー下にリンク付きのお知らせ文章を表示することができる機能です。デザインページ、リソースページ、コレクション、商品、固定ページ、WEBページで表示できます。本ガイドではお知らせバナーの設定方法をご案内します。設定方法 Appify管理画面＞テーマ＞お知らせバナー＞バナーを追加するから、作成します。項目内容表示するページお知らせを表示するページを選択します。デザインページ、リソースページ、コレクション、商品、固定ページ、WEBページで表示できます。 ※固定ページ(アカウントページ、お知らせページ、オンラインクーポンページ、実店舗クーポンページ、チケットページ) 本文お知らせの内容を記入してください。推移先ページ(任意) お知らせをクリック後推移する先を設定できます。表示期間設定表示期間を設定する場合はチェックをして、開始日・終了日を設定してください。顧客タグ(任意) 顧客タグで表示制限が可能です。 ※タグはテスト1,テスト2,テスト3のようにカンマ区切りで付与することで複数指定が可能です。 ※未入力の場合は全ユーザー閲覧可能です。背景色下記画像[背

設定項目

概要本ガイドでは、Appify管理画面＞テーマ＞設定項目より設定できる以下の項目についてご案内します。 - アプリ内のプライマリカラー - 会員登録時の設定項目 - ログインページの設定 - お気に入りページに関する設定 - カートページの設定 - ボタンの名称に関する設定 - ポイントの名称設定（※VIP利用中の方のみ対象） - Shopify Marketsについて - マルチパスについて設定方法プライマリカラー Shopify管理画面＞Appify管理画面＞テーマ＞設定項目＞カラーにて、カラーコードでアプリに表示されるボタンのカラーを設定できます。カラーコードは、こちらのようなサイトを参考にしてください。会員情報会員登録時に、以下の情報を表示するか/非表示にするかを設定できます。 - 性別のフォーム - 生年月日のフォーム - 電話番号のフォーム - 氏名のカナのフォーム Shopify管理画面＞Appify管理画面＞テーマ＞設定項目＞会員情報から設定可能です。取得した情報の参照方法はこちらからご確認ください。 - メタフィールドの場合 - タグの場合ログインソ

画像素材

概要 Appifyでアプリを作成する場合、アプリのアイコン・起動画面・アプリ内上部に表示されるロゴを設定可能です。本ガイドではそれぞれどこに表示がされるのか、推奨サイズとともにご案内いたします。ロゴアプリのトップ画面の上部に表示される画像です。 Appify管理画面＞テーマ＞画像素材＞ロゴより設定可能です。横長のブランドのロゴ画像の設定がおすすめです。 - 推奨サイズ：横長画像（アプリ画面をみながら調整をしてください）ロゴは管理画面で設定・保存後、すぐに反映されます。アプリのロゴリンク Appify管理画面＞テーマ＞画像素材＞ロゴリンクにて、上記で設定したロゴをクリックしたときの推移先を設定可能です。ロゴ画像をタップするとウェブビューで遷移します。アイコンアプリのアイコンとしてスマホのホーム画面に表示されます。 Appify管理画面＞テーマ＞画像素材＞アイコンより、設定可能です。 - 必須サイズ：1024 × 1024 px アイコンは都度アップデート審査が必要です。変更したい場合は、Stackまでお問い合わせください。起動画面（任意）アプリ起動画面に表示されます。

アプリに翻訳機能を設定する

概要モバイルアプリに翻訳機能を設定し、日本だけでなく他の国からアクセスしたお客様もアプリを楽しめるよう設計しましょう。多言語対応させる方法 Appifyのアプリを多言語対応させるには、以下の2つの要素があります。 1. Appifyのネイティブの文言 Appifyのアプリ内で使用されるボタンや、管理画面で設定した固有の文言を指します。エンドユーザーの端末の言語設定に応じて自動的に切り替わります。 - 端末の言語が日本語の場合 → 日本語で表示 - 端末の言語が英語の場合 → 英語で表示 - それ以外の言語の場合 → 英語で表示 2. Shopifyに登録されている情報の文言商品情報など、Shopifyに登録されている文言を指します。こちらは、管理画面で翻訳を設定したうえで、エンドユーザーがアプリのマイページ > 言語と通貨から言語を選択すると、その言語で表示される仕組みです。本ガイドでは、マーチャントが設定を行う必要のある「2. Shopifyに登録されている情報の文言」の翻訳設定方法についてご案内します。翻訳機能の設定は、以下にアクセスして行います。 - 翻訳を