The Right Software

Muhammad Jamil Baig

The CTA (Call-to-Action) Builder plugin allows you to create clickable HTML5 banners and add them to your pages using a shortcode. It’s user-friendly and offers a variety of customization options, including heading and sub-heading text, font size, color, alignment, font family, image size, position, border style, border color, and background color. This plugin generates a shortcode, allowing you to easily embed your CTA banners on any page or template, with click counts available in the admin panel.
An effective and visually appealing banner can help drive customer engagement. With the Banner widget in the Call to Action plugin, you can quickly set up a banner with a background image or solid color, depending on your preference.
<h3>Step-by-Step Guide</h3>
Step 1 — Add the Banner widget to your page
Open your website dashboard, find the page where you want the banner, and search for the Banner widget in Elementor. Drag and drop it into the desired spot on the page.
Step 2 — Choose the content and define settings
In the left-hand menu, open the Content tab, then expand the Content section to access these options:
<ul>
<li>Banner Size: Choose the banner size from the dropdown.</li>
<li>Banner Position: Select the banner position from the dropdown.</li>
<li>Image: Choose a background image from your media library.</li>
<li>Image Size: Select the size of the image from the dropdown menu.</li>
<li>Heading: Enter a title that will appear above the banner image.</li>
<li>Sub Heading: Add any additional text or notification you want to display over the banner image.</li>
<li>Link: Insert a URL if you want the banner to redirect to a specific page.</li>
</ul>
The final step is to style your banner by proceeding to the Style tab, where you can adjust the design to create the perfect look.
For more information about WordPress plugin development, visit The Right Software’s <a href="https://therightsw.com/plugin-development/" rel="nofollow ugc">plugin development services</a> page. You can also explore other <a href="https://profiles.wordpress.org/therightsw/#content-plugins" rel="nofollow ugc">WordPress Plugins</a>. 
If you encounter issues, contact us at <a href="mailto:hello@therightsw.com" rel="nofollow ugc">hello@therightsw.com</a>. Be sure to mention your WordPress and WooCommerce versions.
Tested on WP 6.7.1
<h4>Version 1.1</h4>
<ul>
<li>Plugin update release.</li>
</ul>

Call To Action Builder

Easily create HTML5 call-to-action banners with shortcodes.

Md Hazrath Ali

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

Advanced Call To Action Block

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

Call To Action Builder vs Advanced Call To Action Block