menu

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

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

■JOTFORMのセットアップ

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

■MUSEのセットアップ

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

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

▽サンプル
live-preview

▷「Jotform」Widgetについての詳細はコチラ(外部サイト)
https://www.muse-themes.com/products/jotform

▷Adobe Museでホームページの制作/岸岡デザイン事務所
http://y-kishioka.com

▷Movie Web Magazine/KISHIOKA.DESIGN
http://kishioka.design

transitions_img01トランジションの設定(webflow)

multiscroll01左右の画面を逆スクロールで1枚に合成(Adobe Muse CC)

関連記事

  1. moving-slideshow02

    ムービングスライドショー(Adobe Muse)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。サードパーティウィジェッ…

  2. multiscroll01

    左右の画面を逆スクロールで1枚に合成(Adobe Muse CC…

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。サードパーティウィジェット「…

  3. animated-page

    ページ遷移アニメーション(Adobe Muse)

    サードパーティウィジェット「Animated Page Transitions」Widgetを利用す…

  4. water-ripple-effect02

    画面いっぱいに水の波紋(Adobe Muse)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。「Water Rippl…

  5. qr-mobile-preview

    自動QRコード(Adobe Muse)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。サードパーティウィジェッ…

  6. musexpress3_18

    Dynamic Menuの設置(MusexPress3)

    『Adobe Muse』と『MusexPress3』を組み合わせることでコーディング作業なしにW…

  7. image-text

    テキストに画像を配置(Adobe Muse)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。「Image Text」…

  8. carousel-gallery

    メリーゴーランドギャラリー(Adobe Muse)

    サードパーティウィジェット「Carousel Gallery」Widgetを利用することで、最大…

PAGE TOP