カスタムページの作成とデザイン

Shopper Appでは、ビジネスのニーズに応じてカスタムページを作成できます。たとえば、クリスマスキャンペーン専用のページを作成し、特別なプロモーションや商品を効果的に紹介することが可能です。

カスタムページの作成

1. SHOPLINEの管理画面から、アプリ > Shopper App > アプリデザインに移動し、デザインボタンをクリックしてデザインエディタにアクセスします。
2. 上部のドロップダウンメニューから、カスタムページを選択します。
   
3. + ページを作成をクリックします。最大5つのカスタムページを作成できます。
   
4. ページにタイトルを付けて、確認をクリックします。
   
5. 次のセクションでページのデザイン方法を学びます。

デザインの作成

自動的にカスタムページエディタに移動します。先ほど入力したタイトルでカスタムページを特定します。

お知らせバナー

お知らせバナーはカスタムページの上部に表示され、配置を変更することはできません。トップページの掲示板と同期させるか、別途設定するかを選択できます。

• トップページのお知らせバーから同期： 掲示板のコピーとテキストカラーなどの変更はできません。
• 独立して設定： コピー、テキストカラー、表示スタイルを編集し、必要に応じてリリース時間をスケジュール設定できます。掲示板には最大3つのお知らせが表示できます。お知らせは削除できませんが、必要に応じて非表示または編集できます。

ページコンテンツ

コンポーネントを追加をクリックして必要なコンポーネントを選択および構成します。これらのコンポーネントの設定方法の詳細については、こちらの記事を参照してください。

ページの名前変更または削除

ページの名前を変更するか、削除するには、右上隅のその他をクリックします。

デザインの公開

編集を完了し、プレビューですべてが正しく表示されていることを確認した後、右上隅の適用ボタンをクリックしてデザインをアプリに公開します。公開を保留したい場合は、編集内容を保持するために保存をクリックできます。

ホームページにカスタムページへのリンクを設定する

ホームページの特定のコンポーネントは、カスタムページへのリダイレクトリンクの設定をサポートしています。これには、カルーセル、カスタム画像バナー、カスタム動画バナー、商品カルーセル、商品ショーケース、商品カテゴリ表示、およびボトムナビゲーションが含まれます。これらのコンポーネントの設定方法の詳細については、こちらの記事を参照してください。