カスタムHTML

Googleマップや YouTube 動画など、任意のHTMLをメニューに埋め込みます。

リファレンス Pro Navigation 3 分で読めます

貼り付けた任意のHTMLを、メガメニューの中に表示します。店舗の地図、動画、他のサービスの埋め込み、書式付きテキストなど、他のブロックでは対応できないコンテンツに使えます。

ブロックを追加する

埋め込みコードをコピーする

Google Maps：場所を検索し、共有 > 地図を埋め込む > HTMLをコピー をクリックします。YouTube：動画を開き、共有 > 埋め込む > コピー をクリックします。
レイアウトを選ぶ

プレビューのメガメニューパネルで ブロックを追加 をクリックします。メニューにHTMLを追加 をクリックし、カスタムHTML にカーソルを合わせて選択をクリックします。

(1) メニューにHTMLを追加をクリック、(2) カスタムHTMLを選ぶ。
コードを貼り付ける

項目を編集 で、任意の タイトル を入力し、メニューにHTMLを追加 ボックスにコードを貼り付けます。

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

保存をクリックし、公開をクリックして、ストアフロントで結果を確認します。

幅デフォルト: 25%: ブロックがメガメニューの行のどのくらいを占めるか。自動または 8.33% から 100%。
タイトルデフォルト: カスタムHTML: HTMLの上に表示する見出し。空にすると見出しは表示されません。
メニューにHTMLを追加デフォルト: Sample text: 表示するHTMLコード。
表示設定デフォルト: オフ: デスクトップで非表示、モバイルで非表示、ログイン時は非表示、ログイン時のみ表示、公開を予約。すべてのブロック共通の設定をご覧ください。

埋め込みコードには、たとえば width="600" のように固定の幅が指定されていることがよくあります。地図や動画がブロックに収まるように、width="100%" に変更してください。
マルチブロック > 地図 + お問い合わせ + 住所 は、地図、お問い合わせフォーム、住所をワンクリックで追加します。

コンテンツの余白が広すぎる

コード内の改行は、ページ上でもそのまま改行として表示されます。埋め込みコードは1行で貼り付けるか、タグ間の空行を削除してください。

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