Webflowは、強力なCMSを含むウェブサイトデザインツールです。オンラインビジュアルエディタプラットフォームは、ユーザーがウェブサイトをデザイン、構築、公開できるようにします。2023年に、彼らは顧客向けに新しいローカリゼーション機能を導入し、Webflow内で基本的なローカリゼーションを行えるようにしました。この新しいローカリゼーション機能により、Webflowは、PhraseがウェブサイトデザインおよびCMSツール内にアプリを構築し、ローカリゼーションのためにコンテンツをプッシュできるAPIのセットをリリースしました。
統合は、Webflowマーケットプレイス内のアプリとして利用可能です。これは、WebflowデザインおよびデータAPI、ミドルウェアサービス（Phraseによって構築）およびPhrase TMS APIに基づいて構築されています。顧客は、Webflowマーケットプレイスからアプリをインストールし、Phraseアカウントを認証して、2つのシステム間のデータ接続を開始できます。
アプリをインストールし、を選択することで、Webflowユーザーはウェブサイト上の個々のコンポーネント、CMSコレクション、または全ページを選択でき、すべてはTMSにローカリゼーションのために送信される単一選択コンポーネントを通じて処理されます。ユーザーは、Webflowから既存のPhrase プロジェクトにコンテンツを送信するか、Phrase プロジェクトテンプレートから新しいプロジェクトを作成できます。
コンテンツがTMS内でローカリゼーションされた後、新しくローカリゼーションされたコンテンツは自動的にPhraseからWebflowに戻され、適切なローカライズ版に送信されます。
顧客は、この機能を利用するために、WebflowアカウントプランでWebflowローカリゼーションを有効にする必要があります。
Webflowのコンテンツは主に.JSON形式でフォーマットされています。
自動プロジェクト作成はサポートされていません。
選択/オプション要素のサポート
Webflowは、ノードレスポンス内に選択タイプを導入し、Phraseプラグインはこの要素をサポートしています。ユーザーは、手動で抽出することなく、ローカリゼーションのためにコンポーネントから文字列を送信できます。
SEOメタデータは、Phrase TMSプラグインを通じてローカリゼーションおよび同期のためにサポートされており、ページタイトルや説明が含まれます。CMSコレクション/アイテムもサポートされており、ユーザーはWebflow内から直接、より広範なCMSコンテンツを翻訳のために送信できます。
使用例
-
WebflowからPhrase TMSにローカライズの準備が整ったソースロケールコンテンツを送信し、適切なターゲットロケールにエクスポートします。
-
ページタイトルやメタデータなどのSEOに重要なフィールドの自動ローカライズにより、手動の手間を減らし、ロケール間の一貫性を向上させます.
-
Webflow内からCMSコレクションコンテンツの直接翻訳を行い、大規模サイトのエンドツーエンドのローカライズプロセスを効率化します。
-
Phrase TMSからWebflowに完了した翻訳を一括インポートし、ページごとに手動で翻訳を再適用する必要を排除します。
-
Select/Option要素のサポートにより、ドロップダウンフィールドのローカライズが可能になり、言語間でのユーザーインターフェースの一貫性が向上します。
プラグインをインストールする
プラグインをインストールするには、次の手順に従ってください：
-
-
Webflowアプリストアからを検索し、Webflowアカウントにプラグインを追加します。
-
Phraseのユーザー名とパスワードを提供します。
プラグインを使用する
ローカライズのためにコンテンツを送信するには、次の手順に従ってください：
-
ローカライズがWebflowアカウントの一部であることを確認します。
-
翻訳するターゲットロケールを作成します。
-
セクションからPhraseを選択します。
-
翻訳のためにページ、CMSコレクション、または選択したページのコンポーネントを送信するかどうかを選択します。
-
翻訳ジョブにSEOメタデータフィールドを含めるかどうかを選択してください。
-
既存のPhraseプロジェクト内でローカリゼーションジョブを作成するか、テンプレートから新しいものを作成するかを選択してください。
-
ローカリゼーションのためにコンテンツをPhraseに送信します。
-
Phraseでジョブが完了すると、翻訳されたコンテンツはWebflowにインポートされ、ウェブサイトの適切なターゲットローカルコピーに入れられます。ユーザーは翻訳を一つずつ適用するか、すべての完了した翻訳をWebflowに一括インポートすることを選択できます。