Md Hazrath Ali

<p>Need to <strong>grab attention and inspire action</strong>? The <strong>Call To Action Block</strong> makes it effortless.</p>
<p>Whether you’re promoting a product, collecting leads, or guiding visitors to your best content, this block gives you everything you need — beautifully styled and fully responsive — right inside the Gutenberg editor.</p>
<h3>Key Features:</h3>
<ul>
<li><strong>Bold headings</strong> with full typography control</li>
<li><strong>Rich descriptions</strong> to tell your story</li>
<li><strong>Customizable button</strong> with link, style, and hover effects</li>
<li><strong>Flexible background</strong>: solid color or smooth gradient</li>
<li><strong>Full responsive controls</strong> (desktop, tablet, mobile)</li>
<li><strong>Padding & margin controls</strong> with linked values</li>
<li><strong>Lightweight & fast</strong> — no bloat, no jQuery</li>
</ul>
<p>Perfect for:<br />
– Landing pages<br />
– Sales sections<br />
– Email capture forms<br />
– Product promotions<br />
– Event announcements</p>
<blockquote>
<p><strong>Built for speed, designed for conversions.</strong></p>
</blockquote>
<p>No extra page builders needed — just drop, style, and convert.</p>
<h3>Source Code</h3>
<p>The full uncompressed source code for this plugin is publicly available here:<br />
https://github.com/Hazrath15/call-to-action-block.git</p>
<p>This repository includes all development files, including the ‘src’ directory,<br />
SCSS, JSX, build scripts, and instructions for generating the production build<br />
contained in the plugin.</p>
<h3>Build Instructions</h3>
<p>Developers may rebuild the compiled assets using:<br />
1. npm install<br />
2. npm run build</p>
<p>‘npm run build’ generates the final production files in the /build directory.<br />
‘npm run start’ runs development mode with file watching.</p>
<h3>Arbitrary section</h3>
<p>You may provide arbitrary sections, in the same format as the ones above. This may be of use for extremely complicated<br />
plugins where more information needs to be conveyed that doesn’t fit into the categories of “description” or<br />
“installation.” Arbitrary sections will be shown below the built-in sections outlined above.</p>


Advanced Call To Action Block

A sleek, customizable Call to Action block for Gutenberg — perfect for driving clicks, signups, and conversions.

ネトデジ編集部

<h4>日本語</h4>
<p>Simple CTA Button は、WordPress サイトに簡単にCTAボタンを追加するためのプラグインです。<br />
効果的なコンバージョン率の向上のため、特定のページにカスタマイズ可能なCTAボタンを表示することができます。</p>
<p><strong>主な機能</strong></p>
<ul>
<li>シンプルで目立つCTAボタンを表示</li>
<li>ページごとにCTAボタンの表示・非表示を設定可能</li>
<li>PC・モバイル別の表示設定</li>
<li>表示タイミングの設定（即時表示、遅延表示、スクロール後表示）</li>
<li>カスタマイズ可能なデザイン（色、フォントサイズ、透明度など）</li>
<li>インプレッション数とクリック数のトラッキング</li>
<li>ショートコードによる柔軟な配置</li>
</ul>
<p><strong>使用方法</strong></p>
<ol>
<li>プラグインをインストールして有効化します</li>
<li>管理画面の「CTA Button」メニューから設定を行います</li>
<li>CTAボタンのテキスト、リンク先URL、デザインなどを設定します</li>
<li>表示させたいページIDを指定します（カンマ区切りで複数指定可能）</li>
<li>「all」を入力するとすべてのページに表示されます</li>
<li>「front」を入力するとフロントページに表示されます</li>
</ol>
<p><strong>ショートコード</strong></p>
<p>ショートコードを使用して任意の場所にCTAボタンを配置することもできます。</p>
<pre><code>[simple_cta_button]
</code></pre>
<p>ショートコード内でパラメータを指定することもできます：</p>
<pre><code>[simple_cta_button title="お問い合わせはこちら" button_text="今すぐ問い合わせる" button_url="https://example.com/contact" button_color="#FF5722"]
</code></pre>
<h4>English</h4>
<p>Simple CTA Button is a plugin that allows you to easily add Call To Action buttons to your WordPress site. You can display customizable CTA buttons on specific pages to effectively improve conversion rates.</p>
<p><strong>Key Features</strong></p>
<ul>
<li>Display simple and eye-catching CTA buttons</li>
<li>Control which pages display the CTA button</li>
<li>Device-specific display settings (PC/mobile)</li>
<li>Timing options (immediate, delayed, or after scroll)</li>
<li>Customizable design (colors, font sizes, transparency)</li>
<li>Track impressions and clicks</li>
<li>Flexible placement with shortcodes</li>
</ul>
<p><strong>How to Use</strong></p>
<ol>
<li>Install and activate the plugin</li>
<li>Go to the “CTA Button” menu in the admin dashboard</li>
<li>Set up the CTA button text, URL, design, etc.</li>
<li>Specify which page IDs should display the button (comma-separated for multiple pages)</li>
<li>Enter “all” to display on all pages</li>
<li>Enter “front” to display on the front page</li>
</ol>
<p><strong>Shortcode</strong></p>
<p>You can also place CTA buttons anywhere using the shortcode:</p>
<pre><code>[simple_cta_button]
</code></pre>
<p>You can specify parameters in the shortcode:</p>
<pre><code>[simple_cta_button title="Contact Us" button_text="Contact Now" button_url="https://example.com/contact" button_color="#FF5722"]
</code></pre>
<h3>Developer</h3>
<p>開発者：ネトデジ編集部<br />
詳細情報：https://ec.minikuru.co.jp/</p>
<h3>Privacy</h3>
<h4>日本語</h4>
<p>このプラグインはサイト訪問者の個人情報を収集しません。ただし、インプレッション数やクリック数などの統計情報を収集します。これらのデータはあなたのWordPressデータベース内にのみ保存され、外部には送信されません。</p>
<h4>English</h4>
<p>This plugin does not collect personal information from site visitors. However, it does collect statistical information such as impressions and clicks. This data is stored only in your WordPress database and is not transmitted externally.</p>


Simple CTA Button

特定のページにシンプルなCTAボタンを表示。PC/スマホ表示選択、表示タイミング設定機能付き。

Advanced Call To Action Block vs Simple CTA Button