要素を選択して配置する
要素を選択する
要素をクリックして選択するか、左側の階層パネルで要素の名前をクリックします。要素を追加、複製、編集、または削除する
左側のパネルで要素にカーソルを合わせると、補助的な操作が表示されます。+ アイコンをクリックすると、選択した要素の下に要素を追加できます。three-dots メニューをクリックすると、要素の編集、名前変更、複製、非表示、削除ができます。
要素にイベントが関連付けられている場合、その要素は削除できません。先にイベントを削除する必要があります。
要素を複製する
同じ画面内で要素を複製することも、ある画面から別の画面へ要素を複製することもできます。要素のサイズを変更する
プレビューウィンドウ（右側）で要素のサイズを変更できます。要素の端にカーソルを合わせ、クリックしてドラッグすると、寸法を編集できます。 左側のパネルでも、寸法を変更できます。Auto-resize text and heading
Smart guides
Smart guidesを使うと、ウィジェットの編集中に、要素を縦方向と横方向の両方で揃えて配置できます。Constrain proportions
要素のサイズを変更したら、その寸法をロックできます。 要素の縦横比を固定するには:- 左側のパネルで要素を選択します。
- 要素にカーソルを合わせ、padlock をクリックします。
要素を移動する
プレビューで要素をドラッグ&ドロップして移動します。要素を回転させる
要素を回転させるには、要素を選択し、左側のパネルの回転パラメーターに目的の回転角度を入力します。要素のコンテンツを編集する
要素をクリックして、その設定にアクセスします。 AI を使用して、テキストを編集または生成できます。
テキストに関連付けられた URL を変更するには、クリックイベントを作成し、それに URL アクションを関連付けます。
独自のフォントをアップロードする
ウィジェットに独自のフォントを追加できます。- テキストエディターで T アイコンをクリックし、+ Add a font をクリックします。
- フォントのインポート設定で、Font Source: を選択します。
- From your website: フォントがウィジェットと同じウェブサイトでホストされている場合は、このオプションを選択します。
- Link to a font file: フォントファイルへの直接の URL を入力します（例:
.woff、.woff2、.ttf、.otf）。 - Embed code:
@importまたは@font-faceを使ってフォントを読み込む CSS コードを挿入します（Google Fonts や Adobe Fonts などのサービスから取得できます）。Google Fonts を貼り付ける場合は、@importから</style>までのコードだけをコピーします。
- Font family を指定します。
- Preview & Add をクリックすると、テキストにそのフォントを適用した見た目をすぐに確認できます。
カスタムカラーを使用する
カラーピッカーパネルのスポイトを使うと、画面上の任意の色を取得して、要素に使用できます。
要素の状態を設定する
要素を選択すると、編集メニューの上部に 2 つのタブが表示されます。General と States です。 States タブを選択すると、要素の状態（Hover、Active、Disabled）を編集するための追加のプロパティが表示されます。
テキスト要素の HTML を編集する
HTML コードエディターを使うと、テキスト要素のマークアップ（例: メッセージの一部を囲む strong タグ）を変更できます。 テキスト要素の HTML を編集するには:- テキスト要素を選択します。
- Text content ツールバーで三点メニューをクリックし、Code をクリックします。
- コードエディターで HTML を編集します。
