Noptin:WordPress用ニュースレタープラグイン

WordPress 用ニュースレタープラグインの紹介です。
それは「Noptin」です。
その導入手順から日本語化・使い方と設定などを解説していきます。

Noptin

Noptin - WordPress.org

Noptin は、WordPress 用の軽量のニュースレタープラグインです。
Noptin の主な特徴は、以下の通りです。

  • ニュースレター購読フォームを無制限に作成可
  • ショートコードを使用して、任意の場所に購読フォームを設置可
  • 購読フォームをポップアップまたはライトボックスで表示可
  • ウィジェット領域にニュースレター購読ウィジェットを無制限に追加可能
  • ニュースレター購読者を無制限に収集可
  • ニュースレター購読者に 1 回限りのニュースレターを送信可
  • 新規投稿が公開されると、購読者に自動的に通知可
  • 特定のアクションに対して自動化ルールを設定可
  • 任意の SMTP プラグインと連携可。設定不要で自動的に使用します

記事を作成もしくは更新時点でのバージョン:1.3.2

Gutenberg エディターでの動作

Gutenberg エディターに専用ブロックが追加されます。

Gutenbergでのショートコードの挿入手順

このプラグインは、ショートコードを使用します。
挿入手順については、下記の記事にて詳しく解説していますので、御覧ください。

Gutenberg でのショートコードの挿入手順 – WordPress活用術

インストール手順

Noptin をインストールするには 2 種類の方法があります。
下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化する。
Noptin – WordPress.org

もしくは、WordPress.org の公式プラグインディレクトリにリリースされているので、
管理画面からインストールできます。

ダッシュボードから「プラグイン」メニューの「新規追加」を選択し、
プラグイン追加画面右上の検索窓に「Noptin」と入力します。

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
※一番左上に表示されない場合は、上記の画像から探して下さい。
インストールが完了したら、プラグインを「有効化」します。

プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。

WordPressプラグインのインストール手順を解説 – WordPress活用術

日本語化

Noptin を有効化した際に日本語化されない場合には、
日本語化用の言語パックを translate.wordpress.org から入手できる場合があります。

WordPress と関連プロジェクト(テーマ・プラグイン)用の翻訳プラットフォームとして、
translate.wordpress.org (GlotPress) が導入されています。

※ボランティアで翻訳されている場合が多いので、
全てのプラグインで、必ずしも日本語化用の言語パックが用意されているわけでは無いです。
また、用意されていても 100% 翻訳されている保証もありません。

日本語化用の翻訳ファイルの探し方は、下記の記事を参照してください。

WordPress公式での日本語化用の翻訳ファイルの探し方 – WordPress活用術

専用メニュー

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

管理画面の「固定ページ」メニューの下に追加されています。

使い方(購読フォームの作り方)

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

作成済みの購読フォーム一覧。
購読フォームを新規作成するには「Add New」をクリックします。
フォームのインポート&エクスポートも可能。

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

購読フォーム作成画面です。
右側の設定メニューから必要な設定変更を行います。
設定を変更すると左側のプレビューに即時反映されます。

設定(Settings)

基本設定(Basic Options)

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

  • Publish
    この購読フォームを公開するかどうか。
  • Form type
    フォームのタイプを選択します。
  • Inject into post content
    この購読フォームを投稿内に挿入するかどうか。挿入する場合には位置を選択します。
  • What should happen after the user subscribes
    ユーザーが購読した後のサイトの動作(メッセージを表示かリダイレクト)を選択します。
  • Success message
    購読処理が正常終了した際のメッセージを入力します。
  • Redirect url
    購読処理が正常終了した際のリダイレクト先 URL を入力します。

フォームのタイプでは、ショートコード・ウィジェット・ポップアップ・スライドを選択可。

ターゲットページ設定(Page Targeting)

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

  • Everywhere
    この購読フォームをどこでも表示するかどうか。
  • Never show on
    この購読フォームを表示したくない投稿や固定ページを ID で指定できます。カンマで区切ると複数指定可。
  • Only show on
    この購読フォームを表示する投稿や固定ページを ID で指定できます。カンマで区切ると複数指定可。

ターゲットデバイス設定(Device Targeting)

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

  • Hide on Mobile
    この購読フォームをモバイル端末では非表示にするかどうか。
  • Hide on Desktops
    この購読フォームをデスクトップ端末では非表示にするかどうか。

ポップアップ設定(Popup Options)

Form type で「Popup」選択時に設定可能。

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

  • Display this form once per week
    このフォームを週に 1 回だけ表示するかどうか。
  • Show this form
    この購読フォームを表示(ポップアップ)するタイミングを選択します。

スライド設定(Sliding Options)

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

  • The form will slide from…
    この購読フォームのスライド開始位置を選択します。
  • Show this form
    この購読フォームを表示(スライド)するタイミングを選択します。

デザイン(Design)

テンプレート(Templates)

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

  • Apply a template
    適用するテンプレートを選択します。
  • Apply a color theme
    適用するカラーテーマを選択します。

フォームの外観(Form Appearance)

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

  • Border Size
    枠線のサイズを入力します。
    初期値:4 px
  • Border Radius
    枠線で囲む四隅の角の丸み具合を入力します。
    初期値:0 px
  • Prefered Width
    フォームの推奨幅を入力します。小型端末では自動的に 100 % に変更されます。
    初期値:400 px
  • Minimum Height
    フォームの最小の高さを入力します。
    初期値:280 px

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

  • Border Color
    枠線の色を選択します。
  • Background Color
    背景色を選択します。

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

  • Background Image
    背景画像を選択します。
  • Background Video
    動画ファイル(MP4)の URL を指定できます。

フォームフィールド(Opt-in Fields)

フォームに表示するフィールドを制御できます。

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

  • Show all fields in a single line
    全てのフィールドを 1 行で表示するかどうか。
  • Show GDPR checkbox
    GDPR 用のチェックボックスを表示するかどうか。
  • Hide opt-in fields
    この購読フォームのフィールドを非表示にするかどうか。

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

フィールドのタイプ・ラベル・名前・必須にするかを指定します。

画像(Image)

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

  • Image URL
    画像の URL を指定できます。

ボタン(Button)

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

  • Button Label
    ボタンのラベルを入力します。
  • Button Position
    ボタンの表示位置を選択します。
  • Button Background
    ボタンの背景色を選択します。
  • Button Color
    ボタンの文字色を選択します。

タイトル(Title)

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

  • Hide title
    タイトルを非表示にするかどうか。
  • Title
    表示するタイトルを入力します。
  • Title Color
    タイトルの文字色を選択します。

説明(Description)

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

  • Hide description
    説明を非表示にするかどうか。
  • Description
    表示する説明を入力します。
  • Description Color
    説明の文字色を選択します。

メモ(Note)

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

  • Hide note
    メモを非表示にするかどうか。
  • Note
    表示するメモを入力します。
  • Note Color
    メモの文字色を選択します。

カスタムCSS(Custom CSS)

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

カスタム CSS コードを入力します。

統合(Integrations)

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

アドオンのインストールが必要なので省略します。

配信メール管理(Email Campaigns)

ニュースレター(Newsletter)

このページでは、購読者に 1 回限りのメールを送信できます。

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

メール一覧。

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

メール作成画面。
送信テストやスケジュール配信も可能。

自動配信メール(Automated Emails)

このページでは、購読者に自動的に配信するメールを作成できます。

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

メール一覧。

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

自動メールのタイプを選択します。
「Post Notifications」以外はアドオンのインストールが必要。

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

メール購読者(Email Subscribers)

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

購読者一覧。

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

手動での購読者登録も可能。

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

購読者の編集画面。

自動化ルール(Automation Rules)

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

自動化ルール一覧。

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

選択できるトリガーは、次のとおりです。

  • 誰かがニュースレターにサインアップ時
  • 購読者が特定の電子メールを開いた時
  • メールの特定のリンクがクリックされた時
  • 特定の WooCommerce 製品の購入時
  • WooCommerce の新規注文時
  • メーリングリストに参加時
  • メーリングリストから削除時

選択できるアクションは次のとおりです。

  • 購読者にメールを送信
  • 購読者のカスタムフィールドを更新
  • 購読者をメーリングリストに追加
  • メーリングリストから購読者を削除

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

自動化ルール編集画面(一例)

設定(Settings)

一般設定(General)

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

  • Admin Notifications
    新規購読者がニュースレターにサインアップと、サイト管理者に通知するかどうか。
  • Double Opt-in
    新規購読者にメールアドレスの確認を要求するかどうか。
  • Delete on Unsubscribe
    購読者を非アクティブとしてマークするのではなく、購読解除後に購読者を削除するかどうか。
  • Hide From Subscribers
    既存の購読者からオプトインフォームとメソッドを非表示にするかどうか。

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

  • Subscription Cookie
    別のメールプラグインから移行する場合に購読者を識別するために使用した Cookie 名を入力します。
  • Default Success Message
    ニュースレターの登録に成功後に表示されるメッセージを入力します。
  • GeoLocation API Key
    ipgeolocation.io APIキーを入力します。

メール設定(Emails)

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

  • Reply-to Email
    送信メールの返信先メールアドレスを指定します。デフォルトでは、管理者メールアドレスが設定されています。
  • From Email
    送信者メールアドレスを入力します。
  • From Name
    送信者名を入力します。

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

  • Company
    会社名もしくはサイト名を入力します。デフォルトでは、サイト名が設定されています。
  • Logo
    ロゴ画像を選択できます。
  • Email Template
    メールの形式を選択します。

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

  • Permission reminder
    配信停止リンクと説明を入力できます。
  • Footer text
    メールのフッターテキストを入力できます。

統合設定(Integrations)

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

  • Registration Form
    WordPress の登録フォームから購読登録できるようにするかどうか。
  • Comment Form
    WordPress のコメントフォームから購読登録できるようにするかどうか。

メッセージ設定(Messages)

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

  • Unsubscription Message
    登録解除後に登録者に表示するメッセージを入力します。 以下で、リダイレクト URL を指定しない場合にのみ使用されます。
  • Unsubscription Redirect
    登録解除後に登録者をリダイレクトさせる URL を入力できます。
  • Confirmation Message
    購読者がメールアドレスを確認した後に表示するメッセージを入力します。 以下で、リダイレクト URL を指定しない場合にのみ使用されます。
  • Confirmation Redirect
    メールを確認後、購読者をリダイレクトさせたい場合に URL を指定できます。

Noptin

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

購読者数と購読フォーム数の確認ができます。

ツール(Tools)

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

Debug Log:
Noptin によってログに記録された通知とエラーのリストを表示できます。

System Information:
システム情報とNoptin構成を表示できます。

Sync Users:
WordPress ユーザーと Noptin の購読者を同期します。

専用ウィジェット

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

簡単なニュースレター購読ウィジェットを作成できます。

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

フォームタイプが「ウィジェット」のものを設定可。

専用ブロック

WordPressプラグイン「Noptin」の導入から日本語化・使い方と設定項目を解説している画像

代替プラグイン

Noptin にほしい機能が無かった場合には、
Noptin 以外にもメルマガやニュースレター等の配信ができるプラグインを記事にしています。
以下では、Noptin を含めて 4 個を簡単に紹介しています。

メルマガやニュースレター等の配信ができるWordPressプラグイン一覧

URL

Noptin – WordPress.org

本ページはアフィリエイトプログラムによる収益を得ています