Facebookページに「今すぐ予約」ボタンを追加することは可能です。 Facebookとの統合を参照ください。
Facebookページのiframeに予約スケジュールを統合
以下のチュートリアルでは、SuperSaaSスケジュールをFacebookページのフレームに統合する方法について説明します。
iframeを使用すると、ユーザーはFacebookページを離れることなくスケジュールにアクセスできます。
「今すぐ予約」ボタンを追加してスケジュールを統合したい場合は、予約ボタンを追加に従ってボタンをFacebookページに追加できます。
統合のために必要なものは？
- フェイスブック・ビジネス・ページ
- 少なくとも1つのスケジュールを持つSuperSaaSサブスクリプションとSSLセキュアアカウント
SuperSaaSスケジュールをFacebookページのiframeに追加
フェイスブック・ビジネス・ページへのログイン
ブラウザで別ウィンドウを開き、次のURLへ apps.facebook.com/static_html_plus/
-
“ページにStatic HTMLを追加”を選択
-
もしあなたが複数のフェイスブック・ビジネス・ページを持っている場合、まず初めにスケジュールを統合したいページを選び、それから “Static HTMLを追加: iframe タブ”をクリックしてください。 Add Static HTML: iframe tabs
-
Static HTMLタブがあなたのフェイスブック・ビジネス・ページ上に現れます。
-
設定タブにある"HTMLタブの編集"をクリクして、左側のカラムからの"アプリ"を選択します。
-
対象フレームの"設定を変更"を選択します。
-
デフォルト（初期設定）のWelcomeテキストを、好きなものに変更することが出来ます。
例えば、Book now!等です。をクリックして下さい。
-
ステップ6を繰り返すことで、デフォルト（初期設定）のスター画像を変更することが出来ます。
Custom tab image:横の、“Change”, をクリック
これによって、新たなページが開き、そこで画像をアップロードすることが出来ます。
スター画像の上に移動し、"Edit"をして下さい。
-
ポップアップが開いて、コンピューターから画像を選択できます。 111 × 74 pixels.
右クリックして “Save as…”・・・として保存を選択するか、下記の見本の様な自分自身のボタンを作って、ダウンロード、利用することができます。
-
画像のプレビューが現れ、保存せずに確認することが出来ます。
しかし、検索機能を用いてフェイスブック・ページに戻った場合、すでにその画像がフェイスブックページ上に表示されています。
-
これらのデザイン変更を完了させたのち、iframeをページへ統合することが出来ます。
作成したBook now!ボタンをクリック（Static HTMLタブ） 次に、編集タブをクリック、または、ページの左側にあるアプリの中からボタンを見つけることもできます。
-
無料アプリセクションに移動し、ウェブサイトアプリを選択してすばやく統合します（代わりにHTMLアプリを使用することもできます)。
-
外部ページフィールドのURLへ、スケジュールのURLを貼り付けます。
スクロールバーを削除してスケジュールをページに合わせて拡大縮小し、保存して公開をクリックします。プレビュータブをクリックして、Webサイトのプレビューを表示します。
http)ではなく、httpsに変更されることを意味します）
その場合、SSLは必要なく、スケジュールは独自のブラウザ内に表示されます。
leadgateを使用してFacebookページのいいね増加を図る
自分のFacebookのページにスケジュールを統合したら、静的なHTMLアプリでleadgateを作成することができます。
leadgateを有効にした場合、スケジュールのフレームを参照する前に、情報をキャプチャするポップアップが表示されます。
-
管理者モードで静的なHTMLのアプリを表示し、編集タブをクリックします。
ついでLeadgate利用にチェックを入れます。
-
にチェックを入れたら、ビジターへのメッセージを入力して保存 & 公開します。
