Facebookページに「今すぐ予約」ボタンを追加することは可能です。 Facebookとの統合を参照ください。
予約スケジュールをフェイスブック・ページに統合する方法
このチュートリアルでは、フェイスブックページ上のフレームにSuperSaaSの予約スケジュールを統合する方法について説明します。
iframeはユーザーが自分のFacebookのページを離れることなく、予約スケジュールにアクセスすることができます。
予約ボタンの統合であれば、予約ボタンを追加するためのチュートリアルを参照ください。
統合のために必要なものは?
- フェイスブック・ビジネス・ページ
- SuperSaaSアカウント(少なくとも一つ以上のスケジュールが必要)
フェイスブック・ページにSuperSaaSスケジュールをフレームとして追加
あなたのフェイスブック・ビジネス・ページへのログイン
ブラウザで新たなウィンドウを開き、次のURLへ進みましょう。apps.facebook.com/static_html_plus/
-
“ページにStatic HTMLを追加”を選択
-
もしあなたが複数のフェイスブック・ビジネス・ページを持っている場合、まず初めにスケジュールを統合したいページを選び、それから “Static HTMLを追加: iframe タブ”をクリックしてください。 Add Static HTML: iframe tabs
-
Static HTMLタブがあなたのフェイスブック・ビジネス・ページ上に現れます。
-
設定タブにある"HTMLタブの編集"をクリクして、左側のカラムからの"アプリ"を選択します。
-
対象フレームの"設定を変更"を選択します。
-
デフォルト(初期設定)のWelcomeテキストを、あなたの好きなものに変更することが出来ます。
例えば、Book now!等です。 をクリックして下さい。

-
ステップ6を繰り返すことで、デフォルト(初期設定)のスター画像を変更することが出来ます。
"Change", next to Custom tab image:をクリックして下さい。
これによって、新たなページが開き、そこで画像をアップロードすることが出来ます。
スター画像の上に移動し、"Edit"をして下さい。


-
ポップアップが開いて、コンピューターから画像を選択できます。 111 × 74 pixels.
右クリックして "Save as…"・・・として保存”を選択するか、自分自身のボタンを作って下記の見本をダウンロード、利用することができます。
例として(右クリックして'Save as…') 又は作成




-
画像のプレビューが現れ、保存せずに確認することが出来ます。
しかし、検索機能を用いてフェイスブック・ページに戻った場合、すでにその画像がフェイスブックページ上に表示されています。

-
これらのデザイン変更を完了させたのち、iframeをページへ統合することが出来ます。
作成したBook now!ボタンをクリックして下さい(Static HTMLタブ)。 -
セクション無料のアプリに移動し、迅速な統合のためのウェブサイトのアプリを選択します。(それはHTMLアプリの代わりに作業することも可能です)
-
外部ページフィールドのURLへのスケジュールのURLを貼り付けます。
[保存]をクリック&公開するスケジュールをスケーリングするためにスクロールバーを削除します。
あなたのウェブサイトのプレビューを表示するには、[プレビュー]をクリックします。
(リンクの先頭が
https
へ変更されます。 変更前はこちらhttp
)
その場合、スケジュールはそれ自身のブラウザ・ウインドウ内に表示されます。
leadgateを使用してFacebookページのいいね増加を図る
自分のFacebookのページにスケジュールを統合したら、静的なHTMLアプリでleadgateを作成することができます。
leadgateを有効にした場合、スケジュールのフレームを参照する前に自分の情報を取得し、ポップアップが表示されます。
-
管理者モードで静的なHTMLのアプリを表示し、編集タブをクリックします。
ついでLeadgate利用にチェックを入れます。 -
保存 & 公開します。
にチェックを入れたら、ビジターへのメッセージを入力して