【誰でも簡単１０分で】ホームページにグーグルカレンダーを埋め込む方法【WIX】

こんにちは。

forest designです。

https://coconala.com/users/3613116

本日はWIXホームページ内にグーグルカレンダーを埋め込む方法をお伝えします。

イベントや定休日をお伝えできる役立ちツールになります！

簡単かつ１０分くらいでできますのでぜひ試してみてください(^^♪

↑こんなかんじでHP内にカレンダーを入れることができます！

①グーグルカレンダーの共有設定をする

まず事業用のグーグルアカウントを作りましょう。

念のためにご説明。

パソコンでグーグルカレンダーを開きます。

（Gmailを開いたら右上に点々マークが出ますので、それをクリックするとカレンダーが出てきます。）

グーグルカレンダーを開いたら、

①左上のメニューをクリック

②マイカレンダーのアカウント名の右にある点々マークをクリック

点々マークをクリックしたら

【共有と設定】をクリック。

【共有と設定】をクリックしたら↑このような場面になるので、

『一般公開して誰でも利用できるようにする』に✓を入れましょう。

✓をいれたらさらに下にスクロールしましょう。

そしたら『カレンダーの統合』という項目が出てきますので、

【カスタマイズ】をクリック。

↑こちらがカスタマイズ画面です。

①埋め込みコード

こちらをWIXにコピペすればOKですので、コピーしちゃいましょう。

②カスタマイズメニュー

色んな項目があるので使いやすいようにいじくってみましょう。

こだわりがなければ特に触らなくても大丈夫です。

②WIXを埋め込む【簡単！】

WIXを開いたら、

左側の＋マーク　→　埋め込みコード　→　HTML埋め込み

の順番でクリック。　

そしたらこんな↑画面になります。

【コードを入力】という項目があるので、先ほどコピーした『埋め込みコード』を張り付けちゃいましょう。

はい、貼り付け完了です！

次はスマホ画面を見てみましょう。

最初はこんな感じで小さくなってるので、大きさを調整します。

はい、大きさを調整したら完了です。

スマホでは入りきれないので、カレンダー下のスクロールで全体が見渡せるような仕様になります。

これで終了です。

共有設定をして、コードをコピペするだけですね(^^♪

これでイベントや定休日などをお知らせしちゃいましょう。

お読みいただいてありがとうございました！