「予約するボタン」をwordpressに埋め込む


SELECTの予約システムで作った予約フォームへのリンクボタン「予約するボタン」は、ブログやホームページに簡単に埋め込むことが出来ます。

このブログエントリーでは「予約するボタン」のwordpressへの埋込設置方法をご案内します。

「予約するボタン」のコードを入手する

まずは予約するボタンのコードを入手します。
SELECTにログインしたら、ページ上部ヘッダーより「予約フォーム」「予約フォーム共有情報」をクリックします。
0.SELECTにログインしたら「予約フォーム」→「予約フォーム共有情報」をクリックします

「予約するボタン」を設置したい予約フォームを選択します。
2.共有画面で、ボタンを設置したい予約フォームを選択し

コードより「予約するボタン埋込コード」を入手します。
選択してコピーし、あとでwordpressに埋め込む情報です。
3.コードを選択してコピー

wordpressに「予約するボタン」のコードを埋め込む

wordpressにログインしたら「外観」「ウィジェット」をクリックします。
wp1

ウィジェットとはサイトのサイドバーを簡単に編集できる機能です。
今回はテキストウィジェットを使ってサイドバーに「予約する」ボタンを表示します。

ウィジェットを追加するには、左側の「利用できるウィジェット」の中から
テキストを右側のボックスの中にドラッグします。
wp3

ドラッグすると追加され編集できるようになります。
「タイトル」にサイドバーに表示するタイトル(見出し)を登録します。
「内容」に先ほどSELECTで入手したコードを貼り付けます。
問題なければそのまま「保存」ボタンをクリックします。
wp4

これであなたのホームページにSELECTの予約フォームが埋め込まれました。
予約フォームを埋め込んだ様子です。
wp5

SELECTで作成した予約フォームへのリンクボタン「予約するボタン」を設置して
ネット予約受付をはじめましょう!