Back to PageFly.ioVideo Tutorials

コレクションタイトル

コレクションタイトル要素について

コレクションTitle要素は、ページのShopifyコレクションのタイトルを表示してコンバージョン率を向上させるように設計されています。Collection Title要素を使用して、コレクションページ以外の任意のページでコレクションを宣伝したり、コレクションページで使用したりできます。

コレクションタイトル要素にアクセスする方法

  • ステップ1：Elementカタログをクリックします。

  • ステップ2：Shopifyタブで、ドロップダウンメニューのCollection Title要素をクリックします。

  • ステップ3：要素をページエディターにドラッグアンドドロップして使用を開始します。

Collection Title要素には2つのバリエーションがありますが、時間を節約できるよう、今後もバリエーションを追加していく予定です。

サイドバーで探す代わりに、検索機能を使ってこの要素を検索できることに注意してください。

コレクションタイトル要素を設定する方法

Collection Title要素には、可能な限り最高のコンバージョン率を実現するためにコンテンツの外観を微調整できる多数のパラメーターが付属しています。レイアウトで要素を選択し、GeneralタブとStylingタブに移動してパラメーターを確認します。

一般設定

GeneralタブにあるCollection Titleの主な一般設定を確認します。

Collection Source

Collection Title要素をエディターページにドラッグアンドドロップすると、コレクションソースとして以下の2つの選択肢があります。

  • Auto (自動)

  • Custom Collection (カスタムコレクション)

注:

  • 通常、Collection TitleはCollection Details要素の内部にネストされており、Collection SourceにはAutoとCustom collectionの2つのオプションがあります。コンテナーにコレクションを割り当て、ソースを自動のままにしておけばよいでしょう。

  • コレクションページでCollection Title要素を使用する場合、AutoとCustom collectionのソースオプションを選択できます。Autoを選択した場合、Collection Title要素にはコレクションページに割り当てられているコレクションのタイトルが表示されます。

  • この要素を他のページタイプで使用する場合、Autoソースオプションは無効になり、Custom Collectionを選択する必要があります。

Custom collectionを選択して、目的のコレクションを選択できます。

HTML tag

H1からH6までの6つのタグを選択できます。これらはHTMLの見出しを定義するために使用されます。H1は最も重要な見出しを定義し、H6は最も重要でない見出しを定義します。

Link To Collection

タイトルを対応するコレクションページにリンクしたい場合は、このオプションを有効にします。

VISIBILITY、TRACKING、ATTRIBUTES、ANIMATIONパラメーターの詳細については、こちらをご確認ください。

スタイリング設定

Stylingタブでは、スペーシング、ボーダー、タイポグラフィ、カラーなど、さまざまなパラメーターを変更して、Collection Titleがページの全体的なレイアウトと一致するように調整できます。

Stylingタブの詳細については、こちらをご確認ください。

一般的なケース

  • 商品ページでのクロスセリング：Collection Title要素を商品ページに追加して、商品が属するコレクションを紹介できます。これにより、顧客はコレクション全体を探索し、追加の購入を促すことができます。

  • 注目のコレクションのハイライト：ホームページにCollection Title要素を追加して、注目のコレクションやプロモーション中のコレクションをハイライトできます。これにより、注目したい重要なコレクションに注意を向けさせることができます。

  • ブログ/記事でのコレクションプロモーション：Collection Title要素は、ブログ投稿やその他のコンテンツで使用して、関連する製品コレクションへのリンクを張ることができます。これにより、コンテンツマーケティングと製品カタログを連携させることができます。

バージョンアップデート

PageFlyバージョン4.23.0のリリースにより、Gen 2エディターのCollection TitleのStylingタブにSizeパラメーターが追加されました。この機能強化により、ユーザーはCollection Title要素の幅と高さをより効果的に制御できるようになり、レイアウト設計の柔軟性が向上しました。

よくある質問

1. コレクションタイトルはどれくらいの長さにすべきですか？

70〜90文字

2. Shopifyコレクションタイトルとは何ですか？

Shopifyコレクションタイトルとは、Shopifyコレクションのタイトルを表示してページの表示回数とコンバージョン率を向上させる方法です。

3. コレクションページとは何ですか？

コレクションページは、キャンペーンやシーズンに基づいて商品をさまざまなコレクションに整理・グループ化する方法です。1つの商品は、互いに並んでいる場合に適切であれば、複数のコレクションに表示できます。

Last updated

Was this helpful?