プロモバナー

見出し、テキスト、ボタン付きのバナーを追加して、セールや新コレクションを宣伝します。

リファレンスすべてのプラン 4 分で読めます

画像、見出し、短いテキスト、ボタンを1つのブロックにまとめたものです。画像ブロックとは異なり、コールトゥアクションボタンと専用の色があるため、デザインされた画像がなくても完成した広告のように見えます。

ブロックを追加する

レイアウトを選ぶ

プレビューのメガメニューパネルで ブロックを追加 をクリックします。カスタム画像を追加 をクリックし、Promo banner（プロモバナー。画像の上にテキスト）または Promo banner split（画像とテキストを横に並べる）にカーソルを合わせて選択をクリックします。

(1) カスタム画像を追加をクリック、(2) Promo banner または Promo banner split を選ぶ。
画像とテキストを追加する

項目を編集 の一般で、画像を選択 をクリックします。サンプルの 見出し、Text（テキスト）、Button label（ボタンラベル）を置き換え、リンク を選びます。

プレビューのプロモバナーブロックと、項目を編集に表示される設定。
保存して公開する

Style（スタイル）で見た目を整え、保存と公開をクリックします。

設定

一般

画像デフォルト: なし: バナーの画像。
見出しデフォルト: Summer Sale / New collection: メインの1行。デフォルトは Promo banner / Promo banner split の順です。
Textデフォルト: Up to 50% off / Discover the latest arrivals: 見出しの下の短い1行。
Button labelデフォルト: Shop now / Discover: ボタンのテキスト。空にするとボタンが非表示になります。
リンクデフォルト: なし: バナーをクリックしたときの移動先。必要に応じて 新しいタブで開く にチェックを入れます。
幅デフォルト: 33.33% / 66.66%: ブロックがメガメニューの行のどのくらいを占めるか。自動または 8.33% から 100%。

Style

レイアウトデフォルト: 選んだレイアウト: Overlay（画像の上にテキスト）または Split（画像とテキストを横に並べる）。
Text alignmentデフォルト: 左: 左または中央。
背景色デフォルト: #111827: テキストの背景の色。
文字色デフォルト: #FFFFFF: バナーのテキストの色。

表示設定 は他のブロックと同じです。すべてのブロック共通の設定をご覧ください。

ヒント

Overlay では、テキストを置く場所に落ち着いた部分がある写真を選びましょう。そうでないと、テキストが読みにくくなります。
Split には、より広いスペースが必要です。幅を50%以上にしてください。
期間限定のセールを行う場合は、表示設定 > 公開を予約 を使って、セール期間中だけバナーを表示しましょう。

このページは役に立ちましたか？

問題を報告