Webflowにウィジェットを追加する

1. 1
   ステップ1:

   コードをコピーする

   Citypickedで「ショーケース」を開き、「ウェブサイト用ウィジェット」に進む。スクリプト付きのコードの「コードをコピー」をクリックする。

2. 2
   ステップ2:

   要素を追加する

   Webflow Designerでページを開く。左側のプラスをクリックし、「Code Embed」要素をウィジェットを表示したい場所までドラッグする。

3. 3
   ステップ3:

   コードを貼り付ける

   ウィンドウにコードを貼り付けて「Save & Close」をクリックする。

4. 4
   ステップ4:

   公開する

   右上の「Publish」をクリックし、サイトを公開する。

5. 5
   ステップ5:

   確認する

   ウェブサイトでページを開く。スクロールしてたどり着くと、ウィジェットが表示される。

Webflowで知っておきたいこと

「Code Embed」要素を使うには、有料のサイトプラン、またはCore、Growth、Agency、FreelancerのいずれかのWorkspaceが必要。

Designerではプレースホルダーしか表示されない。ウィジェットは公開したサイトに表示される。