成功
連絡先情報
電話番号、メールアドレス、住所、営業時間、ソーシャルリンクを、見やすく柔軟な連絡先ブロックに表示します。
このブロックを使用すると、重要な連絡先情報を1か所にまとめて見やすく表示できます。サポート、店舗情報、受け取り情報、営業時間など、お客様が連絡する際に最適な方法をわかりやすく案内する実用的な方法です。テーマエディターでのブロックの構成について詳しくは、セクションとブロックに関するShopifyドキュメントをご覧ください。
ヘッダー設定
Section titled “ヘッダー設定”ヘッダー領域を使用して連絡先情報を紹介し、ブロックの構成をわかりやすくします。短いキャプション、見出し、任意の補足テキストを追加すると、その情報がサポート、店舗所在地、予約、その他の連絡目的のどれに該当するのかをお客様が理解しやすくなります。
すぐに視覚的に認識できるよう、アイコンを追加することもできます。よりすっきりしたテキストのみの表示にしたい場合は、アイコンフィールドを空白のままにします。絵文字や対応しているアイコン名を使用して、ブロックを目立たせることもできます。
見出しタイプは、見た目のサイズだけでなく、ページ構造に基づいて選択してください。ページにすでにメインタイトルがある場合は、通常、より下位の見出しレベルを使用するとコンテンツの階層が整理されます。
メインコンテンツフィールドでは、このページに必要な連絡方法だけを表示できます。すべてのフィールドに入力する必要はないため、ブロックの内容を目的に合わせて簡潔かつ便利に保つことができます。
電話番号とメールアドレスは迅速な対応に適しており、住所と営業時間は対面での訪問や時間が限られた問い合わせに適しています。リッチテキストフィールドは、複数行の住所、休業日の営業時間に関する注意書き、短い案内などに特に便利です。
ここではソーシャルメディアアイコンも表示できますが、テーマ設定に関するShopifyドキュメントでのソーシャルプロフィールの設定に依存します。プロフィールが未完成の場合や、お客様からの連絡に使用する予定がない場合は、通常、アイコンを表示しない方が適切です。
実際に確認している連絡手段のみを表示してください。表示された電話番号、メールアドレス、ソーシャルプロフィールは、お客様が利用できるという期待につながります。
標準ブロック設定
Section titled “標準ブロック設定”ブロック背景設定
Section titled “ブロック背景設定”これらの設定を使用すると、ブロックにカラー、グラデーション、画像、動画の背景を設定できます。連絡先情報を専用パネルとして目立たせたい場合に便利ですが、背景を強くすると可読性や余白にも影響することがあります。詳しくは、提供元の背景設定リファレンスをご覧ください。
画像または動画の背景を使用する場合は、ブロック全体でコンテンツがどのように表示されるかを確認してください。モバイル専用の背景メディアを使用すると、小さな画面での不自然な切り抜きやコントラスト不足を防ぎやすくなります。
これらの設定は、このブロックに限ってテーマ全体のカラーを上書きします。周囲のコンテンツよりも連絡先領域のコントラストを強くしたい場合や、異なる視覚的な強調を加えたい場合に便利です。詳しくは、提供元のカラー設定リファレンスをご覧ください。
アイコン、本文、サブ見出しのカラーをまとめて調整し、ブロックに統一感を持たせます。カスタム背景を使用する場合は、すべてのテキスト要素が読みやすい状態になっていることを再確認してください。
このブロックをデスクトップのみ、またはモバイルのみに表示する場合は、表示コントロールを使用します。画面サイズに応じて連絡先情報の配置を変える必要がある場合に特に便利です。詳しくは、提供元の表示設定リファレンスをご覧ください。
モバイル専用のバージョンは、小さなレイアウトの上部付近にタップしやすい連絡先情報を配置したい場合に効果的です。デスクトップ専用のバージョンは、モバイル上の別の場所に同じ情報がすでに表示されている場合に適しています。
使用上の注意
Section titled “使用上の注意”- 情報を最新に保つ。 電話番号、メールアドレス、営業時間、住所を定期的に確認し、お客様が古い連絡先に案内されないようにします。
- ページの目的に合わせる。 明確な見出しを使用し、そのページの目的に合う連絡方法のみを含めます。
- 読みやすさを優先する。 カスタムカラーや背景メディアを使用する場合は、デスクトップとモバイルのどちらでも、すべての情報を簡単に確認できるようにします。
- フォールバックスタイルを意図的に使用する。 カラーまたはメディアのフィールドを空白のままにするとページ全体のスタイルを維持できます。一方、明示的な上書きを設定すると、連絡先ブロックをより独立した印象にできます。
- 両方のビューポートを確認する。 デスクトップとモバイルのコントロールによって、レイアウト、配置、表示、メディアの動作が変わることがあるため、公開前に両方のサイズを確認します。
- ソーシャルリンクを選択的に使用する。 ソーシャルアイコンは、プロフィールの設定が完全で、お客様との連絡に実際に役立つ場合のみ表示します。
- モバイルでの配置を計画する。 小さな画面で連絡先ブロックをよりシンプルに、または目立つ位置に配置する必要がある場合は、表示コントロールを使用します。