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