Wufooフォームの埋め込み

問い合わせフォームやサインアップフォームの項目では足りず、カスタマイズが必要ですか?その場合には、Wufooフォームはより多くのフィールドを追加でき、またチェックボックスやドロップダウンなど他のアイテムも利用でき、Thanksメッセージなどを送ることもできる良い解決方法です。

ステップ 1: Wufoo アカウントの作成

 

1. Wufoo.com でアカウントを登録してください。必ずEメールでアカウントを確認してください。
2.「フォーム作成」ボタンをクリックしてフォームを作成します。

 

Screenshot_041023_063152_PM.jpg

 
3. フォームを一から作成するか、テンプレートを使用するかを選択し、フォームの編集を続けます。
Screenshot_041023_063345_PM.jpg
4. フィールドの追加が完了したら、下の「フォームを共有」ボタンをクリックしてください。
Screenshot_041023_063625_PM.jpg
5. フォームのパーマネントリンクをコピーしてください。サイトエディターで使用するため、必ず保管してください。
Screenshot_041023_063848_PM.jpg

ステップ 2: フォームをサイトに追加

 

1. エディタ左側の編集パネルより「セクションの追加」ボタンをクリックします。

2. 表示されるセクションリストより「外部アプリ連携&HTML」を選択します。


3. ポップアップ画面のリスト一覧よりWufooを選択します。

 

 

4.ポップアップ画面はWufooへのログイン、アカウント作成画面へ転送します。

 

 

5. Wufooでフォームを作成したら、サイトエディタに戻ります。

6. サイトに追加したいフォームを選択し、"Insert"をクリックします。

 

7. フォームはサイトで以下のように表示されます。「プレビュー」画面でご確認ください。

 

8. よければサイトを公開ください!

 
以上です。フォームをクリックして、ポップアップ画面よりWufooを開き、フォームの編集、または新しいフォームを追加できます。またWufooへログインしフォームのレスポンス結果をご確認ください。

 

フォームスタイル注: フォームの背景色を変更したい場合は、Wufoo テーマを変更する必要があります。この方法についてはWufooのガイドをご覧ください。

 

モバイルでのご注意: Wufooのレスポンシブデザインは、Wufooで自動的に生成され、当社ではコントロールすることはできません。Wufooでは幅狭いスクリーンでフォームを美しく表示できるための方法がこちらのガイドに紹介してありますのでご参照ください。

 

ご不明な点がございましたら、support@strikingly.comまたはチャットでお知らせください。

この記事は役に立ちましたか?
6人中6人がこの記事が役に立ったと言っています
他にご質問がございましたら、リクエストを送信してください