ドラッグアンドドロップでより早くページ構築できるようになりました！

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

Drag-and-drop page building to empower marketers to launch campaigns faster

‍

ページ構築により、マーケティング担当者や技術に詳しくないチームメンバーでも、Webflow(ウェブフロー)でブランドに一貫性のあるランディングページを独自にすばやく構築できるようになりました。

これはすべてのプランで利用できます。

‍

新しいキャンペーン、実験、製品をオーディエンスにすばやく提供できることは、今日のデジタル時代では必須です。

ページ構築により、マーケティング担当者や技術に詳しくないチームメンバーは、ドラッグアンドドロップ操作でイベント、製品リリース、キャンペーンなどのランディング ページを自分ですばやく作成できます。

チームメイトやクライアントにページ構築のアクセス権を付与するには、Webflowで新しいMarketerサイトレベルロールを割り当てることができます。

これにより、デザインチームがまとめたビルディングブロック (ページテンプレートとコンポーネント)を使用して新しいページを作成できるようになります。

‍

ページ構築によって何が出来るか

デザイナー、開発者、パートナーは次のことが可能になります。

• マーケティング担当者とクライアントが独自のランディングページを安全にセルフサービスするために活用するデザインシステムを制御します。
• サイトのブランド変更、新しいホームページなど、より高度な専門知識を必要とする大規模で戦略的なプロジェクトに多くの時間を費やし、基本的なランディングページの作業に費やす時間を減らします。
• Webflow に追加のチームメンバーを招待すると、サイトを壊したりコアデザインシステムから逸脱したりすることなく、独自のランディング ページを構築できるので、安心してサイトに貢献できます。

マーケティング担当者とクライアントは次のことが可能です。

• キャンペーン、イベント、製品リリースなどの実行速度を向上させます。
• デザイナー、開発者、パートナーが設定したガードレールの範囲内で、より自律的に作業します。
• ドラッグ アンド ドロップ操作で自信を持って構築できるので、サイトのデザインが崩れる心配はありません。

ページ構築を今すぐ使い始める方法の詳細については、Webflow Universityの記事をご覧ください。

‍

デザイナーのためのページ構築

ページテンプレートとビルディングブロックを作成する

デザイナーは、静的なページテンプレートとコンポーネントを作成できます。

その後、チームメイトやクライアントは、これらを使用して共通のマーケティングページ(ランディング ページ、競合他社のページ、機能/ソリューション ページ、イベントページなど) を構築および編集できます。

マーケティング担当者、クライアント、またはその他のチームメンバーがページにコンポーネントを追加できるようにするには、[add] パネルからページスロット要素をドラッグします。

ページ スロット要素は、チーム メンバーが既存のコンポーネントを追加できるプレースホルダーとして機能します。

これは、既存のコンポーネントを含むページを作成する場合に便利です。

ページスロットは、コンポーネントスロット要素と同じではないことに注意してください。

コンポーネントスロットを含むコンポーネントの場合、マーケティング担当者は、それらのコンポーネントスロットにコンポーネントを追加できるという柔軟性がさらに高まります。

デザイナーの制御を維持し、マーケティング担当者の安全を確保するため、マーケティング担当者はページスロット内にある場合にのみ、コンポーネントスロットにコンポーネントを追加できます。

ページにページスロットがない場合、マーケティング チーム メンバーはページの編集のみを行うことができます。

(例:テキスト、リンク、画像の編集、サイト アセットの管理、コレクション アイテム/e コマース製品の管理)

注記

他のチームメイトがデザインを制御しているときにデザイナーを開くと、ビルドモードになります。

‍

マーケティングチームメイトやクライアントをサイトに追加する

チームメイトまたはクライアントをサイトに追加するには:

1. Site settings>Site accessに移動します
2. 「Add people」をクリック
3. teamのドロップダウンから追加するチームメイトを選択します
4. サイトの役割を「Marketer」に設定する

チームメイトをサイトに追加するには、そのメンバーがすでにワークスペースのメンバーになっている必要があることに注意してください。

‍

マーケター向けのページ構築

ページの作成と編集

マーケティング担当者は、チームメイトが作成したテンプレートとビルディングブロックを使用して、ドラッグ アンド ドロップ操作で自信を持ってすばやくページを構築および編集できます。

サイトが壊れる心配はありません。

静的ページテンプレートから新しいページを作成し、ページ設定を編集/調整できます。

その後、任意のページ スロット内の既存のコンポーネントを追加、移動、または削除し、必要に応じてコンポーネントのプロパティ値をカスタマイズできます。

ページスロット要素は、既存のコンポーネントを追加できるプレースホルダーとして機能します。

これは、既存のコンポーネントを含むページを作成する場合に便利です。

ページスロットは、コンポーネントスロット要素と同じではないことに注意してください。

コンポーネントスロットを含むコンポーネントの場合は、それらのコンポーネントスロットにコンポーネントを追加できるという柔軟性がさらに高まります。

デザイナーの制御を維持し、マーケティング担当者の安全を確保するため、コンポーネントをコンポーネントスロットに追加できるのは、ページスロット内にある場合のみです。

ページにページ スロットがない場合は、ページの編集のみが可能です。

(例:テキスト、リンク、画像の編集、サイト アセットの管理、コレクションアイテム/eコマース製品の管理)

‍

注記

マーケターはブランチを作成してページを構築できるほか、ページ ブランチのレビューと承認をリクエストできます。

ただし、マーケターはブランチをマージできません。

デザイナーが変更を承認した後、マーケターに代わってブランチをマージする必要があります。

複数のマーケティング担当者が同時に異なるページ (または同じページ) で作業できますが、多くのマーケティング担当者が同時に同じページで作業する場合、チームメイトの作業間で競合が発生するリスクがあります。

たとえば、あるマーケティング担当者が別のマーケティング担当者が編集していたコンポーネントインスタンスを削除する可能性があります。

複数のマーケティング担当者が同じページで作業する場合、このような競合を回避するために元に戻す操作とやり直し操作は無効になります。

変更内容は、デザイナーで作業している他のチームメンバーのセッションにリアルタイムで同期されます。

たとえば、ページスロットにコンポーネントを追加すると、そのコンポーネントは他のチームメンバーのキャンバスにリアルタイムで表示されます。

ページの作成が完了したら、チームと共有してレビューとフィードバックを受けることができます。

‍