Museでも高機能なフォームを(Adobe Muse CC)　|　岸岡デザイン事務所

ホーム
Adobe Muse CCを使ったホームページ制作, SERVICE, Widget
Museでも高機能なフォームを(Adobe Muse CC)

2018.07.19

Museでも高機能なフォームを(Adobe Muse CC)

【Adobe Muse】の機能を利用したコンテンツを紹介しています。
サードパーティウィジェット「Jotform」Widgetを利用すると、
Jotformというサービスと連携することで高機能のフォームを簡単に掲載できるようになります。
Jotformは、多段階フォーム、数千のテンプレート、および多数のカスタムオプションを提供しています。
※一定条件まではフリーで使用可能です。

■JOTFORMのセットアップ

１．jotform.comでアカウントを作成。
２．ダッシュボードの左上隅にある[フォームを作成]ボタンをクリックします。
３．フォーム構築プロセスを進める。いくつかのフォームタイプ、それに続くテーマなどがあり、利用可能なフォームオプションは非常に広範囲です。
フォームが完成したら、フォームIDを取得する必要があります。
４。フォームIDをコピーしておきます。

■MUSEのセットアップ

１．ウィジェットをライブラリからドラッグし、デザインモードでプロジェクトにドロップします。
２．ウィジェット自体の配置によって、サイト上のJotformフォームの位置が決まります。
３．必要に応じてウィジェットコンテナのサイズを変更します。
４．取得したフォームIDをウィジェットに貼り付けます。
フォームへの変更はJotform.comで行うことができ、公開後にサイトに自動的に反映されます。

サンプルでは、1ページ目にシンプルなタイプ。２ページ目にカード型のタイプです。

▽サンプル