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.
Key Features:
- Bold headings with full typography control
- Rich descriptions to tell your story
- Customizable button with link, style, and hover effects
- Flexible background: solid color or smooth gradient
- Full responsive controls (desktop, tablet, mobile)
- Padding & margin controls with linked values
- Lightweight & fast — no bloat, no jQuery
Perfect for:
– Landing pages
– Sales sections
– Email capture forms
– Product promotions
– Event announcements
Built for speed, designed for conversions.
No extra page builders needed — just drop, style, and convert.
Source Code
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.
Build Instructions
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.
Arbitrary section
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.
Screenshots
General Settings.
Layout Style.
Heading Style.