# フラッシュセールセクションの作成方法 - 新学期 ### Back to School Campaign中のフラッシュセールとは？ [**Back to school campaign (新学期キャンペーン)**](https://help.pagefly.io/manual/how-to-create-a-flash-sale-section-back-to-school/) は、幼稚園児から大学生まであらゆる人々にとって重要なショッピングシーズンの一つです。学校に戻るだけでなく、保護者や教育関係者が喜ぶような文房具やその他の教育関連品の買い物時期でもあります。 したがって、Back to Schoolキャンペーンは、ブランドにとって衣料品、アクセサリー、家具など、中間セールを行うチャンスです。ブラックフライデーやクリスマスと同様に、Back to Schoolキャンペーンは3番目に大きなショッピングシーズンです。 #### 「Back to School Campaign」概要 | 新学期イベントはいつですか？ | 8月 - 9月 | | -------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------- | | 新学期セールのプロモーションはいつ開始すべきですか？ | 7月初旬 | | 販売者はBack to School Campaign用にPageFlyでプロモーションページを作成できますか？ | はい、[こちら](https://help.pagefly.io/manual/how-to-create-a-flash-sale-section-back-to-school/#how-to-create-a-flash-sale-section)をご確認ください | PageFlyを使って、Back to Schoolプロモーションキャンペーンのフラッシュセールセクションを作成する方法を見ていきましょう。このセクションは、Shopifyストアのどのページでも使用できます。 {% embed url="" %} \_PageFlyでBack to School Campaignページを作成します。\_ ### フラッシュセールセクションの作成 このセクションは以下の3つのステップで作成できます。 ### ステップ1：PageFlyセクションにアクセス PageFlyダッシュボードからSectionへ移動し、「Create blank section」ボタンをクリックして、新しいセクションをゼロから作成します。 ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/h5JZQqzTJ_K9vupNcPGSMTlygQwpSRcH3lW68heQ9RR6dXPQgNN2hRaPkktJHuvu-ymlDyNSArNkZLHpENR0WzK81TMhJRB0iI8_WDzWs5tb4zTzq2IKNk-lKCY8iss2hV5IL5MNh8Lguz-ye2glsLE) ### ステップ2：商品詳細要素を追加 要素カタログで、「Add Shopify element」アイコンをクリックし、「Product details element」を選択し、最初のバリアントをエディターにドラッグアンドドロップします。「General」タブで商品を選択し、デフォルトのバリアントを設定します。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-01526be25444be26a9812d838b4cb44d0ed827bc%2FJCqKRG4YsfQf7MnMhAxHRZ5MblVROb8vJk8pfS5iXNybwtJFX9c9YyYOdbnJYml96T0jZVWvrb8jQz5C3yxvzC2vh0DsuXgxVuo2EmD3Wk7sku7ZbmYeppOVF-RxfF19HWwrldIDh_mS362nAJwtR4E?alt=media) #### 商品メディアのカスタマイズ * メインメディア要素をクリックします。「General」タブで、以下の設定を調整します。 * 「Media hover action」で「Enable image magnifier」を選択 * 「Media click action」で「Link to the product」を選択 * 「Navigation type」と「Pagination type」で「None」を選択 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-a0a1c57215a95b4f7b034333f50c47a91c974487%2FggYr5-dnmnvZ_L2ORBbf61c0XkJKVGCxIh1m_S6o5zig5QquB8PvDj3JZuptwahKiH7pU1yewinuCd7l-DAnDJ1T6Tjxk2cqQk-HT7KTtXgBgBUzJT2G6Dhk5SbaHNQLXBcSiS9rxk-KORa8fKTx4vc?alt=media) * パンくずリストに移動し、「Product media」をクリックし、「Media list」と「Product badge」を表示することを選択します。 ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/RmVLIjL7WLSbaOKIiMtl1FPoN3uv455L-5NaIEhFsQFiULJVhRaQNXzjKg3_QhmDPK9m-noJlU5Ebq60SheJwa1vozk-1_5aCFtGSPpQDLQ2CaQd-44cuHaOo2gVmUQIZCPnApiFY46nFblimcYJN-s) 商品バッジをカスタマイズする方法については、以下のGIFをご確認ください。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-66353426b0d28c44d967b2c2aa8f1d8af88bacfa%2FO44KeCTpo1OPa8D14vxlikIe_A6UrKbkEy5NUZIzzCgg-P7cRMZfXQ-116ly9uPvi8cf8ag09OALSow8CJOdnLQ0Hh9EzDf8U1_OUtXwYk-sq2Z8rDH1I8-2F3Up5CjqpB4vfRd7QiHJfYZf7pc4znw?alt=media) #### 商品タイトルのカスタマイズ 商品タイトルの色、タイポグラフィなどをカスタマイズできます。例えば、ここではフォントファミリーにGrandstanderを、テキストスタイルにBoldを選択しています。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-ef6dc9cd0ee6c4382b308349689bbb33bddf77b3%2FD3uBPP4QPC0vH1U33N3bGfFKeJH9sT6BG0aoq8tlUOVsqRT0FmlGFN05GBkFzRmfkxyLhancY98baTZ3sphdbRHGhOXrpt2431MMG9nTvDCqnVGqIPPvmt_bIejF8Xh4OIiE_-2GiNred2hQGPyKw38?alt=media) #### 星評価要素を追加 PageFlyは、いくつかのレビューアプリと連携して、商品の星評価を表示するのに役立ちます。PageFlyが連携している[レビューアプリ](https://help.pagefly.io/manual/what-apps-does-pagefly-integrate-with/)については、この記事をご確認ください。 このマニュアルでは、Judge.me – Product Reviews要素を使用して星評価を表示します。PageFlyでのこの要素の設定と使用方法については、この記事をご確認ください。 要素カタログで、「Add third-party elements」アイコンをクリックし、「Judge.me – Product reviews element」を選択し、最初のバリアントを商品タイトルの下にドラッグアンドドロップします。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-40f75cebec3bcde69fb7093e2c8c61e689b07f6f%2FrGlW_A1TC2nm6EeEMc99Jx8-HGCAMmCu3YbG4EqcutCis71sqAH-H9hpBf5GN2ibxg8Je2UGAHfAqsPXqvdhBBXCRwVt-CDtOGiDbTNFmhPUqyk39dfx0XOMvpWz0-EWHFeq-ZdL1IzrpnNdbsdQkCE?alt=media) #### 商品価格のカスタマイズ 商品価格要素をクリックし、「General」タブに移動して、「Price display」の最初のオプションを選択します。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-0df96ab65f81eca2f5ded94f86ff140ed304c890%2FvJvaxPGH6luYW_xp-fsjer8k-vULj92LxR7nPNje57NfBvnioIk-zFyzbzUkjnkeEJzY_3nYVOk_1zm0r1pld3Ztip93-lwW_Rx0n3wFzixvIU3hojvLs3iK0aNPX8219N85burgFGiYGo0F2P4fq44?alt=media) 次に、「Styling」タブに移動して、商品価格のスタイルを調整します。 ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/kEnyz05GaW4zmEJ0ygIpn2vjfj-9vbrPZ8qf-YKDxmpXTrChYmmqVE2eE9z7WpUw5xLpCOFyrEYWPcbJzrpYe8fLfXPrBQs56DXVNS_1Cf-ySkhq10c0XaGA5GNBm1zUmy5N6thWcoNJz4E4B2-Td8I) #### 商品バリアントのカスタマイズ Product variant要素をクリックし、「General」タブに移動します。 * 「Combine options」を無効にします * 「Option values display」で「Dropdown menu」を選択します * 「Option values layout」で「Horizontal」を選択します * 「Show option name」を無効にします ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/b0v66yIzyuFc7LhwulosBNUSRlwiqHfdpfIYjAMOxkLUtYyWpPPNPAZeqhMpxFoo22GMutcWNoJeivw2cnfztCyelVqyXL7pMoa2T3hCugROdfvNMs9DxHCUTlSiIKXJcFAOZztRGce12UUYKLn4EMjs) 「Extra function」メニューで「Option swatches」を設定する必要があります。[オプションスウォッチの設定方法](https://help.pagefly.io/manual/shopify-elements-product-variant/#option-swatches-configuration)については、この記事をご確認ください。 ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/ApBcrYNvxUfwARDupAzigwXO-OR4LIu0FLGlmQjDOGMmxSOXFZwOK6Dw6EMuJaqyjUm9DUgVj4ItjeSqI4S1x0SoU4LjNpajwSyopXFOwIYJqQkP0vuCGOjbRE_a9I4OCFC-hhtyLepEd1BaKvavcHk) Product variantオプションをクリックし、「Styling」タブに移動して、バリアントのスタイルを調整します。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-b5d97a968bc43c7142029ee2cbdacb28a8f80d2b%2F8bD7Ad148tybASh9UTW1L-uZQgzegTWLfyJ9Z_5rWhki8DVlkd-ZbuASDVVJFhOzQ-tI8fUWGh8bIGfG9Z5P_Gu-Igwmo-_vGLj5s4Bxgd7RC1JgPEI48foYXsJMWA_i0Wz9qboX--vjKXdwnc4l6dA?alt=media) #### 商品説明のカスタマイズ 他の要素と同様に、商品説明要素のスタイルも変更できます。以下のスクリーンショットをご確認ください。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-024b02b0960f371f4e2f49947a796dd615782ec9%2FNZiS0Fwm8Q0-Ywu1Yr42VJtSN3OnJynklho6YaOBSqyrEeRDGiiV0uk_ggekTuRr6evLeyc-nyLNGoeFYuGpNKGsiv9rPQ7ODrz_c-gGtmRW3qxkMG-pLZu2M3BkKjJmhuu1bhZ5fHlbUVrNPSBADNg?alt=media) #### カウントダウンタイマーを追加 要素カタログで、「Add element」アイコンをクリックし、「Countdown element」を選択し、最初のバリアントを商品説明の下にドラッグアンドドロップします。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-7e2fcded9a321cae4d98ee15a47b7491630006d8%2FXfzilAZzxOA2TxfE1-NwCGy4go4g6B92r3Df3VzSb3TMyKb2xEshXB6w2ghCzgWwfMjE9_iHpidNow-hR_1GR4AjvTVWQusZJ4vSowjTbc7LlF2J5GhCzCdhkftSAUXYnvLq6alyVNZWFRjJFyw13FA?alt=media) 「General」タブで、カウントダウンの開始時刻、終了時刻などを設定できます。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-976745943f8547af0c3e536292f70545f5dbe9e1%2FCmt_-YqSr_PORcxgfaBQ4lkWDiWeECEYQDylrPJd9p7ZOx1GETuLzfdMoBMzOlzec3loYZAShmWhUNqmg5panQXY4ia4GUWq5uYDzYvRADx0ZVyYw2D7434PEaanQ1dpIVN_qK4vrLhSoMK5pzLw0zY?alt=media) 「Styling」タブに移動して、カウントダウンタイマーのスタイルを変更します。以下のGIFをご確認ください。 ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/9zHsLFmf09KHOOEnZ_D2hnf366uTtKZZnp26JgfPs3ifnA4WTY6zSQqlSV9fYU-Q8E8I_mQwElP0qRe9NZ2piZYl2_ytsvBBrXCOWskxj6y1oBC7X6BjoIPMwEppPyLYEupHO0ItLBRODSJdWPGuVs8) #### 商品数量と商品カートに追加のカスタマイズ * 数量ボタンをクリックし、「Styling」タブに移動して背景色を変更します ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-5638498a429c6dc5e6b0d05a31b1f8fb0d14b3a3%2FfIwCX_yUFUtkAO3PucOsMZERHH79lnqdl4w3eDIIqC2O6rDOyCWlnuv9X3AWD5GJ3CcCo1tJdI1g3a5jSVFb5AA3YEnytAWlVXTbQPSIafi7KIDnQgUdfgK62LsoW-f-tpA-zGNL0OOi20morpic--8?alt=media) * カートに追加ボタンをクリックし、これらの設定を変更します。 * 「General」タブで「full width」を有効にし、マウスオーバー時のアニメーションを設定します。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-7e5400efe730b9f7b340e0f74d3eef8308a25267%2FYQCHuptr2huG2LmKMEidShXZuuIe-kGFizYN-oUZu7yX_C8daLsZCk_SSt2mnmOPlJjtw-OS5CWTwnUbfaET9-9t4-qBDATntkjRizZYT6Rxd2VU7yhCpoqSx71At9Emb_oL2940v8LPrL97ozJsIBo?alt=media) * 「Styling」タブに移動してボタンのスタイルを変更します。数量ボタンとカートに追加ボタンを同じ行に配置するには、パンくずリストに移動し、「Block」 > 「Styling」タブ > 「Display」をクリックし、「Flex」を選択します。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-3846a40ca8b694ae7462c454fc0a6245b9d96977%2FBCdJMJIarfEktSfdJyfhzURgzO5aDfZW7eM5WHDzDHShJVOHL4ukrf259WaTsEG7T79Ud1M-QFK1Gn0fshQCnc71ecmmW1it8_94RQYjqOOvTne2OTAPR4z074yNngOMno7TNC_9BkIJ30341eGGY88?alt=media) #### 商品バンドルを追加 このマニュアルでは、SelleasyによるBundle Offer要素を商品バンドルに使用します。PageFlyでのこの要素の[設定と使用方法](https://help.pagefly.io/manual/bundle-offer-by-selleasy-element/)については、こちらの記事をご確認ください。 要素カタログで、「Add third-party elements」アイコンをクリックし、「Selleasy – Bundle offer element」を選択し、商品詳細要素の中にドラッグアンドドロップします。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-4482e9f572d98cd64c63da4d082dface103b0025%2FvR9WSKIEhOS3daXXBz9ouGCeHdxJDUaDvJV1OFAk7-gK-DEoSWcbbVhH5rvITmENVNOn4tCAluaV3-KPakFjy6AGP6TXjFUCdVHYBL4xh1zvrXC5KPbuiSgWBiKfehS8BJujScaxbmTG9gF6C947atM?alt=media) ### ステップ3：デスクトップとモバイルでの表示を確認 「All devices view」でデザインを完了した後、「Mobile view」に切り替えてレスポンシブ性を確認します。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-049bf004d6c48ca241a531c5cf0cfa07477559df%2Ff7aBLfW2l40kvtTRFtItFOb7XhM17_x5C3XXGN8RVlRdFEJ4_DAbvhTsSyGu6wgca82drVykdu7MA7UkEfRpXEDY1PDeJY83AulTfPXQjQSHry2d5QiMpUclortn9LyWJ72GkT6OyT-6gNN1BlhAYss?alt=media) [モバイルレスポンシブ性](https://help.pagefly.io/manual/make-my-page-mobile-responsive/)の一般的なケースについては、この記事をご確認ください。 最後に、「Save」と「Publish」をクリックしてセクションを保存および公開します。PageFlyまたはShopifyページセクションの追加方法については、[こちらの記事](https://help.pagefly.io/manual/saved-section/)で詳細をご確認ください。 新しい既製テンプレートで、新学期セールを後押ししましょう。これらのテンプレートは完全にカスタマイズ可能で、新学期に最適な機能が含まれています。 ### まとめ 新学期キャンペーンを早めに作成し、すべてを間に合うように準備しましょう。キャンペーンを成功させるための重要な要因の1つは、十分な準備です。これは、マーケティング、在庫管理、その他の店舗運営項目において、販売者を大いに助けるでしょう。 [今すぐ始めましょう！](https://pagef.ly/10ju77) ### よくある質問 #### 新学期セールの売上を増やすにはどうすればよいですか？ フラッシュセールセクションを実行して緊急感を作り出したり、顧客に付加価値を提供する魅力的なバンドルオファーを作成したりすることを検討できます。 #### 成功する新学期キャンペーンを実行するには何が必要ですか？ 成功する新学期キャンペーンを確実にするためには、次のことが不可欠です。(1) プロモーションにカウントダウンタイマー要素を組み込むことでFOMO効果を生み出し、顧客に期間限定オファーを活用するように促します。(2) 幅広い学校関連製品に魅力的な割引を提供し、顧客を引き付け、購入を促進します。(3) 補完的なアイテムや割引されたパッケージを含むバンドル取引を提供し、顧客価値提案を高めます。 #### 新学期キャンペーンのベストなアイデア3選は何ですか？ 1. ノート、ペン、鉛筆、バックパック、ランチボックスなどの必須の学用品を強調します。 2. 学生に不可欠なラップトップ、タブレット、電卓などのテクノロジー製品を宣伝します。 3. 教育関連のインフルエンサーやブロガーと提携して、製品を特集した魅力的なコンテンツを作成します。