POPMAKE（ポップメイク）は、ブログやLPに置くポップアップを、文字を入れるだけで作れるツールです。
できたコードを「カスタムHTML」ブロックに貼るだけで、プレゼントやメルマガの案内を、読者の目にとまる形で届けられます。
POPMAKEでできること
貼るだけで動く
コードは1つにまとまっていて、プラグインもサーバーの設定もいりません。
テーマに崩されない
サイトのデザインから切り離して表示するので、どのテーマでも同じ見た目です。
スマホにやさしい
スマホでは画面の下から小さく出して、記事を読む邪魔をしません。
しつこくならない
一度閉じた人には、決めた日数のあいだ表示しません。
使い方は3ステップ
- 1
左で設定する
タイトル・本文・ボタンなどを入れます。入力した内容は自動で保存されます。
- 2
右のプレビューで確かめる
実際のポップアップが表示されます。PCとスマホの見え方も切り替えられます。
- 3
コピーして貼る
「コードをコピー」を押して、出したいページのカスタムHTMLに貼れば完成です。
画面のイメージ
- 1左の欄で内容や見た目を設定します。項目ごとに開け閉めできます
- 2右に本物のポップアップが出ます。設定を変えるとすぐ反映されます
- 3コピーしたコードを、ポップアップを出したいページに貼ります
コードの貼り方
記事・固定ページに出す
ページの編集画面で「カスタムHTML」ブロックを追加し、コードを貼って更新します。置く場所はどこでもOKです。
サイト全体に出す
「外観」の「ウィジェット」で、フッターなど全ページに出るエリアにカスタムHTMLを追加して貼ります。
WordPress以外で使う
HTMLを貼れるページ作成サービスなら同じように使えます。コードは丸ごと貼ってください。
貼り直すときはIDはそのままでOK
ポップアップには1つずつIDが付きます。内容を直して貼り直すときは、IDを変えなければ「閉じた人には○日表示しない」の記憶も引き継がれます。同じページに別のポップアップを置くときだけ、「新しいIDにする」を押してください。
設定のポイント
1表示の形
- 中央ポップアップ：画面の真ん中に、いちばん目にとまる形で表示
- スライドイン：右下からそっと表示PRO
- 帯バナー：画面の上か下に細長く固定PRO
2内容
- 本文の改行は、そのまま反映されます
- 画像は横長（横：縦＝2：1くらい）が見やすくおすすめ
- ボタン2つ目・LINE友だち追加ボタンPRO
3デザイン
- 型3種類とテーマカラー8色から選べます
- 幅は280〜800px。スマホでは自動で縮みます
- 型8種類・登場アニメーション・色や角丸の細かい指定PRO
4タイミング
- ○秒後、または記事を○%まで読んだら表示
- 離脱しそうなとき（タブを閉じようとしたとき）PRO
- 上に大きく戻るスクロールをしたときPRO
5頻度
- 閉じたあと○日間は表示しない（0なら毎回）
- 1日1回まで・毎回表示PRO
- 何度か来てくれた人だけに表示PRO
6スマホ表示
- オンにすると、スマホでは画面の下から小さなカードで表示します
- 本文を覆わないので、Googleの評価にも配慮できます
PRO版の機能の使い方
メール登録フォーム
配信サービスで発行した登録フォームのHTMLを貼るだけで、送信先や必要な項目をツールが自動で読み取り、ポップアップのデザインに合わせたフォームに作り直します。
- 1配信サービスを選ぶ
- 2フォームのHTMLを貼る
- 3「読み込みました」が出たら完了
対応サービス
- マイスピー（MyASP）
- エキスパ
- ジェイシティ（Jcity）
- オレンジメール
- アスメル
カウントダウン
締切の日時を入れると「あと 2日 03:12:45」のように残り時間を表示します。締切後は「出さない」か「終了の文言を出す」を選べます。
出す条件
掲載期間を決めると、その期間だけ表示します。「PCだけ」「スマホだけ」にも絞れます。
フォームは貼ったあとに一度テスト登録を
プレビューのフォームは見た目の確認用で、送信はできません。配信サービス側で「お名前」が必須なら、「お名前を必須にする」もオンにしてください。うまくいかないときは、ツールの「開発者に知らせる」から送ってください。
貼ったのに出ないときは
一度閉じたポップアップは、決めた日数のあいだ出ません。確認するときは、ブラウザのシークレットウィンドウでページを開いてみてください。
設定はファイルに残せます
入力内容はブラウザに自動で保存されます。「設定データを書き出す」でファイルにしておけば、別のパソコンでも続きから作れます。フリー版の設定データはPRO版でも読み込めます。
フリー版とPRO版
POPMAKE
無料・登録なし
- 中央ポップアップ
- ボタン1つ
- 型3種類・8色
- ○秒後／スクロールで表示
- 閉じたら○日表示しない
- スマホでは小さく表示
POPMAKE PRO
無料・メールアドレスの登録のみ
- フリー版の機能すべて
- メール登録フォームを入れられる
- スライドイン・帯バナー
- 離脱しそうなときに表示
- 締切カウントダウン
- 型8種類・アニメーション・細かい色指定
- 掲載期間・PCだけ／スマホだけ
ポップアップの中にメール登録フォームをそのまま入れられるので、せっかく来てくれた読者とのつながりを逃しません。
