--- title: クリエイティブエディタ description: バナーとポップアップで利用できるクリエイティブエディタについて説明します。 --- [コンテンツまでスキップ](https://support.materialdigital.jp/manual/button_setting_creative_editor#main-content) 日本語 翻訳のサブメニューを表示 [お問い合わせ](https://support.materialdigital.jp/manual/kb-tickets/new?hsLang=ja) ![typeA-1.png\]](https://support.materialdigital.jp/hs-fs/hubfs/typeA-1.png?height=40&name=typeA-1.png) メインナビゲーションを開く メインナビゲーションを閉じる - 日本語 翻訳のサブメニューを表示 - [お問い合わせ](https://support.materialdigital.jp/manual/kb-tickets/new) - [サービスサイトへ](https://materialdigital.jp/) [サービスサイトへ](https://materialdigital.jp/) お困りのことは何でしょうか？ - 検索フィールドが空なので、候補はありません。 1. [Flipdeskサポートセンター](https://support.materialdigital.jp/manual?hsLang=ja) 2. [Flipdeskマニュアル](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja) 3. [シナリオ](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E3%82%B7%E3%83%8A%E3%83%AA%E3%82%AA) # クリエイティブエディタ ## バナーとポップアップで利用できるクリエイティブエディタについて説明します。 1. [要素](https://support.materialdigital.jp/manual/button_setting_creative_editor#step1) 2. [ブロック](https://support.materialdigital.jp/manual/button_setting_creative_editor#step2) 3. [全般](https://support.materialdigital.jp/manual/button_setting_creative_editor#step3) 4. [画像](https://support.materialdigital.jp/manual/button_setting_creative_editor#step4) 5. [アップロード](https://support.materialdigital.jp/manual/button_setting_creative_editor#step5) 6. [その他：要素の詳細設定](https://support.materialdigital.jp/manual/button_setting_creative_editor#step6) 直感的な操作でクリエイティブが作成可能なエディタです。 ノーコードでバナーを作成できるので、HTMLの知識が必要ありません。 ### 1. 要素 バナーに使用する要素を選択することが可能です。 要素は全部で8個あり、使用したい要素をドラッグ&ドロップして右側の作成画面に移動します。 ブロックはいくつかのパターンがあり、ブロックを分けてボタンや画像を当てはめることが可能です。 詳細は[2. ブロック](https://support.materialdigital.jp/manual/button_setting_creative_editor#step2)をご確認ください。 ![クリエイティブエディタ\_要素](https://support.materialdigital.jp/hs-fs/hubfs/creativeeditor1.png?width=629&height=374&name=creativeeditor1.png) ### 2. ブロック バナーや画像、HTMLなどの要素をどのように分けるかを選ぶことが可能です。 作成画面にある要素が決まっていないブロックを選択すると「要素を追加する」ボタンが表示され、要素画面が開きます。 設定したい要素をブロック上にドラッグ&ドロップすると、指定した要素がブロックの幅に合わせて設定されます。 ![クリエイティブエディタ\_要素追加](https://support.materialdigital.jp/hs-fs/hubfs/%E8%A6%81%E7%B4%A0%E8%BF%BD%E5%8A%A0.png?width=547&height=272&name=%E8%A6%81%E7%B4%A0%E8%BF%BD%E5%8A%A0.png) あらかじめ8パターンのブロックが用意されていますが、境界は左右に自由に移動させることが可能です。 ![クリエイティブエディタ\_ブロック](https://support.materialdigital.jp/hs-fs/hubfs/%E3%83%96%E3%83%AD%E3%83%83%E3%82%AF.png?width=431&height=267&name=%E3%83%96%E3%83%AD%E3%83%83%E3%82%AF.png) ### 3. 全般 バナー全体に関する設定をすることが可能です。 ### 4. 画像 外部サイト[Pexels](https://www.pexels.com/ja-jp/)で公開されている画像を検索し、設定することが可能です。 ### 5. アップロード 画像ファイルをアップロードすることが可能です。 ![クリエイティブエディタ\_画像アップ](https://support.materialdigital.jp/hs-fs/hubfs/%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF%E7%94%BB%E5%83%8F%E3%82%A2%E3%83%83%E3%83%97.png?width=325&height=235&name=%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF%E7%94%BB%E5%83%8F%E3%82%A2%E3%83%83%E3%83%97.png) **ファイル形式・推奨サイズ** - **使用できるファイル形式**：png・gif・jpg - **アップロード可能なファイルサイズ**：1MB未満 ※1MBを超えた場合はエラーとなりますので、縮小するか加工しなおしてアップロードしてください。 - **推奨サイズ**：500KB未満 **※500KBを超えるような大きなファイルサイズ**（表示サイズではありません）の画像ファイルをアップロードすると、実際のシナリオ適用時にボタンが表示されるまでに**時間がかかり、ユーザー体験を損ねる**ことになります。 ※ファイルをアップロードする場合は適したサイズのものを選んでください。 ### 6. その他：要素の詳細設定 要素をクリックすると要素ごとの詳細設定を行うことが可能です。 - [Flipdeskスタートガイド](https://support.materialdigital.jp/manual/flipdesk%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%E3%82%AC%E3%82%A4%E3%83%89?hsLang=ja#main-content) - [初めての方はこちら](https://support.materialdigital.jp/manual/flipdesk%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%E3%82%AC%E3%82%A4%E3%83%89?hsLang=ja#%E5%88%9D%E3%82%81%E3%81%A6%E3%81%AE%E6%96%B9%E3%81%AF%E3%81%93%E3%81%A1%E3%82%89) - [初期設定（タグ設置）](https://support.materialdigital.jp/manual/flipdesk%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%E3%82%AC%E3%82%A4%E3%83%89?hsLang=ja#%E5%88%9D%E6%9C%9F%E8%A8%AD%E5%AE%9A%E3%82%BF%E3%82%B0%E8%A8%AD%E7%BD%AE) - [Flipdeskマニュアル](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#main-content) - [シナリオ](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E3%82%B7%E3%83%8A%E3%83%AA%E3%82%AA) - [配信ターゲットの設定](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E9%85%8D%E4%BF%A1%E3%82%BF%E3%83%BC%E3%82%B2%E3%83%83%E3%83%88%E3%81%AE%E8%A8%AD%E5%AE%9A) - [各種タグの仕様](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E5%90%84%E7%A8%AE%E3%82%BF%E3%82%B0%E3%81%AE%E4%BB%95%E6%A7%98) - [レポート管理](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E3%83%AC%E3%83%9D%E3%83%BC%E3%83%88%E7%AE%A1%E7%90%86) - [各種設定](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E5%90%84%E7%A8%AE%E8%A8%AD%E5%AE%9A) - [アラート機能](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#%E3%82%A2%E3%83%A9%E3%83%BC%E3%83%88%E6%A9%9F%E8%83%BD) - [AI機能](https://support.materialdigital.jp/manual/flipdesk%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja#ai%E6%A9%9F%E8%83%BD) - [Flipdeskオプション](https://support.materialdigital.jp/manual/flipdesk%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3?hsLang=ja#main-content) - [有人チャット](https://support.materialdigital.jp/manual/flipdesk%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3?hsLang=ja#%E6%9C%89%E4%BA%BA%E3%83%81%E3%83%A3%E3%83%83%E3%83%88) - [WEBプッシュ](https://support.materialdigital.jp/manual/flipdesk%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3?hsLang=ja#web%E3%83%97%E3%83%83%E3%82%B7%E3%83%A5) - [会員情報連携](https://support.materialdigital.jp/manual/flipdesk%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3?hsLang=ja#%E4%BC%9A%E5%93%A1%E6%83%85%E5%A0%B1%E9%80%A3%E6%90%BA) - [ヒートマップ](https://support.materialdigital.jp/manual/flipdesk%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3?hsLang=ja#%E3%83%92%E3%83%BC%E3%83%88%E3%83%9E%E3%83%83%E3%83%97) - [Cross Talk](https://support.materialdigital.jp/manual/cross-talk?hsLang=ja#main-content) - [スタートガイド](https://support.materialdigital.jp/manual/cross-talk?hsLang=ja#%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%E3%82%AC%E3%82%A4%E3%83%89) - [技術的なマニュアル](https://support.materialdigital.jp/manual/%E6%8A%80%E8%A1%93%E7%9A%84%E3%81%AA%E3%83%9E%E3%83%8B%E3%83%A5%E3%82%A2%E3%83%AB?hsLang=ja) - [よくある質問](https://support.materialdigital.jp/manual/%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E8%B3%AA%E5%95%8F?hsLang=ja#main-content) - [技術的な情報](https://support.materialdigital.jp/manual/%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E8%B3%AA%E5%95%8F?hsLang=ja#%E6%8A%80%E8%A1%93%E7%9A%84%E3%81%AA%E6%83%85%E5%A0%B1) - [契約・請求関連](https://support.materialdigital.jp/manual/%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B%E8%B3%AA%E5%95%8F?hsLang=ja#%E5%A5%91%E7%B4%84-%E8%AB%8B%E6%B1%82%E9%96%A2%E9%80%A3) [![Chill listening crop-3](https://support.materialdigital.jp/hs-fs/hubfs/typeA-1.png?width=99&height=31&name=typeA-1.png "Chill listening crop-3")](https://materialdigital.jp/) Copyright © Flipdesk Inc. Copyright © 2026, 株式会社マテリアルデジタル