フレックスエディタ編集画面右側のプロパティエディタで設定できる項目を説明します。特定エレメントの特定設定項目に関する仕様を確認したい場合にご利用ください。

※「表示/非表示」は、追加したブレークポイントのプロパティ設定でのみ表示されます。デフォルトのプロパティには表示されません。追加したブレークポイントごとに、エレメントを表示するか非表示にするかを切り替えられます。

テキスト/キャプション/タイトル

  • テキスト

  • 基本設定

    • サイズ

    • 太さ

    • カラー

    • フォント

    • 整列

    • 横幅

    • 文字の折り返し（する/しない）

    • 余白（パディング）

  • 属性カスタマイズ

  • CSSカスタマイズ

リッチテキスト

  • テキスト

  • カラー

  • 太字

  • イタリック

  • 打ち消し線

  • 下線

  • 左揃え

  • 中央揃え

  • 右揃え

  • テキスト入力

  • 基本設定

    • フォントサイズ

    • カラー

    • フォント

    • 横幅

  • 属性カスタマイズ

  • CSSカスタマイズ

テキストリンク

  • 基本設定

    • テキスト

    • フォントサイズ

    • カラー

    • フォント

    • 文字の太さ

    • アンダーライン

  • クリック時の動作

  • アイコン

  • 属性カスタマイズ

  • CSSカスタマイズ

ボタン/アウトラインボタン/テキストボタン/ボタン（アイコン）/アウトラインボタン（アイコン）/テキストボタン（アイコン）

  • 基本情報

    • ラベル

    • 横幅

    • テーマ

    • サイズ

    • 太さ

    • 角丸

    • 折り返しする

    • 整列（左/中央/右）：折り返しがON時

  • アイコン

    • アイコン種別

    • アイコン位置

  • クリック時の動作

  • 絶対配置

  • 属性カスタマイズ

  • CSSカスタマイズ

閉じるボタン

  • 基本情報

    • サイズ

    • カラー

    • 背景色

    • 枠線

    • 余白（パディング）

  • ラベル

    • テキスト

    • カラー

  • 絶対配置

  • クリック時の動作：未指定の場合、クリック時に接客を閉じます

  • 属性カスタマイズ

  • CSSカスタマイズ

アバター

  • 基本情報

    • 画像

    • 代替テキスト

    • サイズ

      • カスタムの場合：横幅、高さ

    • シェイプ

    • 枠線

    • 余白（パディング）

  • クリック時の動作

  • 絶対配置

  • 属性カスタマイズ

  • CSSカスタマイズ

イメージ

  • 基本情報

    • 画像

    • 代替テキスト

    • サイズ指定方法

    • 横幅

    • 高さ：サイズ指定方法が固定の場合

    • 比率（横:縦）：サイズ指定方法が固定以外の場合

    • 角丸

    • 枠線

    • 余白（パディング）

  • クリック時の動作

  • 絶対配置

  • 属性カスタマイズ

  • CSSカスタマイズ

YouTube

  • 基本情報

    • 動画ID/YouTubeURLから挿入

    • 自動再生

    • ミュート：自動再生がONの場合は、強制的にミュートになります

    • コントロール：

      • OFFの場合：一時停止/再生のみ可能

      • ONの場合：任意の再生位置への変更などの制御が可能

    • 拡大表示を許可：コントロールがONの場合に設定できます

    • 字幕表示

      • OFFの場合：YouTubeにログインしていればユーザー設定に準拠

      • ONの場合：ユーザー設定にかかわらず表示

    • ループ再生

  • スタイル

    • 横幅

  • 絶対配置

  • 属性カスタマイズ

  • CSSカスタマイズ

アイコン

  • 基本情報

    • 種類

    • サイズ

    • 文字色

    • 代替テキスト

  • クリック時の動作

  • 絶対配置

  • 属性カスタマイズ

  • CSSカスタマイズ

埋め込みコード

  • 埋め込みコード

  • スタイル

    • サイズ指定方法

    • 横幅

    • 高さ：サイズ指定方法が固定の場合

    • 比率（横:縦）：サイズ指定方法が固定以外の場合

  • 絶対配置

  • 属性カスタマイズ

  • CSSカスタマイズ

リスト（テキスト）/リスト（画像 + テキスト）

  • 基本情報

    • 横幅

    • アイテム余白

    • 区切り線

  • 絶対配置

  • 属性カスタマイズ

  • CSSカスタマイズ

  • 各アイテム

    • クリック時の動作

    • 属性カスタマイズ

    • CSSカスタマイズ

マルチカラム（2カラム）/マルチカラム（3カラム）

  • 基本情報

    • 横幅

    • アイテム間余白

    • 区切り線

  • 絶対配置

  • 属性カスタマイズ

  • CSSカスタマイズ

  • 各アイテム

    • クリック時の動作

    • 属性カスタマイズ

    • CSSカスタマイズ

スライダー（画像のみ）/スライダー（画像 + テキスト）

  • 基本情報

    • スライダー名：クリック時の動作の「スライド遷移」で操作対象を指定する際に使用します

    • アイテム幅

    • アイテム間余白

    • ループする

    • 自動スライド

    • スライドの間隔（秒）：自動スライドがONの場合に設定できます

    • インジケーターを非表示

  • 属性カスタマイズ

  • CSSカスタマイズ

  • 各アイテム

    • クリック時の動作

    • 属性カスタマイズ

    • CSSカスタマイズ

カウントダウン

  • タイムリミット

  • 終了時の動作：カウントダウンが完了した後の動作を設定できます。選べる動作と設定項目は「クリック時の動作」と共通です

    • リンク遷移

    • ステート遷移

    • スライド遷移

    • ネイティブ機能呼び出し

    • 閉じる

    • イベントハンドラー

  • 絶対配置

  • 属性カスタマイズ

  • CSSカスタマイズ

クリップボードコピー

  • テキスト：表示テキストとは別のテキストをコピーしたい場合に利用します

  • イベント名：コピー時に独自のイベントを送信したい場合に利用します

  • 絶対配置

  • 属性カスタマイズ

  • CSSカスタマイズ

コードブロック

  • HTML

  • CSS

  • JavaScript

※サポート対象外となります。詳細は「アクションのカスタマイズ方法のご案内と配信にかかわるトラブルシューティング」をご確認ください。

レイアウト

  • 並び方向

  • 整列（横）/整列（縦）

  • 子要素の間隔

  • 横幅

  • 最大幅

  • 高さ

  • 余白（パディング）

  • スタイル

    • 背景色

    • 背景画像

      • 背景画像を設定した場合：背景画像サイズ、背景画像の位置、背景画像の透過

    • 角丸

    • 枠線

    • シャドウ

    • 領域外の表示

  • クリック時の動作

  • 絶対配置

  • 属性カスタマイズ

  • CSSカスタマイズ

クリック時の動作

クリックできる要素のプロパティエディタで、クリックしたときの動作と、そのクリックで送るカスタムイベントを設定します。設定項目は要素ごとに共通です。

動作

「動作」をオンにすると、クリックしたときの処理を選べます。

リンク遷移

指定したURLへ遷移します。

  • リンク：遷移先のURL

  • 新しいタブ

    • Webブラウザでは、オンで新しいタブ、オフで同じタブに開きます

    • KARTE for AppのWebViewでは、オンのときクリック後も接客が表示されたままになります。オフのときクリック後に接客が非表示になります

    • 自社で管理するWebViewでは、Webブラウザと同じです。新しいタブをオンにする場合は、WebViewの実装が target="_blank" に対応していることを確認してください

  • URLをデコード：%3D のようにエンコードされたURLを、デコードしてから遷移します

ステート遷移

別のステートへ切り替えます。ステートが2つ以上あるときに選べます。

  • ステートを選択：遷移先のステート

ステートを切り替えると _message_state_changed が発生します。このイベントは解析対象外のため、セグメントや配信条件には指定できません。押したボタンをセグメントで区別したい場合は、カスタムイベントをあわせて設定します。

スライド遷移

同じ接客の中にあるスライダーの表示を切り替えます。

  • スライダー名：操作するスライダー

  • 遷移先

    • 次のスライド

    • 前のスライド

    • 最初のスライド

    • 最後のスライド

    • スライド番号指定：スライド番号に、先頭を1とした番号を指定します

  • 非活性時に非表示：それ以上移動できない端で、ボタンを非表示にします。スライダーがループする場合は適用されません

ネイティブ機能呼び出し

アプリ配信で、クリック時にアプリのネイティブ機能を呼び出します。

  • 通知の使用許可を求める（iOSのみ）

  • 設定アプリでアプリ設定を開く

  • ストアのアプリページを開く（Androidのみ）

  • トラッキング許可を求める（iOSのみ）

閉じる

表示中の接客を閉じます。追加の入力項目はありません。

イベントハンドラー

共通コード設定のスクリプトで登録した処理を、クリック時に実行します。

  • ハンドラー名：setEventHandlers で登録した名前

登録方法は「フレックスエディタのコード設定によるJavaScriptのサンプルコード」の setEventHandlers を確認してください。スクリプトによるカスタマイズはサポート対象外です。詳細は「アクションのカスタマイズ方法のご案内と配信にかかわるトラブルシューティング」をご確認ください。

カスタムイベント

クリック時に、指定した名前のイベントを追加で送信します。どのボタンが押されたかをセグメントや、次の接客の配信条件に使うときに設定します。 「カスタムイベント」をオンにし、イベント名を入力します。条件を満たさない名前は保存されません。

  • 英小文字またはアンダースコア（_）から始まる

  • 使える文字は英小文字、数字、アンダースコア（_）

  • 2文字以上、300文字以内

例：button_detail、reached_state_3

カスタムイベントは、動作が実行されるクリックで送信されます。リンク遷移と同時に button_detail を送る、ステート遷移と同時に reached_state_3 を送る、というように動作と組み合わせます。 接客が自動で発生させるイベント（message_click など）に加えて、この名前のイベントが送信されます。自動で発生するイベントは「フレックスエディタで発生するイベント」をご確認ください。