この項目では、ページに追加することのできる各モジュールの概要を説明しています。各モジュールに表示するコンテンツを設定する方法の詳細については、ページモジュールの概要を参照してください。ページ作成の手順については、ページビルダーテンプレートの作成を参照してください。
注:エンティティやページの種類により、利用可能なモジュールは異なります。以下のモジュールに表示されないものがある場合、作成中のエンティティやページの種類では利用できないものである可能性があります。
ページ概要(About this Page)
画像と段落、オプションのヘッドラインとCTA(行動喚起)ボタン |
|
-
パラグラフフィールドをYext Content内のフィールドにマッピングすることをおすすめします。これにより、ページのエンティティ固有の情報がテキストで動的に表示されるようになります。
-
画像の最適な寸法は600x350pxです。他の寸法の画像はこのスペースに合わせて歪んだように見える可能性があります。
|
告知バー(Announcement Bar)
通常ウェブページの最上部に配置される1行テキストを含む色付きのバー |
|
-
ページ全体を通して同じ告知バーを設置する場合には、テキストボックスにそのテキストを入力します。また、テキストフィールドを選択してこの内容をYext Content内のフィールドから動的に取得することもできます。
-
告知URLフィールドにリンクを入力、またはYext Content内のURLフィールドへマッピングして、告知バーをCTA(行動喚起)とすることもできます。
|
検索バー
全幅の検索バー |
|
- ユーザーは、SearchエクスペリエンスとSearch結果ページを別々に設定する必要があります。このモジュールを追加する際に、どのSearchエクスペリエンスから取得するかを選択します。
- このモジュールは、ページの最上部付近に追加することをおすすめします。
- デフォルトでは、検索バーのプレースホルダーテキストは 「検索する...」に設定され、ハードコードされたプロンプトのヘッダーは「ブランドに質問:」となります。
|
アプリのダウンロード(App Download)
AppleのApp StoreとGoogle Playディレクトリへのリンク
|
|
- 画像の最適な寸法は554x312pxです。
- アプリにクリックスルーURLを設定するには、アプリのリンクを対応するApp Storeのテキストボックスに入力します。
- App Storeアイコンを削除するには、テキストボックスからプレースホルダーテキストを削除します。
|
バナー画像
ヒーロー画像とヘッドライン、段落、CTA(行動喚起)ボタン |
|
-
デフォルトでは、一般的なカバー写真が表示されます。Yext Contentから写真を取り込むには、[背景の画像(Background Image)]をクリックし、目的の写真フィールドを選択します。
- このモジュールのパラグラフフィールドは、事業の説明を表示するのに最適な場所です。
- CTA(行動喚起)ボタンのいずれかを削除するには、CTAテキストとCTAURLフィールド内のデフォルトのテキストを削除します。
|
中央揃え画像(Centered Image)
中央揃えの画像 |
|
-
リンクを追加して、対象の画像をクリックしたユーザーが他のページへ遷移するようにすることもできます。追加するには、 画像URLをクリックしてYext Contentのフィールドを選択、または特定のURLを入力します。
|
中央揃え地図(Centered Map)
ロケーションに対応するピンを表示する大型地図 |
|
-
デフォルトでは、座標はYext ContentのYext表示緯度/経度 フィールドから取得されます。これを変更するには、ドロップダウンから他の緯度/経度フィールドを選択します。
|
ロケーションの主要な情報(Core Location Details)
ロケーションに関する基本情報と地図 |
|
- このモジュールには、ヘッダーテキストを事前設定した複数のフィールドが含まれています。これを更新するには、フィールドをクリックし、テキストボックス内のテキストを更新します。
- ロケーション固有のフィールドは、デフォルトではプレビューされたエンティティのYext Contentからコンテンツを取得します。
- 2通りの営業時間(ロケーションの営業時間、ATM、ドライブスルーや薬局の営業時間など)を追加するオプションもあります。
- ページに表示される営業時間には、休日の営業時間も反映されます。休日の営業時間を指定した週にページに表示される営業時間には、指定した休日の営業時間が自動で反映されます。
|
ディバイダー
2つのモジュールを視覚的に区切る水平の線 |
-
デフォルトでは、この内容には色が設定されていませんが、[色の上書き(Override Color)]を選択してカラーグリッドセレクターから目的の色を選択することができます。
|
イベントの詳細(画像付き)(Event Details with Image)
イベントに関する基本情報と画像 |
|
- イベント固有のフィールドは、デフォルトではプレビューされたエンティティのYext Contentからコンテンツを取得します。
-
日付/時間フィールドについては、[形式を選択(Select Format)]をクリックして日付と時間を表示する形式を選択することができます。
-
デフォルトでは、この画像はYext Content内の画像ギャラリーフィールドの最初の画像から取得されます。
-
CTA(行動喚起)ボタンを追加するには、希望するテキストとCTA URLを入力します。
|
イベントの詳細(地図付き)(Event Details with Map)
イベントに関する基本情報と地図 |
|
- イベント固有のフィールドは、デフォルトではYext Contentからコンテンツを取得します。
-
デフォルトのヘッダーは[日付と時刻(Date and Time)]となります。このテキストはテキストボックス内で直接編集できます。
-
日付/時間フィールドについては、[形式を選択(Select Format)]をクリックして日付と時間を表示する形式を選択することができます。
|
FAQリスト
それぞれに質問と回答があるFAQのリスト |
|
|
フッター(Footer)
ウェブページ下部のリンクとソーシャルメディアのアイコン |
|
-
すべてのイベントページに同じフッターリンクを設置するには、テキストボックス内にリンクテキストとリンク URLを直接入力します。
- ソーシャルリンクを含めるには、URLを入力、またはサイトごとにフィールドを選択します。ソーシャルアイコンを削除するには、テキストボックスからテキストを削除します。
|
フォームスタックイベントRSVP(Formstack Event RSVP)
イベントRSVPのフォーム |
|
- このモジュールはニーズに合わせてカスタマイズできます。このモジュールを設定するには担当のクライアントサクセスマネージャーまたはYextサポートまでお問い合わせください。
|
ヘッドライン
サイズの大きな1行テキスト |
|
-
デフォルトでは、このテキストは[ヘッドライン(Headline)]に設定されています。これを変更するには、フィールドをクリックしてテキストボックス内のテキストを編集します。
|
HTML
ウェブページに追加できるHTMLのブロック。ここには独自のJavaScriptを含めることができます。 |
- デフォルトのコードは「Hello World」を表示するよう設定されています。これを更新するには、HTMLエディターをクリックし、希望するHTMLを入力します。
- HTMLモジュールをYext Content内のフィールドにマップすることもできます。これにより、Yext Contentにエンティティ固有のHTMLを格納して更新し、各ページでHTMLを動的に表示することができます。
-
この機能を使用して、ウェブサイトのヘッダーとフッターHTMLをYext Contentに保存することができます。
|
画像ギャラリー
トリミングされた画像のグリッド |
|
- 画像ギャラリーの表示に使用できるモジュールです。このギャラリーでは縦横比を考慮するため、写真は実際のサイズで表示されます。写真をトリミングまたはスケールしてサイズを一致させる画像ギャラリーIIやIIIとはこの点で異なります。
-
デフォルトのヘッドラインは[写真(Photos)]となります。このテキストはテキストボックス内で直接編集できます。
-
写真を追加するには、[画像(Images)]をクリックして画像の取り込み元となるエンティティと写真フィールドを選択します。
-
[列数(Number of Columns)]テキストボックスに2、3、4、6などの数を入力して、画像の列数を指定することができます。
|
キャプション付き画像ギャラリー
キャプションと説明を伴う画像のグリッド |
|
- 画像ギャラリーに関連するキャプション、タイトルやリンクを添えて表示するために使用できます。サイズが一貫したものとなるよう画像はトリミングされます。キャプションやリンクは各画像の下に表示されます。
- デフォルトのヘッドラインは[写真(Photos)]となります。このテキストはテキストボックス内で直接編集できます。
|
オーバーレイ付き画像ギャラリー
キャプションを重ねたカード形式の画像のグリッド |
|
- 画像ギャラリーに関連するキャプション、タイトルやリンクを添えて表示するために使用できます。サイズが一貫したものとなるよう画像はトリミングされます。キャプションやリンクは各画像に重ねて表示されます。
-
CTA(行動喚起)テキストは「詳細を確認(LEARN MORE)」に設定されます。この内容はテキストボックス内で直接編集できます。
-
画像に関連付けられたCTA(行動喚起)URLを更新するには、目的のエンティティをクリックし、Yext Content内の画像に関連付けられているクリックスルーURLを編集します。
-
すべての画像のCTA(行動喚起)を削除するには、CTAテキストフィールド内のテキストを削除します。
|
画像ヘッダー(Image Header)
ウェブページの幅に合わせた大きな画像 |
|
-
画像を表示するには、画像フィールドをクリックし、画像を取得するエンティティを選択します。
- デフォルトの背景色は黒に設定されています。選択したフィールドに画像がないエンティティを選択すると、背景色のブロックが表示されます。
|
箇条書き付きの画像
画像とオプションのCTA(行動喚起)ボタンを伴う箇条書きのテキストリスト |
|
-
画像を表示するには、画像フィールドをクリックし、画像を取得するエンティティを選択します。
- 画像の最適な寸法は600x350pxです。他の寸法の画像はこのスペースに合わせて歪んだように見える可能性があります。
- このモジュールには、多数のヘッダーテキストが事前設定されています。これを更新するには、フィールドをクリックしてテキストボックス内のテキストを更新、またはYext Contentからコンテンツを取得するエンティティを選択します。
|
個別のFAQ
1つの質問と回答の組み合わせ |
|
- このモジュールには、ヘッダーテキストを事前設定した複数のフィールドが含まれています。これを更新するには、フィールドをクリックし、テキストボックス内のテキストを更新します。
-
質問テキストと回答テキストをFAQエンティティの[質問(Question)]と[回答(Answer)]フィールドにマッピングすることで、各エンティティの質問と回答にこれらを動的に表示します。
- このモジュールを設定する手順の詳細は、個別のFAQページの作成を参照してください。
|
職務内容
求人に関する基本情報 |
|
- このモジュールには複数のフィールドが含まれ、勤務地、採用を行う組織、雇用種別、投稿日など、求人関連詳細に関する情報を取得できます。
- 求人エンティティ用のページビルダーテンプレートを作成するには、ページビルダーテンプレートの作成を参照し、エンティティタイプとして求人を選択してください。
|
リンクバー(Link Bar)
オプションのヘッドラインを伴う水平方向のリンクのリスト |
|
-
不要なリンクを削除するには、追加の リンクテキストとリンクURLフィールド内のデフォルトのテキストを削除します。
|
FAQグループのリスト
アカウントのFAQグループのリスト |
|
-
デフォルトのヘッドラインは[ヘッドラインテキスト(Headline Text)]となります。このテキストはテキストボックス内で直接編集できます。
-
FAQグループの一覧を表示するには、FAQを取得するリストのソースを選択する必要があります。[リストのソースを選択(Choose list source)]をクリックしてリストのソースを選択し、[フィールドの選択(Choose a field)]をクリックして目的のフィールドを選択します。
|
ロケーションリスト(Location List)
関連するロケーションのリスト |
|
-
デフォルトのヘッドラインは[追加のロケーション(Additional Locations)]となります。これを変更するには、テキストボックス内のテキストを編集します。
- ロケーションの一覧を表示するには、ロケーションを取得するリストのソースを選択する必要があります。[この[エンティティタイプ]からリストを選択(Choose a list from this [entity type])]をクリックしてリストのソースを選択し、[フィールドの選択(Choose a field)]をクリックして目的のフィールドを選択します。
|
Searchエクスペリエンスを使用したナビゲーションバー
通常ウェブページの最上部に配置されるブランドロゴとリンクのリスト |
|
- このナビゲーションバーはウェブサイトの既存のナビゲーションバーと一致するよう更新する必要があります。
-
ナビゲーションバーに事業のロゴを表示するには、各ロケーションにつき、Yext Contentにロゴを追加する必要があります。デフォルトでは、このフィールドは各ロケーションの事業ロゴにマッピングされ、各ページに対応するロゴが動的に取得されます。
-
ロゴの最適な寸法は400x400pxです。
- 不要なヘッダーリンクを削除するには、追加の[リンクテキスト]と[リンクURL]フィールド内のデフォルトのテキストを削除します。
- Yext Searchをご利用の場合には、情報を引き出すSearchエクスペリエンスを選択してトップナビゲーションに検索バーを追加できます。Searchエクスペリエンスを選択しない場合や、アカウントにSearchが含まれない場合には、モジュールに検索バーが表示されません。
|
近くにあるロケーション(Nearby Locations)
近隣のロケーションのリスト。表示する半径とロケーション数を設定できます。 |
|
-
ページに表示される近隣のロケーションの数は、[制限(Limit)]テキストボックスに希望の数を入力して調整することができます。表示可能なロケーションの最大数は50件ですのでご注意ください。
-
ページに表示される近隣のロケーションの範囲は、[半径(Radius)]テキストボックスに希望の数を入力してマイル単位で特定することができます。表示可能な半径は最大500マイルですのでご注意ください。
- このモジュールには、ヘッダーテキストを事前設定した複数のフィールドが含まれています。これを更新するには、フィールドをクリックし、テキストボックス内のテキストを更新します。
- 近隣のロケーションのタイトルはすべて、そのエンティティの名前がデフォルトとして設定されます。また、[ジオモディファイアを追加(Add Geomodifier)]モジュールを使用して[ジオモディファイア (Geomodifie)]フィールドをタイトルに取り込み、ロケーションのタイトルをより地理的に特定することもできます。
|
個人の詳細(Person Details)
個人エンティティに関する主要な情報 |
|
- 人に固有のフィールドは、デフォルトではプレビューされた人のYext Contentからコンテンツを取得します。
- デフォルトでは、追加情報はYext Contentの説明フィールドに設定されています。
|
個人のリスト(Person List)
カードレイアウトで表示される個人のリスト |
|
-
デフォルトのヘッダーは[私たちのチーム(Our Team)]となります。このテキストはテキストボックス内で直接編集できます。
- 人のリストを取得するには、自社の医療専門家に関連付けられているリストのソースを選択する必要があります。
-
[他のエンティティからリストを選択(Choose a list from another entity)]をクリックし、医療専門家が関連付けられているエンティティを選択し、[フィールドの選択(Choose a field)]をクリックして取得元となるフィールドを選択します。
|
製品リスト
製品に関する基本情報 |
|
- このモジュールには、写真ギャラリーと2つの行動喚起(CTA)ボタンに加え、サイズ、カラーや在庫状況などの商品固有のフィールドが含まれます。
|
スペーサー(Spacer)
2つのモジュール間の垂直方向のスペース |
- 視覚的にモジュールを分割するために使用できます。スペーサーの高さはテキストボックスに値を入力して調整できます。
|
ストア・ロケータ
お客様がフィルター/検索できるすべてのロケーションの地図 |
|
- このモジュールは、各検索結果の住所と電話番号を表示するように設計されています。ユーザーは通常、市区町村の郵便番号を使用して検索を行うため、結果は小さな区域を対象としたものとなります。都市や県を追加すると冗長となる可能性があります。
- このモジュールを設定する手順の詳細は、ロケーション検索ページの作成を参照してください。
|
テキストブロック(Text Block)
オプションのヘッドラインとCTA(行動喚起)ボタンを伴うテキストの段落 |
|
-
このモジュールには、ヘッダーテキストを事前設定した複数のフィールドが含まれています。これを更新するには、フィールドをクリックし、テキストボックス内のテキストを更新、またはコンテンツの取得元となるYext Content内のフィールドを選択します。
|
ボタン付きテキストブロック
オプションのヘッドラインと段落下のCTA(行動喚起)ボタン |
|
-
ヘッドラインを追加するには、目的のエンティティとコンテンツの取得元となるフィールドを選択します。
-
パラグラフテキストを更新するには、テキストボックスの内容を更新、またはYext Content内のフィールドへのマッピングを選択します。
-
CTA(行動喚起)ボタン内のテキストを変更するには、目的のCTAテキストフィールドをクリックし、希望する内容を入力します。
- CTA(行動喚起)ボタンのいずれかを削除するには、CTAテキストとCTAURLフィールド内のデフォルトのテキストを削除します。
|
テキストリスト
製品、サービスや任意のテキストリストの表示に使用できる箇条書きのリスト |
|
- このモジュールには、多数のテキストが事前設定されています。これを更新するには、フィールドをクリックしてテキストボックス内のテキストを更新、またはコンテンツの取得元となるYext Content内のフィールドを選択します。
- CTA(行動喚起)ボタンを削除するには、ボタンテキストとボタンURLフィールド内のデフォルトのテキストを削除します。
|
3列リスト
アカウント内のエンティティの一覧表示に使用できるアイテムの3行の列 |
|
-
このモジュールには、テキストを事前設定した複数のフィールドが含まれています。これを更新するには、フィールドをクリックし、テキストボックス内のテキストを更新します。
-
エンティティの一覧を表示するには、エンティティを取得するリストのソースを選択する必要があります。[[タイプ]のリスト(List of [Type])]をクリックしてリストのソースを選択し、[フィールドの選択(Choose a field)]をクリックして目的のフィールドを選択します。
|
2列のテキストブロック
2列に区切られたテキストのブロック。 |
|
- このモジュールには、多数のテキストが事前設定されています。これを更新するには、フィールドをクリックしてテキストボックス内のテキストを更新、またはコンテンツの取得元となるYext Content内のフィールドを選択します。
|
近日のイベント
近日開催予定のイベントのリスト |
|
-
ページに表示されるイベントの数は、[ページあたりの結果数(Results per Page)]テキストボックスに希望の数を入力して調整することができます。
- このモジュールを設定する手順の詳細は、イベントカレンダーページの作成を参照してください。
|
コメント
0件のコメント
記事コメントは受け付けていません。