個人経営のお店やサロン、コミュニティなどでは、Googleカレンダーを使って簡単にスクジュールをサイトに共有したいという方が多いと思います。
この記事では
・サービス用のカレンダーの作り方
・Elementorで作ったページにそのカレンダーを入れる方法
を解説します！
Googleカレンダーでサービス用のカレンダーを作ろう
Googleアカウントをお持ちの前提で行きますね。
まずはGoogleカレンダーを開きます。
ここにはご自身のスケジュールなど入っている方もいるでしょう。
それと分けてサービス用のカレンダーを作りましょう！
新しいカレンダーを作る
画面左側の「他のカレンダー」右横の「＋」アイコンを選んで
「新しいカレンダー」を作成を選択。
そうすると下のような画面になるので、
お好きな名前を付けて、「カレンダーを作成」をクリック。
そうすると、画面左側のサイドバーに先ほどつけた名前のカレンダーが現れます。
あとは普通に予定を入れていくだけです。
※プライベートのカレンダーに間違えて入れないよう注意！
※予定は「終日」で入れると見やすいかも！
Elementorページに埋め込もう
Googleカレンダーで埋め込みコードをコピー
右上歯車ボタンから「設定」をクリック
左側下の方に先ほど作ったカレンダーの名前があるので、それをクリック。
そして「カレンダーの統合」をクリック。
そしたら、iframeから始まる「埋め込みコード」をコピー！！
Elementorでペースト！
あとは固定ページなどをElementorで開いて、
「HTMLウィジット」を追加！
そこに先ほどのコードを入れれば、Googleカレンダーが表示されます！
※予定の色はランダムっぽいですね。
その他、細かいスタイリングはできませんが、十分でしょう！
まとめ
コードをコピーして、HTMLウィジットにペーストするだけ！
意外と簡単でしょ？
本日お疲れ様でした！