12.フォームズのメールフォームをレスポンシブにする

フォームズでメールフォームを作成して保存すると以下のような4種類のフォームのURLが作成されます。

1PC・スマホ共用フォームURLhttps://ws.formzu.net/fgen/フォームID/
2スマホ専用フォームURLhttps://ws.formzu.net/sfgen/フォームID/
3携帯電話用フォームURLhttps://ws.formzu.net/mfgen/フォームID/
4自動振分けURL(レスポンシブ)https://ws.formzu.net/dist/フォームID/

上記の4タイプのフォームの4番目がレスポンシブ用のフォームです。
そのフォームのURLを #iframeプラグインの引数に設定して下さい。

#iframe(https://ws.formzu.net/dist/フォームID/,高さ,100%)
  • 高さは、フォームの縦の長さで px で指定します。
  • 100%は、フォームの横幅を100%で指定して下さい。

既に、ホームページに貼り付け済フォームのURLのサブドメインの部分(例えばfgen)を dist に変更し、横幅を100%に変更すれば、そのページのフォームはレスポンシブになります。


ちなみにスマフォで見た場合のイメージです

20170421_フォームズSP