フォームのRedirect先をCMSから持ってくる方法

Webflow
lowコード
Embed
Web

基本的にWebflowのフォームでは、フォーム送信後に自動的に移動されるリンク先の設定が可能ですが、それは固定のリンクしか対応していません。ただ、もし商品ページやブログページにフォームがあって、そのフォームを送信した後の飛ぶ先を商品や記事ごとに変更したい場合は、どうすればいいのでしょうか?

その答えは、今回のチュートリアルで紹介されるlowコードのやり方でCMSに保存されているURLをリンク先として設定することです。

まず、Redirectを設定したいフォームの「form」要素をナビゲーターでクリックします。

その要素の設定を右パネルから開いて、要素のidを設定しましょう。

次は、ページの設定を開いて、その設定の下にある</body>のカスタムコードの入力欄に以下のようなコードを書きましょう。

email-formの代わりに設定したformのidを書いてください。

そして、紫の色に右上の「+Add Field」のボタンからURLを保存するCMSデータを入れてください。

このコードを加えることによって、あるidを持つformのデフォルトのRedirection設定(データattribute)を書き直して、フォーム送信直後にCMSに保存されているURLに移行されます。

注意:この設定はCMSコレクションページでしか使用できません。

このチュートリアルでは、WebflowのフォームのRedirect先をダイナミックなCMSデータから持ってくる方法を教えます。

関連チュートリアル