メインコンテンツまでスキップ

Balloon

活用例

image_1

Balloonテンプレートの活用例です。
画像のご用意と設定項目の変更だけで再現できます。

設定方法

  1. 事前にBalloonテンプレートのセットアップを行ってください。

  2. セットアップ方法の手順に従いキャンペーン作成画面を開き、画面左の設定項目を変更します。 image_1

  3. 設定項目を変更します。(テンプレートからの変更箇所のみ記載)

    表示条件

    • バルーン表示位置: 下
    • バルーン内側の余白: 10px
    • バルーンの影: 非表示
    • バルーンの幅を設定する: 有効
    • バルーンの幅: 250px
    • バルーンの高さ: 120px

    コンテンツ

    • 見出しのテキスト: 空白
    • 本文のテキスト: 『商品名や型番から検索できます』と記入してください
    • 本文テキスト色: #333333
    • リンクの表示: 非表示
    • 閉じるボタンのテキスト色: #333333
    • 閉じるボタンの背景色: #CCCCCC
    • 閉じるボタンのボーダー色: #CCCCCC
    • ボタンエリアの配置: 中央

細かい調整を行いたい場合は、テンプレート作成画面下のソースコードで調整する必要があります。