# PageFlyの使い方｜5分で始めよう

### PageFly の概要

PageFly は、Shopify マーチャントがカスタマイズされた高コンバージョンストアページを作成できるよう設計された、強力なページ作成ツールです。直感的なインターフェース、高度な機能、Shopify のエコシステムとの互換性により、PageFly を使用すると、ビジネスニーズに合わせてプロフェッショナルレベルのページを構築できます。

PageFly の主なメリットは次のとおりです。

* カスタムコード不要: シンプルなドラッグ＆ドロップインターフェースで簡単にカスタムデザインを作成できます。コーディングスキルは必要ありません。
* 迅速な開始のためのテンプレート: 商品ページ、ランディングページ、フルウェブサイト向けに専門的にデザインされた幅広いテンプレートにアクセスできます。ニーズに合わせて数分でカスタマイズできます。
* ページ速度の最適化: スムーズなブラウジング体験とパフォーマンス向上のために、高速なページ読み込みを保証します。
* すべてのテーマに対応: すべての Shopify テーマと互換性があり、互換性の問題を発生させることなくスムーズに統合できます。

初心者でも経験豊富な Shopify ユーザーでも、PageFly はあなたの eCommerce の旅に最適なパートナーです。

### PageFly のインストール方法

すでにアプリをインストールしている場合は、この手順をスキップして次の手順に進んでください。

まだインストールしていない場合は、Shopify アプリストアの[PageFly ページ](https://apps.shopify.com/pagefly?_gl%3D1*8xh9jt*_ga*MTkwMjIwOTMyOS4xNzA5NzgzNDQ5*_ga_0BK6F6GXYF*MTcwOTc5OTQ0Ni4zLjAuMTcwOTc5OTQ1Mi41NC4wLjA.)にアクセスし、Add App ボタンをクリックして、ストアの URL を入力してアプリをあなたの Shopify ストアにインストールします。

### PageFly へのアクセス方法

Shopify 管理画面のサイドバーで、Apps > PageFly Landing Page Builder をクリックします。その後、PageFly ダッシュボードにリダイレクトされます。

![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXcKXXWxXC7Nl5yDNrrvynMAKF1YPWyLVEMrowy4AFhJdz7CtmocMP_HvMDHNUzOiXwG_NeqbSY5Z1iwcqfjDmNlXKIf_Jus79HicHgrDt5-Nz4ex8o3kf74Mm-Wy1daKL032151qpPGP_SnZeFRawkeyn2H4J6UMP8TKLxwgipLegQ.png)

### PageFly メニューナビゲーション

PageFly Page Builder の下にあるメニューサイドバーには、以下が表示されます。

* Dashboard: ガイド、スロット使用量、最近のページ、サポートチャンネル、連携機能、新機能にアクセス

![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-24d4baecc0ba9e2995e9b4e843c16cc430bacf84%2FAD_4nXegXAPRdyn1r-p8nieVDYXcRIaQhojpBkJxHpw6oj3IR9SsrSTEO2Ka5dZIVq2roPJVwquhR_s9weYuPnUXwab6YbLFwvbdCnHhy7hMi6NzmnL6Gk8L38zLt1WIqTtOrBzAU5xApi6FVmWFQP_RsQ?alt=media)

* Pages: ページを作成

![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-9f2a326a8500733f626336a60800fcf25e51720f%2FAD_4nXfR4nOls8N_ipsTEHYVP0DmCt_8d3gQhX9quXdyCxh2AFcH5bt4MYs-YfyJbCGR1_H8yQOR_iMi4-0rEcBqVeYg4-llekqpyA3xVJ5P6pgdeCpJdC3z9XDmu3rps00xDlbcJAhJw0dqKQ4yyZHFkeyn2H4J6UMP8TKLxwgipLegQ.png?alt=media)

* Sections: ページまたはテーマ用のグローバルセクションを作成

![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-9fefc3ec203c72dd451256c83e7f06f61cf5541d%2FAD_4nXclLYmKtE_8DhiIqtRuE0cKhrtiGsOtTS3D0E0zTbY-ez-mzDYhRgZT7s-V97XECUlWWwyKYHkN3PvKgUxHcs-q2iEHa-l2vXGlCV-6UuU_VMwZZuEgTl2wnVoqjOitKfw5eVOD7nKlpCzSe2h67gkeyn2H4J6UMP8TKLxwgipLegQ.png?alt=media)

* Analytics: ページパフォーマンスを表示

![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-5e3fd1de2c3a61234e38f405b2272eec5a71b2ab%2FAD_4nXfY-3G434LNzfu1GMlWAeH2t2w1XWSN7HueKADF-enlc6d-MQvLEDXQaCF_XaLol1fYS9hXiVVbXkoVq1d3MGNr5clRDFVBQ_Q3p4VCVrRKFZuw7q-epO19LrA7VqhARoJZ5nCX936rvNZiznXL7Akeyn2H4J6UMP8TKLxwgipLegQ.png?alt=media)

* Extra Functions: 連携機能、グローバルスタイル、オプションスウォッチ、アップロードされたフォント、ゴミ箱、メディアファイルなどの追加機能

![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-335a57f934d569d1211e0f8b8325f9bb9f29476e%2FAD_4nXey6Eu2QOw-WMSe1zDZ9mfcyNiQ6YHLzIUNPIDWT32AgfJvwR85zNuw8IwDJDif_5xuwGjO5EOa_wLotWj8GlViBIo_foTcGHIpCSXg0S3xkp3EaPNOYBHjis7NtgDbByao8pMwt55tIFg7z_7CvAkeyn2H4J6UMP8TKLxwgipLegQ.png?alt=media)

* Preferences: アカウント、請求、分析、ユーザーインターフェース、テーマアプリ拡張機能、紹介プログラムを管理

![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-5031424bfce5ca1da973f1d3cb6e8e699c804ec2%2FAD_4nXeBxG_kl4UpYMiWfz9hnZknJGwCsRvxiB4GtOF1AQaLS2WUUOPMh6YGJYx37Tyd5xMEC3Vwl1QR9zOYUBEC6Jbks1W9NSiZpYVkLWr8EASsEzrsEin-x3sZ8KTyOT_IiqQwnppN9z9ny8bRhI-Ikeyn2H4J6UMP8TKLxwgipLegQ.png?alt=media)

### PageFly を使い始める手順

#### ステップ1：オンボーディング

PageFly を初めて使用する場合、アプリインストール後にオンボーディングプロセスが表示されます。

![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-cbcd284654c7f75ed5b5cacf0ae955b3ae874371%2FAD_4nXerwJ5vFFz1FimBDljPB6ZUY9NzfBbXNw7loVxZTF-FCAEzKg-duRr7pym3Br4K6-H403Txk1XcFMoxq48JyYbvHvwwe__EyBOAFVO4D8lp_q9bS-2r6aSEFaTazohSWLIFfcO82CcdPaMjBsSRogkeyn2H4J6UMP8TKLxwgipLegQ.png?alt=media)

PageFly で最初のページまたはセクションを作成することを選択できます。「**Next: Select page type**」をクリックすると、ページ/セクションタイプの選択画面が表示されます。

!\[]\(../../images/AD\_4nXcpjrFS\_uPMPioWeTZGVAaU-TYR6cwU mspDByQlnH\_vU94p\_M9JAkfQw-vstMcvF662VYaPmE03foNy0ygTtosLFLlVS4osKs3ERYiTL8s7qnHlTg\_s8dK0QhNVWDsNy32j5fbwqxtzMsvux8lYwkeyn2H4J6UMP8TKLxwgipLegQ.png)

最後に、「**Next: Start Creating**」をクリックすると、エディタ画面に移動します。

![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-b48cc98da8c3778936640b3814afc60d522d7a1a%2FAD_4nXcqTEx8YaSaHR5urT3MqcbQIYeA5Aw8URgsxncew0OXb6V_hTKhNVJcmf6pyqRL5LPs2fJ_QY2JDq4dNDUdJOba82qB36o1xb4KerQwz007DdyopRuzKoJygkzf1e8FjiWjpFA6BsHW4EhSmCQ43gkeyn2H4J6UMP8TKLxwgipLegQ.png?alt=media)

「**Skip all**」ボタンをクリックすると、PageFly のダッシュボードに直接移動します。

#### ステップ2：ガイディングタスクを完了する

PageFly ダッシュボードで、PageFly を使い始めるための4つのタスクを完了しましょう。これらは以下の通りです。

* PageFly の簡単な紹介を見る
* 最初のページを作成する
* PageFly アナリティクスを有効にする
* UI 最適化を有効にする

![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXeuOZ3Yj9DdVG00yjvU12yqsyxVMPR1MecX0pNWgT6CJl5EoPB13dJkssl78Sze1Os7pAlU2v7SBrQQuJBsKMkv8EAvn23lZ5Wb1lx-OjpwknREbhGoIjfGmRopjdFX7soMHr4-LYkdf9_lwBJYbwkeyn2H4J6UMP8TKLxwgipLegQ.png)

タスクをクリックして、PageFly の旅を始めましょう。

![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-74cbe8595a0678f3db9e03a92601bb0538eeb4e7%2FAD_4nXdHld0sBl5VEzXI0cRjM9fEUJh4FRVg3GAm29XMOokugsI92HPANAu8gzP3jepuKheCGyBHe_S0F_OTcQfUWkIjo3T-nF4jDmExtfXfapssO4JF5WDNxWYSg9YAKyxrThsdxbHh1N48xv1vcrzU8gkeyn2H4J6UMP8TKLxwgipLegQ.gif?alt=media)

各タスクを完了したら、円をクリックするとステータスバーに進捗状況が表示されます。

![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-14f6ce950e48d4ceb1ab9b796d3200d242829912%2FAD_4nXciiKFH6ecleDbwWEGaYLFkPEjPxm5wWE9Es19mTt3PclIToFX4O0KwzH1yvxVJ9PUaJJ-UOu-OxNiOID3r2N-w7fxc4W70gzHaP90d_fKZILOdqw-_nNHFNOzwKukLwBbOSDLspwI5feGciMJf1Akeyn2H4J6UMP8TKLxwgipLegQ.gif?alt=media)

4つのステップすべてを完了すると、PageFly を使用してストアをカスタマイズし、コンバージョン率を向上させる準備が整います。

#### ステップ3：新しいページを作成する

PageFly ダッシュボードで、Pages に移動します。ここで、すべてのページタイプを見つけることができます。

![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-aff12b9335692935c8aa687a718f0b833e3b2ed4%2FAD_4nXcaP-Wvl80qf3ppaPlxGRPmr8khdmS76o4k0M4Tulz5BQeNCnppvQb53TciDjIRlLPixMHSE_tSUhZSZ4MsVPX8iPjm50n38XS30fxU8GouEGUkdftOC0tfiDMKkCGzow0eHdaxvDwwe3cuIi3ikeyn2H4J6UMP8TKLxwgipLegQ.png?alt=media)

新しいページの作成を開始するには、「**Create blank page**」ボタンをクリックし、作成したいページのタイプを選択します。これにより空白ページが開き、要素を自由に追加して希望のデザインを作成できます。

![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-f57631e016a01f83368a7d9ad4a2e1d6896febda%2FAD_4nXcWEnsipJ9rm2GTU1qKofDDj0_5fn10iAVfl6Guhw1Rc_mffX6e-EyePclTxwMqfY38jRw5vUt4R8r4s8h-v1KWrXuRzwJQoL9NguEDQl72p6X88Gc3L0glvb_V8oj6hHoZWoxCs-7dUugVzvUUAwkeyn2H4J6UMP8TKLxwgipLegQ.png?alt=media)

または、「**Create from a template**」を選択して、ニーズに合ったテンプレートを選択すると、事前に設計されたレイアウトと設定のページに移動します。その後、要素をカスタマイズして好みに合わせることができます。

![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-10226ba254a9c00a2de8e193c4104f354f025dbb%2Fgetting-started.gif?alt=media)

PageFly でランディングページを作成する方法について知りたい場合は、以下のビデオをご覧ください。

{% embed url="<https://www.youtube.com/watch?v=1VaKltzVU_w>" %}

#### ステップ4：主な機能を理解する

Page Editor の主な機能は以下の通りです。これらを理解することで、PageFly の仕組みが分かります。

![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-38095608ee3492bd64608ecd4c0090aa1344a1a4%2FAD_4nXcHoofM6LIBmAdFlgMJmaqiFV7SYhNIGj4Olc_VtIZFlwTe-p2dk7INmm7LDXusZ8o9CrCU0iy-iLuO4hUj6QxRtxwsgx8owJ25y6YNlQwIORiVTN4LLOQb_BWvY44qtTr3Zp-P5tbAwoWAxv_v7Qkeyn2H4J6UMP8TKLxwgipLegQ.png?alt=media)

|                                                                       |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
| --------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| 1. 上部ナビゲーションバー                                                        | <p>ページに関する一般的な情報を表示および設定します。</p><p>- デバイスレイアウトモニター</p><p>- キャンバス幅の調整</p><p>- テーマスタイルの有効化、ページ構造の表示、キャンバスサイズの表示: 下のアイコンをクリックした場合にのみ表示</p><p>– アクションのやり直しと取り消し</p><p>– ページをプレビューしてライブ表示。</p><p><img src="https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-a70cc916e70cd000fe1a402cd1f41d6e7ba4dac8%2FAD_4nXfl1FwllKPiESnw9eNtSN49aa-u3IkwyBydws8Irs8Ng-imlrJxi9JmNLwI9ozJPeKNstF3fA4sX1edeoIamCTUi8F5sCtdq9do0_KkeubZ81l2cZjuuTirBNmWqUfzvlBlOUNgMJnbWeMR6BO_gwkeyn2H4J6UMP8TKLxwgipLegQ.png?alt=media" alt=""></p> |
| 2. [ページコンテンツ](https://help.pagefly.io/manual/page-outline/)           | エディター内にページコンテンツを表示します。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
| 3. PageFly & Shopify 要素                                               | <p>- 異なるカテゴリーに分けられた PageFly の基本要素を提供します。</p><p>- Shopify の要素を提供します。商品、コレクション、ブログ投稿に関連する要素。</p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
| 4. サードパーティ要素                                                          | 複数のカテゴリーのサードパーティアプリ要素を提供します。この機能は継続的に更新されます。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
| 5. ページテンプレート                                                          | すべてのページタイプに対して事前に作成されたテンプレートを提供します。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| 6. ページ設定                                                              | ページタイトル、ページタイプ、テーマのヘッダーとフッターの表示、画像遅延読み込みの有効化を変更します。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| 7. [バージョン履歴](https://help.pagefly.io/manual/version-history/)         | 自動保存されたバージョンと公開されたバージョンを表示します。この機能は、ページを公開した場合にのみ有効になります。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
| 8. [カスタムコードエディター](https://help.pagefly.io/manual/custom-code-editor/) | ページに CSS および JavaScript コードを追加するセクション。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
| 9. ライブチャットを開く                                                         | 24時間体制で人間のサポート担当者とチャットできるウィンドウを開きます。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |

#### ステップ5：ページで要素を使用する

まず、Add Element > Element をクリックします。要素を選択し、2つのツールで編集できます。

![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXd0Z7g5AnETk1QjkeTuLCf6btQGjSy0yPdLeI1szZmwSKe7WT01XLKBLDx9dRzlNnGAizXiK6sExRBbKZ8Fha8Z2lpTC_7pr7uSSxGdSzxLg38nIatxLw3yJx3JVCXJVNHKAjEz5aOE2jOoFOtkgkeyn2H4J6UMP8TKLxwgipLegQ.png)

1. [要素ツールバー](https://help.pagefly.io/manual/page-editor-element-toolbar/): 要素に対して迅速なアクションを実行できます。移動、複製、削除、スタイルのコピー、スタイルの貼り付けなど。
2. [要素インスペクター](https://help.pagefly.io/manual/page-editor-element-inspector/): 要素の設定とスタイリングを2つのタブで編集します。[一般](https://help.pagefly.io/manual/elements-general-settings)と[スタイル](https://help.pagefly.io/manual/elements-style-settings)。

PageFly の要素以外にも、ページに情報を追加する方法がいくつかあります。

* Shopify 要素: これらは Shopify 自体の組み込み機能です。
* サードパーティアプリ要素: これらは PageFly と連携する他のアプリからのものです。多くの選択肢があります！

PageFly は80以上のサードパーティアプリと連携しているため、ページを希望どおりにパーソナライズできます。[PageFly が連携するアプリ](https://help.pagefly.io/manual/what-apps-does-pagefly-integrate-with/)と[PageFly の連携機能の使い方](https://help.pagefly.io/manual/integrations/)の詳細については、この記事をご覧ください。

#### ステップ6：ページをプレビューまたは公開する

ページの作成が完了したら、Save をクリックします。このオプションはページをデータベースに保存しますが、まだ公開はしません。ここで Eye アイコンをクリックすると、ページのプレビューを表示できます。

![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-412539ded37779478e307f489ad83b025a8bd190%2FAD_4nXcDc767r82I95u8IcYpZpAyZIM_aO1mMqu31Wj9lRrqI080zA56ei4DnCUNszQnvyzsuTEnkYx_UUwopDh4bJh1tzA2S2jK_XOR3i298_8ElpUygCrt-xHGKw0BvDkI6o-5TzZFfOaba7ljVpsVjAkeyn2H4J6UMP8TKLxwgipLegQ.png?alt=media)

ページがライブ公開の準備ができたら、Publish ボタンをクリックして公開します！Live View を介してライブページを確認できます。ページは、アドレス "[your-shop-name.myshopify.com/pages/page-name](http://your-shop-name.myshopify.com/pages/page-name)" でストアにリンクされます。

![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-a93cbdb554ff4564dd41a93a285a66cae0707595%2FAD_4nXeiJqmut1_2OcKgj2alZSrvNhvDVRCuUMJTAU9ACH5SlOtcu4UQsaTHKRj_XNsR1H7VTsPimH_iubhtN6E-W1SlHLOidjxAvviknjxOgDH-0FKG-C5lvBGuFDtyWNFRROEQG6YvSlUVukul2S2Tuwkeyn2H4J6UMP8TKLxwgipLegQ.png?alt=media)

Shopify データベースで PageFly ページを確認するには、Shopify home > Sales Channels > Online Store > Pages に移動します。

PageFly を使用して美しく魅力的なページを作成する方法がまだ分からない場合は、心配しないでください。[このガイド](https://academy.pagefly.io/guides/crafting-the-perfect-page-with-pagefly/?utm_source%253Dmanual%2526utm_medium%253Darticle%2526utm_campaign%253Dguides%26_gl%3D1*jzem6t*_ga*NjA1MTQ0OTU3LjE3MTAxNDE4MjY.*_ga_0BK6F6GXYF*MTcxMDE0MTgyNi4xLjEuMTcxMDE0MjE2NS41OS4wLjA.)がきっと役立ち、PageFly ユーザー向けに完璧な E コマースページの作成に関する知識と実践的な情報を提供します。

### ページステータスとその意味

PageFly のページステータスは、ページの現在の状態を示します。これらのステータスを理解することで、コンテンツを効果的に管理できます。

**1. 公開済み (Published)**: ストア訪問者に見えるライブページです。Shopify ストアにリンクされています。

* 公開済みページに変更を加えた後、Save and Publish をクリックしてライブバージョンを更新します。Save をクリックするだけでは、プレビューモードでのみ更新が保存されます。

![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-fdfe9433245fef72bff9b3fc7c4041539b5c34e9%2Funnamed-2.png?alt=media)

**2. 未公開 (Unpublished)**: 「**unpublished**」ステータスは、ライブビューで訪問者がまだページを閲覧できないことを意味します。このステータスは、公開準備ができていない作業中のページに最適です。作業を保存して、完了するまで編集を続けることができます。

![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXd7xIZZtX8s8W84nzmizdmZPf2EiGz7_4e5PNiOwkh1SLV_ZJZV_sYm7AUFWJW1EIshP5g_bTrpTAJ4njG0oZbc3Obm9gZH2lxmxDE0mfiLX2zHVclNBjKNNGSwB9E9moQkeyn2H4J6UMP8TKLxwgipLegQ.png)

### よくあるケース

PageFly ランディングページを公開した後、Shopify ストアで見つからない場合は、Shopify ナビゲーションにリンクする必要があります。以下の手順に従ってください。

* Shopify 管理画面から、Online Stores に移動します。
* Navigation > Menus をクリック > PageFly ページへのリンクを追加したいメニューを選択します。
* そのメニューで、Add menu item をクリックします。
* 対応するタイプのページを探すか、その URL を貼り付けます。
* Add をクリックして作業を Save すると、Shopify メニューナビゲーションに表示されます。

詳細については、このビデオチュートリアルをご確認ください。

{% embed url="<https://youtu.be/D4TeOwLO2WY>" %}

### よくある質問

**1. PageFly では何ページ作成できますか？**

PageFly では多数のページを作成できますが、公開できる数は選択したプランによって異なります。

たとえば、Free プランでは1つのページまたはセクション（1スロットに相当）を公開できます。5スロットプランにアップグレードすると、5つのページまたはセクションを公開できます。

**2. PageFly では何種類のページを作成できますか？**

PageFly では、以下を含む6種類のページタイプを作成できます: Regular pages、Homepages、Product pages、Collection pages、Blog posts、Password pages。詳細については、[PageFly がサポートするページの種類](https://help.pagefly.io/manual/page-types/)の記事をご覧ください。


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.pagefly.io/pagefly-help-center-japanese/hajimeni/quick-start/get-started-in-5-mins.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
