カスタムコードを反映したサイトプレビューが可能になりました！

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

Site previews with custom code

‍

このたび、カスタムコードを含むサイトプレビュー機能が利用可能になりました。
これにより、PreviewモードやCommentモードにおいても、カスタムHTML・CSS・JavaScriptを反映した状態でサイトを表示できます。

これにより、プレビューやテスト、チームでのコラボレーションをより迅速かつ確実に行えるようになります。

‍

どのように機能するのか

• ユーザー単位での切り替え
  すべてのユーザーは、PreviewまたはCommentモードでカスタムコードをオン／オフできます。
• サイト管理者の制御
  サイトマネージャーは、すべてのユーザーに対してカスタムコードをデフォルトで有効／無効に設定できます。
• ユーザー追加のカスタムコード除外
  任意のユーザーは、自身で追加したカスタムコードをWebflow上で実行しないように設定できます。

‍

利用メリット

このネイティブプレビュー機能により、カスタムコードを含んだサイトの制作・レビュー・共同作業が、Webflow上で直接かつ即時に行えるようになります。
カスタムHTML、CSS、JavaScriptはもちろん、Webflowネイティブのカスタムコードソース、Marketplace Apps、および互換性のあるサードパーティスクリプトやリソースもプレビュー可能です。

利用開始は簡単で、対象サイトをPreviewまたはCommentモードで開き、カスタムコードを有効化するだけです。

‍

注意点

Webflow外でホストされ、特定のセキュリティコントロールを実装しているスクリプトについては、PreviewやCommentモードで正しく動作させるために修正が必要となる場合があります。
App開発者やサービス提供者の方は、サードパーティホストのスクリプトやリソースをWebflowのプレビュードメインから利用できるようにする方法について、ヘルプセンターをご参照ください。

‍