ヘルプセンター
利用規約
  • Stack Inc
  • アップデート履歴
    • モバイルアプリ
      • iOS
      • Android
    • VIP
  • Appify - モバイルアプリ
    • アプリ公開までの流れ
      • Step1 モバイルアプリをインストールする
      • Step2 アプリストアの設定
      • Step3 UIとロゴを設定する
      • Step4 利用料金を承認する
    • 料金体系
    • テーマ
      • デザインページ
      • リソースページ
      • マイページ
      • ヘッダーアクション
      • フッタータブ
        • ナビゲーションバー
      • お知らせバナー
      • 設定項目
      • 画像素材
    • 商品ページ
      • 商品ページの基本設定
      • 商品ページのカスタマイズ
        • 商品ボタン
        • 商品リスト
        • 商品バッジ
        • 商品バナー
      • 商品バリエーションのカスタマイズ
      • 商品詳細情報のカスタム
      • 在庫切れの非表示と再入荷受け取り通知ボタン
      • 特定の顧客にのみおすすめ表示する
      • 特定の商品のカート追加ボタンを非表示にする
      • 商品の割引前価格を非表示にする
    • 商品の検索
    • マーケティング
      • プッシュ通知
      • お知らせ
      • クーポン
      • セグメント
    • 拡張機能
      • 販売スケジュール
      • チケット
        • クーポンチケット
        • パスチケット
      • チャネルトーク連携
      • 店舗管理
        • 設定方法
        • 活用事例
      • 登録ボーナス
      • 抽選販売
        • 事前決済抽選
        • 事後決済抽選
          • CSVエクスポート
      • QRコード
        • 設定方法
        • QRコード活用事例
    • 設定
      • リンク
      • メタフィールド・タグの同期設定
      • カスタマーの情報をメタフィールドとタグへ反映させる
    • 注意事項
  • VIP - 会員プログラム
    • 料金体系
    • 通貨設定
    • ポイント
      • ポイントの付与/利用をするための初期設定
      • ポイントを付与する
        • 注文ポイント
          • 注文ポイントの設定方法
          • 注文ポイント有効化のタイミング
          • 特定の条件で注文ポイント付与倍率の変更
            • 特定の商品のポイント倍率を変更する
            • 特定の店舗からの注文のポイント倍率を変更する
            • 会員ランクでポイント倍率を変更する
          • キャンセル・返金時のポイント
            • キャンセル時の付与ポイント取消
            • 返金時のポイントについて
        • 誕生日ポイント
        • 会員登録時ポイント
        • その他のポイント
          • 管理画面から手動で付与
          • 管理者アプリからポイント付与
          • CSVでポイント付与
      • ポイントを付与しない
      • ポイントを利用する
        • ポイント利用のための設定
        • リワードでポイントを利用する
      • ポイントを表示する
      • ポイントを通知する
        • 付与を通知する
        • 失効を通知する
      • 実店舗でポイントを活用する
        • Shopify POSを利用する
        • スマレジを利用する
          • スマレジ利用の初期設定
          • Appify VIPのポイント変更をスマレジに反映するFlow設定方法
          • Appify Mobileに会員登録したらスマレジに連携するFlow
          • Appify Mobileにログインしたらスマレジに連携するFlow
        • 店舗でのポイント倍率を変更する
      • ポイントデータをエクスポートする
    • 会員ランク
      • 会員ランクの移行を行う
        • 購入履歴移行を行う
        • 固定ランクを利用する
        • ポイント移行を行う
      • 会員ランクの設定
      • 会員ランクの算出
    • リワード
      • リワード機能の初期設定
      • リワードの登録方法
      • リワードをお客様に表示する方法
      • 交換したリワードの案内方法
        • 交換された商品の下書き注文を送信する
          • 下書き注文の請求書メールを編集する
        • 交換されたクーポンを送信する
    • 友達紹介
    • 顧客タグによるディスカウント
    • 同梱制御
    • バリエーション毎の購入数量制限
  • 管理者アプリ
    • 管理者アプリのダウンロード方法
    • 管理者アプリの利用ケース
      • パスチケットのチェックインを行う
      • 店舗での注文にポイントを付与する
      • 店舗でポイントを利用済にする
  • 開発者向け
    • メタフィールドに保存されている情報
    • 顧客タグに保存されている情報
    • メタフィールドのデータをテーマに表示する
    • ポイント利用フォームを表示する
    • ポイント履歴を表示する
    • 商品の購入による獲得予定ポイント数を表示する
    • サイズチャートをアプリに表示する
    • SDKを使ってカスタムUIを実装する
  • 施策
  • 🍔Shopify Flow
    • モバイルアプリ トリガー
    • モバイルアプリ アクション
    • VIP トリガー
      • ポイントのトピック
        • 加算系
        • 減算系
    • VIP アクション
    • 活用集
      • モバイルアプリ
        • 実店舗
      • VIP
        • 会員獲得
        • リピートを増やす
      • モバイルアプリ × VIP
        • CRM
        • リピートを増やす
GitBook提供
このページ内
  • デザインブロックの種類
  • ヘッダータブ
  • バナー
  • 商品リスト(縦向き)
  • 商品リスト(横向き)
  • コレクション(カルーセル)
  • コレクション(横向き)
  • 作成済みのデザインページ

役に立ちましたか?

  1. Appify - モバイルアプリ
  2. テーマ

デザインページ

デザインページとは、バナー、商品リスト(縦向き)、商品リスト(横向き)、コレクション(カルーセル)、コレクション(横向き)の5種類のブロックを組み合わせてブランディングを表現しながら印象的なページを作成することができます。

前へテーマ次へリソースページ

最終更新 4 か月前

役に立ちましたか?

デザインページの作成上限は、1000件までです。

デザインブロックの種類

ブロック名
遷移先

ヘッダータブ

・商品コレクション ・商品単体

・デザインページ ・リソースページ

・リンク ・ページ

バナー

・商品コレクション ・商品単体

・デザインページ ・リンク ・ページ ・画像(遷移先なし)

商品リスト(縦向き)

・商品コレクション

商品リスト(横向き)

・商品コレクション

コレクション(カルーセル)

・複数の商品コレクション

コレクション(横向き)

・複数の商品コレクション

ヘッダータブ

設定項目
説明

タイトル

日本語タイトルと英語タイトルをそれぞれ記入して遷移先を各項から選択してください。 ヘッダーは複数設定することが可能です。

カスタマータグで表示制限を行う

顧客タグごとに表示制限を行うことができます。 特定の顧客に対するイベントや販売などに活用できます。 ※タグはテスト1,テスト2,テスト3のようにカンマ区切りで付与することで複数指定が可能です。 ※未入力の場合は全ユーザー閲覧可能です。

ヘッダータブを活用しよう

ヘッダータブを活用することで下記のような効果が期待できます。

  • キャンペーン施策の動線を作ることで施策利用率アップが期待できる

  • 新商品やSALEなどピックアップしたい商品への動線を作ることでコンバージョン率アップが期待できる

  • ITEMカテゴリ毎のデザインページの動線を作ることでユーザーの利便性が高まる効果が期待できる

バナー

設定項目
説明

コンテンツ

バナーに設定する画像をアップロードして遷移先を各項から選択することができます。 ※画像を選択した場合は遷移先なしとなります。

画像比率

画像比率を指定します。画像比率は入力必須です。

表示期間の制限を行う

表示開始と表示終了の日時を指定できます。 期間限定のイベントや販売などに活用できます。

カスタマータグで表示制限を行う

顧客タグごとに表示制限を行うことができます。 特定の顧客に対するイベントや販売などに活用できます。 ※タグはテスト1,テスト2,テスト3のようにカンマ区切りで付与することで複数指定が可能です。 ※未入力の場合は全ユーザー閲覧可能です。

会員ランクとカスタマータグの表示制限

会員ランクとカスタマータグはOR条件です。会員ランクとカスタマータグで表示制限を行っている場合はどちらかの条件を満たしていれば表示されます。

例1)会員ランクでシルバーとゴールドランクにチェックをいれている

会員ランクシルバー OR 会員ランクゴールドランクのユーザーに表示されます。

例2)会員ランクでゴールドにチェック、カスタマータグでテスト1のタグを指定している

会員ランクゴールド OR 顧客タグテスト1が付与されているユーザーに表示されます。

例3)会員ランクでシルバーとゴールドランクにチェック、カスタマータグでテスト1とテスト2のタグを指定している

会員ランクシルバー OR 会員ランクゴールド OR 顧客タグテスト1 OR 顧客タグテスト2が付与されているユーザーに表示されます。

商品リスト(縦向き)

設定項目
説明

コンテンツ

コレクションを選択してください。

表示設定

表示する商品数を選択できます。

分析

任意のタグを設定することで、ブロックがタップした時にトラッキングイベントのパラメーターに追加されます。

商品リスト(横向き)

設定項目
説明

コンテンツ

コレクションを選択してください。

表示設定

表示する商品数を選択できます。

分析

任意のタグを設定することで、ブロックがタップした時にトラッキングイベントのパラメーターに追加されます。

コレクション(カルーセル)

設定項目
説明

コンテンツ

コレクションを選択してください。コレクションは複数選択できます。

コレクションにタイトルを表示する

チェックをいれることで、コレクションページに設定しているアイキャッチ画像がグレーアウトされその上にコレクションのタイトルが表示されます。

コレクション(横向き)

設定項目
説明

タイトル

このブロックのタイトルを記入してください。

コンテンツ

コレクションを選択してください。コレクションは複数選択できます。

コレクションにタイトルを表示する

チェックをいれることで、コレクションページに設定しているアイキャッチ画像がグレーアウトされその上にコレクションのタイトルが表示されます。

作成済みのデザインページ

ボタン
説明

・・・

名前を変更デザインページ名を変更することができます 複製デザインページを複製することができます アーカイブデザインページをアーカイブすることができます

カスタマイズ

作成済みのデザインページをカスタマイズすることができます。

アーカイブのエラー

デザインページやリソースページなどで利用しているブロックをアーカイブした場合、エラーになりアーカイブが出来ません。該当ブロックを外してからアーカイブをしてください。

あ