Shopifyアプリのオンラインストアエディタ

Shopifyアプリをインストールすると、アカウントにログインして、モバイルデバイスからストアの運営を開始できます。

Shopifyアプリを使用すると、モバイルデバイスからオンラインストアを管理できます。このアプリにはオンラインストアの概要ページがあり、1つの画面でストアの編集、コンテンツの変更、サイトの公開を行うことができます。モバイルテーマエディタを使用すると、どこからでもオンラインストアを更新または編集できるほか、ブログ記事の作成、ページの追加、メニューの更新、テーマの管理も行えます。

ストア

Shopifyアプリで Menu アイコンをタップすると、ストアの概要にアクセスできます。ここから、以下の機能を含む、デスクトップ版の管理画面と同じ機能にアクセスできます。

販売チャネル

有効な販売チャネルには、Shopifyアプリの Menu アイコンからアクセスできます。販売チャネル名をタップすると、その販売チャネルの概要が表示され、デスクトップサイトと同様の機能を利用できます。各販売チャネルはそれぞれ異なります。Shopifyアプリでチャネルの機能を使用する方法については、特定の販売チャネルに関するドキュメントを参照してください。

また、Plus circle アイコンをタップして、新しい販売チャネルを追加することもできます。

財務

管理画面の[財務] セクションには、デスクトップまたはShopifyアプリからアクセスできます。Shopifyアプリで[財務] をタップすると、財務の概要ページを表示できます。財務の概要ページでは、取引や支払いを確認したり、Shopify Balance、Shopify Credit、Shopify Bill Payのアカウントを管理したりできます。財務の概要ページについて詳しくはこちら。

オンラインストア

[オンラインストア] セクションには、現在有効なテーマのプレビューがデスクトップとモバイルの両方の形式で表示されます。ストアの詳細にアクセスするには、オンラインストアの画像をタップします。

オンラインストアをプレビューする

Shopifyアプリの右上隅にある View をタップすると、ブラウザウィンドウにストアが開きます。ストアをスクロールして、任意のリンクや商品をタップして開くことができます。デバイス画面の下部にあるバーには、プレビュー中のストアに関する情報と、ストアの最終保存日が表示されます。

[アクション] ボタンをタップします。ここから、アクションバーを非表示にしたり、プレビューを閉じたり、プレビューを共有したりすることができます。[プレビューを共有] をタップすると、オンラインストアのプレビューリンクが取得できます。このリンクは、共有した相手が 2 日間アクセスできます。これはストアのプレビューであるため、このリンクを使用しても、購入や取引を行うことはできません。[リンクをコピー] をタップすると、プレビューリンクをデバイスのクリップボードにコピーできます。

ブラウザで [完了] または [X] をタップしてストアのプレビューを閉じ、Shopifyアプリの [オンラインストア] ページに戻ります。

テーマの管理

Shopifyアプリを使用して、モバイルデバイスでテーマと下書きテーマを管理できます。

モバイルでのテーマ

Shopifyアプリの Menu アイコンから、[オンラインストア] > [すべてのテーマを管理する] の順にタップします。バージョンとインストール日を含む現在のテーマが表示されます。

下にスクロールして 下書きテーマ の見出しを表示すると、現在下書きテーマにあるすべてのテーマを確認できます。

テーマを追加 ボタンをタップして、新しいテーマを下書きテーマに追加します。モバイルデバイスに新しいテーマの .zip ファイルがある場合は、zip ファイルをアップロード をタップして、新しいテーマをオンラインストアにアップロードできます。アップロードするデバイスからファイルを選択するよう求められます。ファイルは、サイズが 50 MB 未満の .zip ファイルである必要があることに注意してください。

デバイスに新しいテーマがない場合は、GitHubに接続してそこから新しいテーマをアップロードできます。[GitHubから接続] ボタンをタップし、プロンプトに従ってGitHubアカウントにログインし、新しいテーマファイルを取得します。

テーマの更新または追加に関する詳細については、テーマの管理に関するドキュメントを参照してください。

テーマの更新

テーマの更新が利用可能な場合は、テーマ名の下に青いドットが表示されます。ドロップダウンの矢印をタップして、更新の詳細の表示、リリースノートの表示、または下書きテーマへの更新の追加を行うことができます。

Shopifyアプリのオンラインストアエディタ

モバイルデバイスを使用してテーマをカスタマイズできるようになりました。Shopify アプリにはモバイルテーマエディタが含まれており、モバイルデバイスからオンラインストアをカスタマイズできます。テーマ設定を変更したり、コンテンツを追加、削除、編集、並べ替えたりすることができます。

モバイルテーマエディタを開くには、メニュー アイコンをタップし、デバイスで [オンラインストア] > [編集] の順にタップします。

モバイルテーマエディタでは、以下の操作が可能です。

  • アプリのヘッダーにある [⋮] をタップしてから [テーマ設定] をタップすると、テーマ設定を調整できます。
  • 画面上部にある [ホームページ] のドロップダウンボタンをタップして、テンプレートをカスタマイズします。このメニューの検索バーで、オンラインストアの特定の箇所を検索できます。
  • モバイルエディタの [セクション] 部分から、個々のセクションとブロックを編集できます。

テーマエディタを使用したオンラインストアのカスタマイズに関する詳細については、 テーマのカスタマイズに関するドキュメントを参照してください。

ウェブパフォーマンスのダッシュボードとレポート

現在のウェブパフォーマンスのダッシュボードとレポートは、[分析] レポートに表示されます。レポートのリストから「Web Performance」を検索してください。

ダッシュボードページでは、過去 28 日間のストアフロントのパフォーマンスを、各コアウェブバイタル (読み込み速度、インタラクティビティ、表示の安定性) にわたって表示できます。これらの指標から、オンラインストアでの訪問者体験の全体像を把握できます。ページ上部のドロップダウンメニューを使用して、[モバイル][デスクトップ]、または [すべて] (デフォルト) の表示を切り替えます。

指標レポートページでは、アプリのインストール、テーマの更新、新しいコードの追加といったオンラインストアへの変更が、各コアウェブバイタルにどのような影響を与えたかを確認できます。期間、日付のグループ化、デバイスタイプなどのさまざまなフィルターを調整して、サイトのトラフィックを最適に表示します。2 つ目のグラフには、「良好」、「平均」、「不良」の各パフォーマンスカテゴリーに分類されるページへのアクセス数が表示されます。

ストアのパフォーマンスを改善するための提案については、いずれかのボタンをタップして関連リソースにアクセスしてください。オンラインストアのウェブパフォーマンスについて、詳しくはこちら。

ブログ記事

ブログ記事のコンテンツは、管理画面の [コンテンツ] セクションにあります。新しいブログ記事を作成したり、既存の記事を編集したりできます。ブログ記事の作成と編集に関する詳細については、ブログに関するドキュメントを参照してください。

手順:

  1. Shopify app から、メニュー アイコンをタップします。

  2. [コンテンツ] メニューで、下矢印 アイコンをタップしてから、[ブログ記事] をタップします。

ページ

メニュー アイコンをタップし、[オンラインストア] > [ページ] の順にタップしてページリストを開きます。検索バーを使用して特定のページを見つけるか、[その他のフィルター] をタップして、検索を非表示または表示中のページに絞り込むことができます。

[選択] ボタンをタップして、1 つまたは複数のページを選択します。選択したページの表示設定を変更したり、オンラインストアから完全に削除したりすることができます。

ストアのページを編集できます。ページをタップすると、Shopify アプリでリッチテキストエディタが開きます。変更を加えてから、[保存] をタップします。

ページに関する詳細情報を参照してください。

メニュー アイコンをタップし、[コンテンツ] > [メニュー] の順にタップして [メニュー] ページを開きます。このページから、オンラインストアに表示されるメニューを編集できます。メニューの種類と使用方法に関する詳細については、メニューとリンクに関するドキュメントを参照してください。

Shopify アプリの [メニュー] ページで、コレクションと検索の絞り込みにもアクセスできます。

パスワード保護

Shopify アプリで、ストアのパスワード保護をオンまたはオフにすることができます。[パスワード保護] ボタンをタップして、ストアのパスワードのオンとオフを切り替えます。

オンラインストアのパスワード保護に関する詳細は、パスワードに関するドキュメントでご確認ください。

各種設定

メニュー アイコンをタップし、[オンラインストア] > [各種設定] の順にタップして、ストアの各種設定を開きます。

このページでは、以下の操作が可能です。

[保存] または [✓] をタップして、加えた変更を保存します。