無料ホームページWix ホームページ・ロゴ・チラシ

wixにプルダウンやラジオボタン入りのお問い合わせフォームを付ける方法

更新日:

 

こんにちは、WEBデザイナー兼

趣味で社会人バンドを

しているエミリです*

 

 

wixでホームページを

作成されている方の多くが

お店屋さんだったり会社さん

だったりします。

 

 

そうなると、ホームページを

作成する上で必ず設置したいのが、

お客様からの反応を得られる

お問い合わせフォームですよね。

 

 

お問い合わせフォームといえば、

必須項目を設置したり、

年齢や住所を入力する欄を設けて

プルダウンで選択できるようにしたり、

性別をラジオボタンで選択できるのが

理想ですよね。

 

 

なるべく、入力する側には負担を

かけないようにして尚且つ

受け取り側はなるべく多くの

情報を頂きたいものです・・・

 

 

そこで、

今回はwixのアプリで選択ボタンを

挿入したお問い合わせフォームを

作成する方法を紹介します!

 

 

お困りの方は、

以下より参考にしてみて下さい!

 

 

プルダウンとラジオボタン

 

以下より、方法を解説していきますが、

その前に選択ボタンの名称ですが、

プルダウンが以下です。

 

あなたの好きなジャンルは?

 

年齢や住所入力の際の都道府県を

選択する際によく使われます。

 

 

項目が多い場合は、

このプルダウンが最適です。

 

 

ラジオボタンが以下です。

 

あなたの性別は?

男性  女性

 

性別や数少ない選択肢だと

ラジオボタンが最適です。

 

 

だいたいこの二つがあれば、

フォームをアレンジする上で、

困ることはないと思います。

 

 

wixで選択ボタン付きのお問い合わせフォームを作成する方法

 

①「Wixフォーム」を追加しよう!

 

それでは、早速選択ボタン入り

お問い合わせフォームを

作成していきましょう!

 

 

まずは、

wixに行きお問い合わせフォームを

設置出来るようにレイアウトを

調整しましょう。

 

 

調整出来たらお問い合わせフォーム専用の

アプリを追加していきます。

 

 

①「アプリ」を選択
②検索窓に「フォーム」と入力
③「Wixフォーム」を選択し「追加ボタン」をクリック
④次の画面であなたが作成したいタイプのフォームを選択しましょう。

 

 

今回、エミリは「お問い合わせ」を

選択してみました。

 

 

すると、フォームのテンプレが

追加されたと思います。

 

 

今回、数あるフォームアプリの中から、

「Wixフォーム」を選んだのは

エミリが実際に触ってみて扱いやすく

日本語に対応していたからです。

 

 

他のアプリは、英語で説明が

書かれてあったりして、

作業が進まなかった方も

いるかと思います。

 

 

「Wixフォーム」は、扱いやすいと

思うのでぜひ触ってみてください。

 

 

②テンプレにプルダウンボタンを挿入しよう!

 

プルダウンを挿入するにあたり、

年齢を伺う設定にしようと思います。

 

 

まず、プルダウンを挿入するための

レイアウトを調節しましょう。

 

 

①名前を入力する欄の下に年齢を選択するプルダウンを設置しようと思います。
②「項目を管理」をクリック
③「新しい項目を追加」をクリック

 

 

①「オプション」を選択
②「ドロップダウン欄」を選択(プルダウンのことです。)

 

すると、プルダウンパーツが

下の方に出てきたと思うので、

レイアウトを調整していきましょう。

 

 

①レイアウトを調整してください。
②プルダウンを選択し、「項目を管理」をクリック
③「ドロップダウン欄」を選択し、「…」から「編集する」をクリック

 

 

①「項目名を入力」簡単な項目名をつけておきましょう。
②「表示テキストを入力」お客さんに対する質問を入力しましょう。
③必須項目にする場合はチェックを入れましょう。

 

以上で、項目の概要についての

設定は完了です。

 

 

次に、項目の選択肢を

登録していきましょう。

 

 

①「選択肢を管理」をクリック
②すでにいくつかラベルが登録されていますので、まずはそれを編集します。
「…」から「ラベルの編集」と「valueの編集」を表示したい値に変更します。
どちらも同じ値を入力すると、実際にお問い合わせが来た時に把握しやすくなります。
③「リスト項目を追加」で選択肢を追加できます。
④表示順は後でカーソルで変更可能です。
⑤選択肢として「その他」も入れておきましょう。「その他」を入れてあげることにより、該当者以外も安心してお問い合わせができます。

 

全ての入力が完了したら、

プレビューで確認してみましょう!

 

 

③テンプレにラジオボタンを挿入しよう!

 

それでは、次にラジオボタンを

挿入していこうと思います。

 

 

エミリは年齢の横に、

性別の項目をラジオボタンにて

作成したいと思います。

 

 

①ここに配置します。
②「項目を管理」をクリック
③「新しい項目を追加」をクリック

 

 

①「オプション」をクリック
②「単数選択欄」をクリック(ラジオボタンのことです。)
無料会員は、このフォームで選べる項目に件数制限があるようです!

 

こんなところにも無料でできることの

制限があったとは・・・。

 

 

エミリもこの記事を書きながら知りました汗

 

 

それでは、項目の概要を

編集していきます。

 

 

①項目の編集
②「項目名を入力」簡単な項目名をつけておきましょう。
③「表示テキストを入力」お客さんに対する質問を入力しましょう。
④必須項目にする場合はチェックを入れましょう。

 

以上で、項目の概要についての

設定は完了です。

 

 

次に、項目の選択肢を

登録していきましょう。

 

 

①「選択肢を管理」をクリック
②すでにいくつかラベルが登録されていますので、まずはそれを編集します。
「…」から「ラベルの編集」と「valueの編集」を表示したい値に変更します。
どちらも同じ値を入力すると、実際にお問い合わせが来た時に把握しやすくなります。
③「ボタンを追加」で選択肢を追加できます。
④表示順は後でカーソルで変更可能です。

 

全ての入力が完了したら、

プレビューで確認してみましょう!

 

 

エミリの作成したお問い合わせ

フォームにも無事、年齢と性別を

追加することができました。

 

https://emiriband.wixsite.com/hp01

 

 

テスト送信してみよう!

 

作成したお問い合わせフォームが

正常に動くかどうかテストを

しておきましょう。

 

 

テストをして、ダッシュボードの

「Inbox」にメールが

無事到着していれば完了です!

 

 

エミリも、テスト送信して

無事到着しておりました。

 

 

まとめ

 

今回はWixでお問い合わせフォームに

選択ボタンを挿入する方法を

紹介しました。

 

 

一連の流れは以下になります。

 

①「Wixフォーム」というアプリを追加する
②入力項目を設定する
③スマホ版の見栄えを調整する
④公開し、テスト送信してみる
⑤ダッシュボードにて正常にテストメールが到着していたら完了!

 

困っている方は、

ぜひ参考にされてみてください。

 

 

また、初心者さん向けに

代行サポート&指導サービスも始めました!

お手頃価格となっておりますので

お困りの方は、ぜひご利用いただければと思います★

まずは、無料相談でお悩みをお聞かせください!

 

 

【あなたにおすすめの記事】

■ページ作成のポイントについて

ホームページをwixやjimdoで自作する上で気を付けたいこと

  こんにちは、webデザイナー兼 バンドマンやアーティストの 応援をしているエミリです*   今回 ...

続きを見る

■wixカスタマイズまとめ
wixでツイッターを連動させたい!エクセルの表を埋め込むには?といったことを以下でまとめています。これからもどんどん追加していきます。リクエストも受け付けています!

wix カスタマイズ方法まとめ
Wixテンプレートのカスタマイズ方法まとめ

このページでは、Wixで作成したホームページのカスタマイズ方法をまとめました。 随時更新しますので、ホームページ作成を検 ...

続きを見る

 

0

エミリへのお問い合わせはこちらから

エミリへのお問い合わせ

ホームページ作成やバンドのことでお悩みの方や、不明点などございましたら下記アドレスまでお気軽にお問合せ下さい!


<質問例>
・ホームページ作成のお悩み
(バンドのページでなくてもOKです。)

・ロゴ作成のお悩み
・チラシ作成のお悩み
・バンド恋愛のお悩み
・バンド人間関係のお悩み
・バンドメンバーに聞けないお悩み
・初心者向け音楽教室の探し方
・楽器選び、パート選び


等、どんな些細な事でもなんでもいいです!
あなたのちょっとしたサポートができれば幸いです。こちらのブログの感想も添えてくださると嬉しいです。とにかくどんな時も「楽しむ」ということを念頭に一緒に取り組んでいきましょう!

●以下、メールアドレス宛にご相談ください!
⇒info@bandemiri.com
●メールフォームからも受け付けてます!
⇒メールフォーム
  • この記事を書いた人

emiri

アラフォー。♀。WEBデザイナー。バンド歴15年くらい。パートはギターボーカル、シンセと渡り歩き、40歳手前でベースを始めました笑!音楽に年齢は関係ないので思い切り音楽ライフを楽しんでおります。エミリの音楽歴&影響を受けた音楽は >>詳しいプロフィールをご覧ください。

-無料ホームページWix, ホームページ・ロゴ・チラシ

Copyright© 音楽を通して人生を豊かにする方法 , 2019 All Rights Reserved.

istanbul escort avcılar escort ataköy escort beylikdüzü escort esenyurt escort şişli escort ankara escort bayan ankara escort altyazılı porno izle japon porno izle travesti porno izle izmir escort buca escort