ブロックシー は、優れたページ読み込み速度と豊富なデザイン機能を備えたモダンなWordPressテーマです。 コンテンツ・ブロック(コンテンツブロック) ファンクションは、レイアウトの自由度と機能拡張を実現するための、さらに中心的なツールである。中でもポップアップウィンドウ(ポップアップ) ユーザーのコンバージョンを高め、購読やキャンペーンの露出を増やす効率的な方法です。この記事では、Blocksy Content Blocksを使ってコンバージョン率の高い購読ポップアップを素早く作成する方法を詳しく説明します。
![画像[1]-Blocksyコンテンツブロックチュートリアル:高コンバージョンの購読ポップアップを素早く作成する](https://www.361sale.com/wp-content/uploads/2025/06/20250630143724772-image.png)
I. なぜBlocksyコンテンツブロックを使って購読ポップアップを作成するのですか?
1.1 テーマとの完璧な互換性
追加のポップアッププラグインをインストールすることなく、Blocksyの組み込みコンテンツブロックポップアップ機能を使用することで、プラグインの競合やページ読み込みの遅さを回避できます。
1.2 視覚化と簡単な操作
とともに グーテンベルク 深いエディタ統合、すべてのポップアップコンテンツは、ドラッグアンドドロップレイアウト、柔軟なコールブロック、ショートコードとスタイルにすることができます。
1.3 柔軟なコンディション表示
Blocksy Content Blocksは、ページ、ユーザーの役割、デバイスなどに基づいた複数基準の表示をサポートし、どのユーザーシナリオでポップアップがトリガーされるかを細かく制御できます。
![画像[2] - Blocksyコンテンツブロックチュートリアル:高コンバージョンの購読ポップアップを素早く作成する](https://www.361sale.com/wp-content/uploads/2025/06/20250630144411920-image.png)
1.4 コンバージョン率の向上
購読ポップアップは、メーリングリストの購読者数を大幅に増やすことができ、その後のEDMマーケティングやユーザーの定着に役立ちます。
Blocksyコンテンツブロックのポップアップウィンドウ機能の概要
2.1 ポップアップ・ウィンドウの種類
ある ブロック型コンテンツ・ブロック ポップアップは次のように分類される。 ポップアップ タイプ
![画像[3] - Blocksyコンテンツブロックチュートリアル:高コンバージョンの購読ポップアップを素早く作成する](https://www.361sale.com/wp-content/uploads/2025/06/20250630144209820-image.png)
2.2 利用シーン
- ユーザーがホームページに入ってから5秒後に購読ボックスがポップアップ表示される
- 記事ページで50%を読むとプロモのポップアップを表示する
- サイト外ユーザーを回収するための終了意図検出ポップアップ
第三に、どのように購読ポップアップウィンドウを作成するには?詳しい手順
3.1 コンテンツブロックの作成
ステップ1:バックオフィスへのログイン
WordPressのバックエンドに入り、以下を確認する。 ブロック・コンパニオン プラグインが有効になる。
![画像[4] - Blocksyコンテンツブロックチュートリアル:高コンバージョンの購読ポップアップを素早く作成する](https://www.361sale.com/wp-content/uploads/2025/06/20250630144106150-image.png)
ステップ2:コンテンツ・ブロックへ
左メニューの ブロックシー > コンテンツブロック.
![画像[5]-Blocksyコンテンツブロックチュートリアル:高コンバージョンの購読ポップアップを素早く作成する](https://www.361sale.com/wp-content/uploads/2025/06/20250630144133376-image.png)
ステップ3:新しいコンテンツブロックを追加する
クリック新規追加 コンテンツ・ブロックボタンをクリックして、Gutenbergエディタに入ります。
![画像[6] - Blocksyコンテンツブロックチュートリアル:高コンバージョンの購読ポップアップを素早く作成する](https://www.361sale.com/wp-content/uploads/2025/06/20250630144250679-image.png)
3.2 ポップアップウィンドウのコンテンツをデザインする
エディターで、以下のコンテンツ・モジュールを追加する:
- キャプション例:WordPressの無料チュートリアルを受ける 📧!
- 段落テキスト: 今すぐ購読して、プロフェッショナルなウェブサイトをゼロから構築するのに役立つWordPressウェブサイト構築完全ガイドを手に入れよう!
- フォーム・ショートコード追加 ショートコード・ブロックcontact-form-7 id="1234″ title="ニュースレター購読 "が利用できない場合は、contact-form-7 id="1234″ title="ニュースレター購読 "をご利用ください。
- 個人情報保護方針追加 パラグラフ・ブロック入力私たちはあなたのプライバシーを尊重し、購読することで、私たちのプライバシーポリシーに同意するものとします。
![画像[7] - Blocksyコンテンツブロックチュートリアル:高コンバージョンの購読ポップアップを素早く作成する](https://www.361sale.com/wp-content/uploads/2025/06/20250630145432703-image.png)
3.3 ポップアップのプロパティを設定する
エディターの右上にある[Blocksy Page Settings]の設定:
![画像[8]-Blocksyコンテンツブロックチュートリアル:高コンバージョンの購読ポップアップを素早く作成する](https://www.361sale.com/wp-content/uploads/2025/06/20250630145810871-image.png)
表示条件の設定
- 所在地ウェブサイト全体を選択します。
- 利用条件全ユーザーを選択可能
![画像[9]-Blocksyコンテンツブロックチュートリアル:高コンバージョンの購読ポップアップを素早く作成する](https://www.361sale.com/wp-content/uploads/2025/06/20250630150006834-image.png)
トリガーの設定
下にスクロールして、ポップアップ・トリガーの方法を選択します:
- ページ読み込み時 ::ウェブページロード後の表示
![画像[10]-Blocksyコンテンツブロックチュートリアル:高コンバージョンの購読ポップアップを素早く作成する](https://www.361sale.com/wp-content/uploads/2025/06/20250630150120504-image.png)
表示周波数の設定
- 常にリローンチ
![画像[11]-Blocksyコンテンツブロックチュートリアル:高コンバージョンの購読ポップアップを素早く作成する](https://www.361sale.com/wp-content/uploads/2025/06/20250630150301939-image.png)
3.4 コンテンツブロックの公開
内容と設定が正しいことを確認したら、[Publish]ボタンをクリックします。
3.5 ポップアップウィンドウの表示効果
![画像[12]-Blocksyコンテンツブロックチュートリアル:高コンバージョンの購読ポップアップを素早く作成する](https://www.361sale.com/wp-content/uploads/2025/06/20250630150555686-image.png)
IV. サブスクリプション・ポップアップのデザインと使用に関する推奨事項
4.1 明確な価値を提供する
ユーザーは、次のような正当な理由でメールアドレスを入力する必要がある:
- 無料チュートリアルPDFダウンロード
- 限定クーポン
- 乾物週替わりセレクション
4.2 デザインのシンプルさと美しさ
内容が多すぎるポップアップは避け、タイトルは短くしましょう、CTA ボタンは人目を引き、ユーザーの思考コストを軽減する。
4.3 表示周波数の制御
ポップアップを頻繁に表示しすぎるとユーザーエクスペリエンスに影響を与えるので、表示頻度や終了オプションを適度に設定しましょう。
V. まとめ
![画像[13]-Blocksyコンテンツブロックチュートリアル:高コンバージョンの購読ポップアップを素早く作成する](https://www.361sale.com/wp-content/uploads/2025/06/20250630151129768-image.png)
ブロック型コンテンツ・ブロック このポップアップ機能は、Gutenbergエディタと条件表示システムを組み合わせることで、WordPressユーザーにコードフリーで柔軟性が高く、テーマ互換性のある、コンバージョンの高い購読ポップアップをデザインするためのソリューションを提供します。
| お問い合わせ | |
|---|---|
| チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
カスタマーサービス WeChat
|
| ① 電話:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| 三 Eメール:info@361sale.com | |
| ④ 勤務時間: 月~金、9:30~18:30、祝日休み | |
この記事へのリンクhttps://www.361sale.com/ja/64043この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。






















![絵文字[wozuimei]-Photonflux.com|プロのWordPress修理サービス、ワールドワイド、迅速対応](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | 専門WordPress修復サービス、全世界対応、迅速対応](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

コメントなし