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

1. 1
   ステップ1:

   コードをコピーする

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

2. 2
   ステップ2:

   要素を追加する

   Wixエディターの左側で「パーツを追加」をクリックする。「埋め込みコード」、「よく使われる埋め込み」、「HTML 埋め込み」の順に選ぶ。

3. 3
   ステップ3:

   コードを貼り付ける

   新しい要素をクリックし、「コードを入力」をクリックする。欄にコードを貼り付けて「適用」をクリックする。

4. 4
   ステップ4:

   サイズを調整する

   要素を幅いっぱい、ウィジェットの高さまでドラッグする。高さはCitypickedのコードの下に表示されている。

5. 5
   ステップ5:

   公開する

   右上の「公開」をクリックする。

6. 6
   ステップ6:

   確認する

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

なぜiframeコード？

Wixは独自コードを必ず専用の枠で表示する。iframeコードはこの枠の幅いっぱいに表示される。

Wixは安全なアドレス（HTTPS）のコードしか表示しない。Citypickedのコードは常にHTTPSを使う。