1.) Adalo アプリ内で、左上隅にある大きなプラス記号
をクリックします。
2.) 検索バーに "Marketplace" と入力し、Explore Marketplace をクリックします。
3.) リストから Lottie を見つけ、Install をクリックしてから Done をクリックします。
4.) コンポーネントリストに戻り、検索バーに Lottie と入力し、コンポーネントを目的の画面にドラッグアンドドロップします。
5.) 新しいブラウザタブでLottie のウェブサイトを開いて、追加するアニメーションを見つけます。また、コンポーネント設定内の Lottie ドロップダウンからもこのリンクを見つけることができます。
6.) 適切なアニメーションを見つけたら、それをクリックしてさらにオプションを開きます。
7.) このページから、アニメーションの速度、背景色、および（一部のアニメーションでは）アニメーション自体の色を編集できます。アニメーションが適切であれば、右上の Download ボタンをクリックし、Lottie JSON オプションを選択してアニメーションをダウンロードし、このガイドのステップ 11 に進んでください。
**ダウンロード前に: すべてのプラットフォームでの互換性を確認するために'Feature Support Checker'を使用してください。
8.) Edit Layer Colors ボタンをクリックして Lottie エディタに移動します。新しいブラウザタブが開き、背景色、アニメーション速度、アニメーションの色を編集できます。アニメーションの色が編集可能な場合、右側に色のパレットが表示されます。
9.) 色を編集するには、それをクリックするとカラーピッカーが表示されます。使用したい色を選択し、Update をクリックします。
10.) 色やその他のアニメーション設定がお好みのものになったら、右下隅の Export as Lottie JSON ドロップダウンをクリックし、ダウンロードアイコン
をクリックします。
11.) コンピューター上でダウンロードしたアニメーションを見つけます（おそらくダウンロードフォルダーに保存されています）。
PC では、ファイルをメモ帳で開くことができます（右クリックして 開く > 別のプログラムを選択 > メモ帳 を選択）
Mac では、ファイルをテキストエディットで開くことができます（ファイルをダブルクリック）
12.) ファイル内のすべてのテキストをコピーし、Adalo の Lottie コンポーネントの LottieFiles JSON という入力欄に貼り付けます。 13.) コンポーネントの設定のAnimationセクションでは、アニメーションのループ、ビルダープレビューの切り替え、およびLottieコンポーネントにクリックアクションを追加することもできます。
12.) ファイル内のすべてのテキストをコピーして、AdaloのLottieコンポーネントのLottieFiles JSONとラベル付けされた入力に貼り付けます。
