カスタムコードでコンポーネントプロパティの利用可能にになりました！

※この記事は2026年05月19日にWebflowが公開した下記アップデート情報・ニュースを日本語訳したものです（一部加筆・修正あり）

Use component props in custom code

‍

Code Embedを使用すると、サイト内の任意の場所にカスタムHTML、CSS、JavaScriptを追加できます。今回のアップデートにより、CMSフィールドと同様に、コンポーネントプロパティやロケール設定、ページ設定をカスタムコード内で直接利用できるようになりました。

Code Embedからプロパティやページ設定の参照が可能に

コードエディター内の「Connect」ボタンから参照を追加でき、Text、Number、Image、Link、Switchなど、ほぼすべてのプロパティタイプに対応しています。

例えば、TextプロパティをカスタムCSS内で参照することで、インスタンスごとに個別のスタイルを設定できます。また、プロパティの値を利用してJSON-LDを生成し、AEO向けの構造化データを作成することも可能です。

さらに、新たに「Codeプロパティ」も追加されました。これにより、Code Embed要素全体をプロパティとして接続できるようになります。

各インスタンスごとにSVGマークアップやサードパーティ製の埋め込みコード、そのほかのカスタムコードを簡単に切り替えられるようになります。

この機能は現在、カスタムコード機能を利用できるすべてのプランを対象に順次提供されています。詳細はヘルプセンターをご確認ください。

‍