# 商品説明 ### Shopify製品説明要素について 概要：[Shopify製品説明](https://help.pagefly.io/manual/shopify-elements-product-description/)要素は、ページのコンバージョン率を高めるために、Shopify製品の説明を表示するように設計されています。製品説明要素を使用すると、製品以外のページで製品を宣伝したり、製品ページで使用したりできます。 {% hint style="warning" %} **重要な注意**: PageFlyエディターで製品説明を編集することはできません。説明のテキストとコンテンツを編集するには、**Shopify管理画面** > **製品**にアクセスして編集してください。 {% endhint %} ### 製品説明要素へのアクセス方法 * ステップ 1: 左側のElement機能をクリックし、**Shopifyセクション**を選択します。 * ステップ 2: ドロップダウンメニューで**Product Description**要素をクリックします。 * ステップ 3: 要素をページエディターにドラッグアンドドロップして、使い始めます。 この要素は、サイドバーで探す代わりに、検索機能を使用して検索することもできます。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-315e520d82e323a9347ec29b9f8bc31e5aaa647e%2FAD_4nXcBVodVpQ8ikcAW_BiH2cJRq-k4Ky3CaUkYy_FJLNc4l6AKdOSbglPPLcqpOYi9Bb8Fo41ULgzRmNisTEq3kLk-M3gvtgadg8mNPckDzbHo_HGW81ohps7PqRCOCr1Gyy93P9pNpV1d-H0TqY2EfAkeyAplL_SnZk-ld4MhL9tpxrA.gif?alt=media) この要素を[製品ページ](https://help.pagefly.io/manual/add-more-content-to-my-shopify-product-page/)タイプで使用すると、ページに2つの製品要素が表示されることに注意してください。Shopify製品要素は、ストアの現在のテーマによってコードが異なるため、ライブサポートで当社に連絡することで取得できるカスタムコードを使用して削除できます。 ### 製品説明要素の設定方法 製品説明要素には多くのパラメータがあり、可能な限り最高のコンバージョン率のためにコンテンツの表示を微調整できます。 レイアウトで要素を選択し、General/Stylingタブに移動してそのパラメータを確認してください。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-b31bea698b28a987693a1a4ba3d00cf47a8cc57f%2FAD_4nXcbatFUAh1u53Yh3JfTnUaCcCfkoM9MXie6MSoEM8KBO2n63tXrvKOQD37pP9rrPqZSX5wVu7t8x_PGJJU_fKosQDZjaOZjyCofOUSQkRd_OiqE8OwGo9YfH-IkiH2Urxdk5HKjsFUrBq8ryzIdfAkeyAplL_SnZk-ld4MhL9tpxrA.png?alt=media) #### 一般設定（General Settings） **1. 製品ソース（Product source）** 製品説明要素をエディターページにドラッグアンドドロップすると、製品ソースオプションとして「自動」と「カスタム製品」の2つの選択肢があります。 * **自動（Auto）**: このオプションは、製品ページにいる場合に自動的に適用されます。 * **カスタム製品（Custom product）**: このオプションは、製品ページ以外のページタイプ、または要素が独立して使用されている場合に利用できます。その場合、説明を表示したい製品を手動で選択する必要があります。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-1e21f0c123bb8a7362f7dc7a658788bc230802f6%2FAD_4nXdC25NY445V7qbzUgHyQnPgGOUTVaR2q6QcKsxpiAoUvSTsOTD_zLJRIwIAwg7by_T0KPVtxpXqpbrMqpBc4xvolsx8U2-awi_RlsgjEVY5GG3k-yRMeXw69XY0BIbry9nl7uUOyltJkbdwR9OE6wkeyAplL_SnZk-ld4MhL9tpxrA.gif?alt=media) **2. 説明表示（Description display）** 説明を表示するためのオプションは2つあります。 * **全体（Full）**: 全体の説明を表示するには、このオプションを選択します。 * **コンパクト（Compact）**: 説明の一部を以下の設定で表示するには、このオプションを選択します。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-cacbba7c95d2f6303dac3dfc2f4755b83b616e6c%2FAD_4nXd5I0F0BqfP05ugD_yKunG0jxXuJhPMEy89ztAW5r_XNgUebP3qUK3MYJiqueTR4jFgMs6MMyriLSyaRhyxKyv11Gt646uHtRcuAOpAlHaZ-9-27tgvdov3Y0wigaDOXMb8_xxw6_eDZilBmeY-jAkeyAplL_SnZk-ld4MhL9tpxrA.gif?alt=media) コンパクトオプションを選択した場合は、これらの設定を続行してください。 * **コンパクトな説明の長さ（単語数）（Compact Description Length (words)）**: 説明に表示される単語数を調整します。このパラメータは、説明表示でコンパクトを選択した場合にのみ利用可能です。 * **「もっと見る」リンクの表示（Show “More” Link）**: 以下の設定で全文表示を有効にするには、このオプションを有効にします。 * **「もっと見る」テキスト（“More” Text）**: 説明をさらに表示するためのテキストを入力します。これは、顧客がそのテキストをクリックすると、説明が全文表示されることを意味します。 * **「少なく見る」テキスト（“Less” Text）**: 説明を少なく表示するためのテキストを入力します。これは、顧客がそのテキストをクリックすると、説明が最初（説明の一部）に戻ることを意味します。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-5db01a155587f396aa8ebc45bde0754e7e2d07eb%2FAD_4nXfa5K7Cpub1n0CTcPYTB40phz-H2fQLiGHJ82EJWMq10hEf_n4S_gRPMU9YOjkEe6lz3ekYT7hTchj56lhfUtkYHjvPVmZSFN3nHK-9udcGI-RmPxwBRbVPbaY9QQ7hnvIeUS0oXaN73ahjaq7RiwkeyAplL_SnZk-ld4MhL9tpxrA.png?alt=media) 属性（ATTRIBUTES）、可視性（VISIBILITY）、アニメーション（ANIMATION）のパラメータに関する詳細情報は、[こちら](https://help.pagefly.io/manual/elements-style-settings/)で確認できます。 #### スタイル設定（Styling Settings） スタイルタブの設定に関する詳細は、この[PageFly要素スタイルガイド](https://help.pagefly.io/manual/elements-style-settings/)で確認できます。 ### 製品説明要素の使用に関するベストプラクティス * 各アイテムに対して、ユニークで情報量の多い製品説明を作成します。一般的な説明は避け、製品の機能、メリット、価値提案を強調します。 * お客様が製品を使用することで得られるメリットを強調します。製品が彼らの問題をどのように解決するのか、または生活をどのように改善するのかを示します。 * 製品説明が正確であり、Shopifyストアの検索エンジン最適化（SEO）を向上させるための関連キーワードが含まれていることを確認します。 ### バージョンアップデート PageFlyバージョン4.23.0のリリースにより、フレックスセクションとブロックが導入され、ページレイアウトの柔軟性と制御性が向上しました。お客様は新しいページを作成する際に、Gen 2エディター（フレックスセクションとブロック）またはレガシーエディター（列と行）を選択できるようになりました。製品説明要素のスタイル設定は、両方のエディター間で異なり、フレックスエディターには拡張されたレイアウトカスタマイズのための追加のサイズパラメータが含まれていることに注意してください。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-e17984703ad3f1c368073bfbbf9e310d569ff229%2Fselect-editor.png?alt=media) ### よくある質問 **1. 製品説明とは何ですか？** 製品説明は、オンライン製品やサービスに関する不可欠な情報を提供する書面によるコピーとして、製品を説明するものです。 **2. 製品説明、製品タイトル、製品詳細の違いは何ですか？** 製品タイトルは製品のタイトルであり、製品説明は製品を説明し、製品詳細にはこれら両方に加えて、サイズ、オプション、色、チェックアウトプロセスなど、多くの他のオプションが含まれます。 **3. 製品説明が重要なのはなぜですか？** 製品説明はSEO最適化において重要な役割を果たします。これは、SEO担当者が製品に関連するキーワードを挿入できる場所です。製品説明は、お客様がその製品を購入することを決定する前に知っておくべきすべての情報も提供する必要があります。製品説明は、簡潔で、簡潔で、完全な情報が記載されている必要があります。 **4. 各製品の説明をカスタマイズするにはどうすればよいですか？** 製品説明の変更は、Shopifyストアの設定で行うのが最も良い方法です。PageFly内でテキスト要素を使用して行うことも可能ですが、Shopifyのようにすべてのページに自動的に変更が適用されるわけではなく、メンテナンスと修正にはより多くの時間と労力がかかります。 ### その他のリソース * [Shopify製品詳細 | PageFlyでの作成方法](https://help.pagefly.io/manual/shopify-elements-product-details/) * [PageFlyを使用してShopify製品ページに製品詳細ビューを追加する](https://help.pagefly.io/manual/shopify-elements-product-view-details/)