Call-to-Action Group Block After Posts
Adds a ready-made group of blocks (heading, text and button) to the end of every post, which you can restyle with the block editor's own classes.
Opens WPIDE on
Code
<!-- wp:group {"style":{"spacing":{"padding":{"top":"2em","bottom":"2em","left":"2em","right":"2em"}},"border":{"radius":"8px"},"color":{"background":"#f0f6fc","text":"#1d2327"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-text-color has-background" style="border-radius:8px;color:#1d2327;background-color:#f0f6fc;padding-top:2em;padding-right:2em;padding-bottom:2em;padding-left:2em"><!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Need help with your project?</h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>Tell us what you are working on and we will get back to you within one business day.</p>
<!-- /wp:paragraph -->
<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="/contact/">Contact us</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->Notes
Edit the block markup in the snippet editor to change the wording, colors or link.
How to add this snippet
- Install WPIDE on your WordPress site (it is free) and open Code Snippets.
- Use snippet above adds it from the library in one click. Or copy the code into a new snippet with the same code type.
- It is added inactive: review the code and settings, then switch it on.