SWELLでオープンチャットを埋め込む方法！

なんでも簡単に設定できるSWELLでも、埋め込めなかったのがLINEのオープンチャット。

「iframe」というコードを使います。

ちょっと苦戦しましたが、ようやく埋め込めたのでその方法を紹介します。

オープンチャットをブログに埋め込む方法

たった３ステップでできますよ♪

それでは、１つずつ見ていきましょう♪

1.カスタムHTMLをクリック

ブロックを選択し、カスタムHTMLを選びましょう♪

2.コードをコピーして貼り付け

↓のコードをコピーしましょう。

「width」は幅、「height」は高さです。

<iframe id="inline-frame" width="600" height="750" title="ここにオープンチャットの名前" src="ここにオープンチャットのURL" <="" iframe=""></iframe>

コピーしたら、カスタムHTMLの中に張り付けてくださいね♪

↑こんな感じです。

３.埋め込みたいオープンチャットのURLをコピーして貼り付け

埋め込みたいオープンチャットのURLをコピーします。

トークルーム右上の「…」をクリックすると「招待」がでるのでクリック。

リンクをコピーするをクリック。

ここでコピーしたURLを

<iframe id="inline-frame" width="600" height="750" title="ここにオープンチャットの名前" src="ここにオープンチャットのURL" <="" iframe=""></iframe>

↑に貼り付けましょう！

貼り付けたオープンチャットは↓のような感じです。

ブログにオープンチャットを埋め込んで、どんどん知ってもらいましょう♪