MENU

SWELLにGoogleマップを埋め込む方法

SWELLにGoogleマップを埋め込む方法

SWELLにGoogleマップを埋め込む方法を紹介します。

STEP
埋め込みたいGoogleマップを表示する

埋め込みたいGoogleマップを検索等をして表示させます。

ここでは例として新宿都庁を表示させてます。

Googleマップ1
STEP
共有をクリックする

左サイドバーにある共有をクリックします。

Googleマップ2
STEP
地図を埋め込むをクリック

地図を埋め込むをクリックします。

Googleマップ3
STEP
HTML をコピーをクリック

HTML をコピーをクリックしてコピーします。

Googleマップ4
STEP
SWELLでカスタムHTMLブロックを呼び出す

SWELLでカスタムHTMLブロックを呼び出すします。

ブロック追加ボタンを押して検索でHTMLと入力すればカスタムHTMLブロックが表示されるのでクリックしてください。

STEP
表示されたカスタムHTMLブロックにコピーしたコードを貼り付ける

表示されたカスタムHTMLブロックにコピーしたコードを貼り付けます。

カスタムHTMLブロックに貼り付け

プレビューをクリックすれば下記のようにGoogleマップが表示されます。

SWELLにGoogleマップを埋め込む方法

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!

コメント

コメントする

目次