❓ Q: Webサイトのボタンを押したら、フォーム機能で作ったお問い合わせフォームが開くようにしたいです。どうすればいいですか？
👉 A: Webサイトに「お問い合わせ」ページを作り、そこにフォームパーツを置きます。そのうえで、ボタンのリンク先にそのページを指定します。
サイトのデザインのままフォームを表示できるので、この方法がおすすめです。フォームのURLをそのままリンク先にする方法もありますので、あわせてご案内します。
❶ お問い合わせページを作る
1⃣ Webサイト機能の「ページ一覧」で、トップページの行にマウスを乗せて「＋」をクリックします。
🔻
2⃣ 「ページID」と「ページタイトル」を入力して、「ページを作成」をクリックします。
（例：ページIDは「contact」、ページタイトルは「お問い合わせ」）
🔻
3⃣ 編集画面が開き、「テンプレートを選択」が表示されます。「プリセット」の中から「お問い合わせ」のテンプレートを選びます。
このテンプレートには、はじめからフォームパーツが入っています。
🔻
4⃣ フォームパーツをクリックすると、上にメニューが出ます。左端のプルダウンで、表示したいフォームを選びます。
🔻
5⃣ 画面右上の「保存」から「一時保存」をクリックして保存します。
ポイント
✔ フォームパーツは、ほかのページにも左の「パーツ」から追加できます。1つのページに置けるフォームパーツは1つです。
✔ フォームの質問項目を変えたいときは、メニューの「フォームを編集」から、フォーム機能の画面を開けます。
❷ フォームが左に寄ってしまったら
「パーツ」からフォームパーツを追加すると、次のように左に寄って、細く表示されることがあります。
これは、フォームを包んでいる「外側の箱」が、中身ぴったりの大きさで左端に作られるためです。外側の箱で、配置と幅を決めます。
真ん中にそろえる
1⃣ フォームをクリックし、左上に出る緑色のラベルにマウスを乗せます。「セクション › コンテナ › インナー › フォーム」と表示されたら、「コンテナ」をクリックします。
🔻
2⃣ 上のメニューの「グループ編集」をONにします。ラベルが「コンテナグループ」に変わり、枠がページの幅いっぱいに広がります。
🔻
3⃣ 画面右側の「要素の配置」で、「水平方向」と「垂直方向」を、どちらも「中央揃え」にします。
フォームが真ん中に来ます。
幅を広げる
1⃣ もう一度フォームをクリックし、緑色のラベルから「コンテナ」を選びます。（「グループ編集」はOFFのままにします）
🔻
2⃣ 画面右側の「サイズ」で、「幅」の単位を「%」にして、数字を入力します。（例：80%）
注意
・幅は「%」（割合）で指定してください。画面の大きさに合わせて伸び縮みするので、パソコンでもスマートフォンでも収まりよく表示されます。
・幅を決めるのは「コンテナ」です。フォームパーツやインナーの幅を「%」にしても、外側のコンテナが細いままだと広がりません。
・設定したら、画面上部の表示切り替えでスマートフォン表示にして、フォームが画面からはみ出していないか必ず確認してください。
真ん中にそろえる考え方について、くわしくは新規に追加したパーツを中央寄せに設定するをご覧ください。
❸ ボタンのリンク先にお問い合わせページを指定する
1⃣ ボタンを置きたいページの編集画面で、リンクを設定するボタンをクリックします。
🔻
2⃣ 上に出るメニューのリンクマークをクリックします。
🔻
3⃣ 「リンク」のプルダウンで「ページ」を選び、その下の「ページ」で「お問い合わせ」を選びます。
🔻
4⃣ 「保存」から「一時保存」をクリックします。お問い合わせページとボタンを置いたページを公開すると、ボタンからお問い合わせページが開くようになります。
リンクの設定について、くわしくはリンクを設定するをご覧ください。
❹ フォームのURLをリンク先にする方法
お問い合わせページを作らずに、フォームの回答ページのURLを、そのままボタンのリンク先にすることもできます。
1⃣ フォーム機能の「フォーム一覧」で、「公開用URL」の「フォームを開く」をクリックします。開いた回答ページのURLをコピーします。
🔻
2⃣ Webサイトの編集画面でボタンをクリックし、リンクマークから「リンク」のプルダウンで「URL/ID」を選びます。入力欄に、コピーしたURLを貼り付けます。
注意
この方法で開くフォームの下部には、「このフォームは〇〇（会社名）で作成されました。」という表記と、Hirameki 7のロゴが表示されます。この表記とロゴは消すことができません。
表示したくない場合は、❶の方法でお問い合わせページを作ってください。
フォームのURLについて、くわしくはURLを発行してフォームを利用するをご覧ください。