機能紹介

コードが書けなくても
直感で組める操作性

テンプレートを選んで、
文字・画像の色や形の調整だけで、
思い描いたデザインに。
HTMLコードの作成は
CodingDoGGがおこないます。

scroll
Step
01

テンプレートから始める
Templates

プロがデザインした
美しいテンプレートを選ぶだけ。
目的に近いデザインを起点に、
すぐに作り始められます。

Step
02

構成を組む
Drag & Drop

構成ブロックをドラッグするだけで、
直感的に並べ替え。
レイアウトの変更も、思いのままに自由に。

Step
03

画像を入力する
Image Input

画像はドラッグ&ドロップで入力。
トリミング・明るさ・鮮やかさなど、
簡単に調整できます。
動きのある画像生成機能も使えます。

  • 画像はドラッグ&ドロップで入力
  • トリミング・明るさ・鮮やかさなど、
    簡単に調整
  • 動きのある画像生成機能も使えます
Step
04

直接書き込む
Inline Edit

プレビューの文字を直接クリックして、
そのまま文章を打ち込めます。
見たままの印象で直せるので、
初心者でも迷わず使えます。

  • プレビューと編集画面が完全に同一
  • スマホ・PCプレビューを切り替えながら編集
  • フォントサイズ・色もその場でリアルタイム変更
Step
05

サイズ・色形を調整する
Adjust

各ブロックの調整パネルで、文字サイズ
色・余白・角丸などをその場で調整。
HTMLの知識がなくても、
コードが書けなくても、
思いどおりのデザインに仕上げられます。

  • 調整パネルでサイズ・色・余白をその場で変更
  • 変更はプレビューにリアルタイム反映
  • コード不要で、細部まで思いどおりに
Step
06

安全を確認する
102KB Monitor

Gmailなどは、HTMLメールが
約102KBを超えると表示を
途中で切ってしまいます。
CodingDoGGはリアルタイムに容量計測、
上限に近づくとメーターで知らせます

  • 編集のたびに自動でリアルタイム計算
  • 緑→黄→赤でひと目で危険レベルを把握
  • 超過前にアラートで警告、配信事故ゼロへ
Step
07

テスト送信で実機確認
Test Send

作ったメルマガを、
ご自身のメールアドレスへ試し送り。
Gmail・Outlook・Apple Mail など、
実際の受信環境での見え方を、
配信前に確認できます。

  • 配信前に、実際のメール環境で表示をチェック
  • Gmail・Outlook・Apple Mail などで確認
  • 崩れを事前に発見して、配信事故を防ぐ
Step
08

作ったデザインを管理
My Design

完成したメルマガデザインは
「マイデザインページ」で保存・複製・管理。
過去のデザインを複製して、
次号をすぐに作り始められます。
フッターは「マイフッターページ」で
同様に保存・複製・管理が出来ます。
マイデザインへワンタッチで差し替え可能。

  • 作ったメルマガデザインを保存・複製・管理

Behind the scenes

HTMLメールの難題は、
CodingDoGGにおまかせ

HTMLメールは1990年代の
古いルールが今も残っています。
CodingDoGGはメールが崩れにくい
HTMLへ最適に変換します。
あなたは画面上で思い通りにデザインするだけ。

メール通信の厳しいルール 1

FlexもGridも効かない

メールではTableの入れ子構造が前提。CodingDoGGが崩れにくいテーブルレイアウトを自動生成します。

メール通信の厳しいルール 2

Outlookで画像サイズが変わる

Windows版OutlookはDPIで画像を拡大縮小します。VMLと専用属性で表示差を抑えます。

メール通信の厳しいルール 3

画像がブロックされる

企業のセキュリティ設定で画像が非表示になるケースに備えて、代替テキストを設定できるので、画像が表示されなくても内容が伝わります。

Get started

かんたん操作で、 CodingDoGG メルマガHTMLメーカー 自由なデザインを
思いのままに。

事前登録でリリース情報を
いち早くお知らせします