Pricing Table Block – Design 1

The pricing table block can be used to displays different pricing options side by side, allowing users to compare features, benefits, and prices. This helps customers make informed decisions by showcasing various plans, such as basic, premium, or enterprise options.

factThe below block design was created using GenerateBlocks plugin. So make sure to install GenerateBlocks plugin from WordPress repository.

How to Use the Block (Video Tutorial)

Block Design

Block Code

<!-- wp:generateblocks/container {"uniqueId":"c5b2400d","isDynamic":true,"blockVersion":4} -->
<!-- wp:generateblocks/grid {"uniqueId":"80bcbf02","columns":3,"horizontalGap":40,"verticalGap":40,"isDynamic":true,"blockVersion":3} -->
<!-- wp:generateblocks/container {"uniqueId":"aec60274","isGrid":true,"gridId":"80bcbf02","isDynamic":true,"blockVersion":4,"sizing":{"width":"33.33%","widthMobile":"100%"},"typography":{"textAlign":"center"},"spacing":{"paddingTop":"20px","paddingLeft":"20px","paddingRight":"20px","paddingBottom":"20px"},"borders":{"borderTopWidth":"1px","borderRightWidth":"1px","borderBottomWidth":"1px","borderLeftWidth":"1px","borderTopStyle":"solid","borderRightStyle":"solid","borderBottomStyle":"solid","borderLeftStyle":"solid","borderTopColor":"#c8c8c8","borderRightColor":"#c8c8c8","borderBottomColor":"#c8c8c8","borderLeftColor":"#c8c8c8","borderTopColorHover":"#c8c8c8","borderRightColorHover":"#c8c8c8","borderBottomColorHover":"#c8c8c8","borderLeftColorHover":"#c8c8c8","borderTopLeftRadius":"8px","borderTopRightRadius":"8px","borderBottomLeftRadius":"8px","borderBottomRightRadius":"8px"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"ca88f359","blockVersion":3} -->
<h2 class="gb-headline gb-headline-ca88f359 gb-headline-text">Basic</h2>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"2020e6dc","blockVersion":3} -->
<h2 class="gb-headline gb-headline-2020e6dc gb-headline-text">$29/month</h2>
<!-- /wp:generateblocks/headline -->

<!-- wp:paragraph -->
<p>Basic plan description. Phasellus sodales gravida lorem, ac accumsan eros facilisis vel.</p>
<!-- /wp:paragraph -->

<!-- wp:generateblocks/headline {"uniqueId":"212632d1","element":"p","blockVersion":3,"display":"flex","alignItems":"center","justifyContent":"center","columnGap":"0.5em","hasIcon":true,"iconStyles":{"height":"1em","width":"1em"}} -->
<p class="gb-headline gb-headline-212632d1"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text">Plan Featured Item</span></p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"e37e82f6","element":"p","blockVersion":3,"display":"flex","alignItems":"center","justifyContent":"center","columnGap":"0.5em","hasIcon":true,"iconStyles":{"height":"1em","width":"1em"}} -->
<p class="gb-headline gb-headline-e37e82f6"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text">Plan Featured Item</span></p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"4701c080","element":"p","blockVersion":3,"display":"flex","alignItems":"center","justifyContent":"center","columnGap":"0.5em","hasIcon":true,"iconStyles":{"height":"1em","width":"1em"}} -->
<p class="gb-headline gb-headline-4701c080"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text">Plan Featured Item</span></p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"0e72a67a","element":"p","blockVersion":3,"display":"flex","alignItems":"center","justifyContent":"center","columnGap":"0.5em","hasIcon":true,"iconStyles":{"height":"1em","width":"1em"}} -->
<p class="gb-headline gb-headline-0e72a67a"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text">Plan Featured Item</span></p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"a99327df","element":"p","blockVersion":3,"display":"flex","alignItems":"center","justifyContent":"center","columnGap":"0.5em","hasIcon":true,"iconStyles":{"height":"1em","width":"1em"}} -->
<p class="gb-headline gb-headline-a99327df"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text">Plan Featured Item</span></p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"8e715f8d","element":"p","blockVersion":3,"display":"flex","alignItems":"center","justifyContent":"center","columnGap":"0.5em","hasIcon":true,"iconStyles":{"height":"1em","width":"1em"}} -->
<p class="gb-headline gb-headline-8e715f8d"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text">Plan Featured Item</span></p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/button {"uniqueId":"d68e0429","hasUrl":true,"blockVersion":4,"display":"flex","alignItems":"center","justifyContent":"center","columnGap":"0.5em","typography":{"fontWeight":"600","fontSize":"20px"},"spacing":{"paddingTop":"10px","paddingRight":"20px","paddingBottom":"10px","paddingLeft":"20px"},"borders":{"borderTopWidth":"1px","borderRightWidth":"1px","borderBottomWidth":"1px","borderLeftWidth":"1px","borderTopStyle":"solid","borderRightStyle":"solid","borderBottomStyle":"solid","borderLeftStyle":"solid","borderTopColor":"#c8c8c8","borderRightColor":"#c8c8c8","borderBottomColor":"#c8c8c8","borderLeftColor":"#c8c8c8","borderTopColorHover":"var(\u002d\u002dbase-3)","borderRightColorHover":"var(\u002d\u002dbase-3)","borderBottomColorHover":"var(\u002d\u002dbase-3)","borderLeftColorHover":"var(\u002d\u002dbase-3)","borderTopLeftRadius":"8px","borderTopRightRadius":"8px","borderBottomLeftRadius":"8px","borderBottomRightRadius":"8px"},"backgroundColor":"#ffffff","backgroundColorHover":"#555555","textColor":"#555555","textColorHover":"#ffffff","hasIcon":true,"iconLocation":"right","iconPaddingRight":"","iconPaddingLeft":"0.5","iconStyles":{"height":"1em","width":"1em"}} -->
<a class="gb-button gb-button-d68e0429" href="#"><span class="gb-button-text">Sign Up</span><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 256 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg></span></a>
<!-- /wp:generateblocks/button -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"a447dc8e","isGrid":true,"gridId":"80bcbf02","isDynamic":true,"blockVersion":4,"sizing":{"width":"33.33%","widthMobile":"100%"},"typography":{"textAlign":"center"},"spacing":{"paddingTop":"20px","paddingLeft":"20px","paddingRight":"20px","paddingBottom":"20px"},"borders":{"borderTopWidth":"2px","borderRightWidth":"2px","borderBottomWidth":"2px","borderLeftWidth":"2px","borderTopStyle":"solid","borderRightStyle":"solid","borderBottomStyle":"solid","borderLeftStyle":"solid","borderTopColor":"#6b9464","borderRightColor":"#6b9464","borderBottomColor":"#6b9464","borderLeftColor":"#6b9464","borderTopColorHover":"#6b9464","borderRightColorHover":"#6b9464","borderBottomColorHover":"#6b9464","borderLeftColorHover":"#6b9464","borderTopLeftRadius":"8px","borderTopRightRadius":"8px","borderBottomLeftRadius":"8px","borderBottomRightRadius":"8px","borderRightLeftRadius":"8px","borderLeftLeftRadius":"8px","borderRightRightRadius":"8px","borderLeftRightRadius":"8px"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"b21d0aef","element":"div","blockVersion":3,"typography":{"fontWeight":"700","textTransform":"uppercase","letterSpacing":"1px"},"spacing":{"paddingTop":"5px","paddingBottom":"5px","paddingLeft":"5px","paddingRight":"5px","marginBottom":"20px","marginTop":"-39px"},"borders":{"borderTopLeftRadius":"8px","borderTopRightRadius":"8px","borderBottomLeftRadius":"8px","borderBottomRightRadius":"8px"},"backgroundColor":"#6b9464","textColor":"#ffffff"} -->
<div class="gb-headline gb-headline-b21d0aef gb-headline-text">Most Popular</div>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"0ac2962b","blockVersion":3} -->
<h2 class="gb-headline gb-headline-0ac2962b gb-headline-text">Standard</h2>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"1b3adae8","blockVersion":3} -->
<h2 class="gb-headline gb-headline-1b3adae8 gb-headline-text">$59/month</h2>
<!-- /wp:generateblocks/headline -->

<!-- wp:paragraph -->
<p>Basic plan description. Phasellus sodales gravida lorem, ac accumsan eros facilisis vel.</p>
<!-- /wp:paragraph -->

<!-- wp:generateblocks/headline {"uniqueId":"81db9fc9","element":"p","blockVersion":3,"display":"flex","alignItems":"center","justifyContent":"center","columnGap":"0.5em","hasIcon":true,"iconStyles":{"height":"1em","width":"1em"}} -->
<p class="gb-headline gb-headline-81db9fc9"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text">Plan Featured Item</span></p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"cb053b45","element":"p","blockVersion":3,"display":"flex","alignItems":"center","justifyContent":"center","columnGap":"0.5em","hasIcon":true,"iconStyles":{"height":"1em","width":"1em"}} -->
<p class="gb-headline gb-headline-cb053b45"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text">Plan Featured Item</span></p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"e3159d4f","element":"p","blockVersion":3,"display":"flex","alignItems":"center","justifyContent":"center","columnGap":"0.5em","hasIcon":true,"iconStyles":{"height":"1em","width":"1em"}} -->
<p class="gb-headline gb-headline-e3159d4f"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text">Plan Featured Item</span></p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"ab9247c4","element":"p","blockVersion":3,"display":"flex","alignItems":"center","justifyContent":"center","columnGap":"0.5em","hasIcon":true,"iconStyles":{"height":"1em","width":"1em"}} -->
<p class="gb-headline gb-headline-ab9247c4"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text">Plan Featured Item</span></p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"b137b52d","element":"p","blockVersion":3,"display":"flex","alignItems":"center","justifyContent":"center","columnGap":"0.5em","hasIcon":true,"iconStyles":{"height":"1em","width":"1em"}} -->
<p class="gb-headline gb-headline-b137b52d"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text">Plan Featured Item</span></p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"cc71ca36","element":"p","blockVersion":3,"display":"flex","alignItems":"center","justifyContent":"center","columnGap":"0.5em","hasIcon":true,"iconStyles":{"height":"1em","width":"1em"}} -->
<p class="gb-headline gb-headline-cc71ca36"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text">Plan Featured Item</span></p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/button {"uniqueId":"98c990e7","hasUrl":true,"blockVersion":4,"display":"flex","alignItems":"center","justifyContent":"center","columnGap":"0.5em","typography":{"fontWeight":"600","fontSize":"20px"},"spacing":{"paddingTop":"10px","paddingRight":"20px","paddingBottom":"10px","paddingLeft":"20px"},"borders":{"borderTopWidth":"1px","borderRightWidth":"1px","borderBottomWidth":"1px","borderLeftWidth":"1px","borderTopStyle":"solid","borderRightStyle":"solid","borderBottomStyle":"solid","borderLeftStyle":"solid","borderTopColor":"#c8c8c8","borderRightColor":"#c8c8c8","borderBottomColor":"#c8c8c8","borderLeftColor":"#c8c8c8","borderTopColorHover":"var(\u002d\u002dbase-3)","borderRightColorHover":"var(\u002d\u002dbase-3)","borderBottomColorHover":"var(\u002d\u002dbase-3)","borderLeftColorHover":"var(\u002d\u002dbase-3)","borderTopLeftRadius":"8px","borderTopRightRadius":"8px","borderBottomLeftRadius":"8px","borderBottomRightRadius":"8px"},"backgroundColor":"#6b9464","backgroundColorHover":"rgba(107, 150, 101, 0.88)","textColor":"var(\u002d\u002dbase-3)","textColorHover":"var(\u002d\u002dbase-3)","hasIcon":true,"iconLocation":"right","iconPaddingRight":"","iconPaddingLeft":"0.5","iconStyles":{"height":"1em","width":"1em"}} -->
<a class="gb-button gb-button-98c990e7" href="#"><span class="gb-button-text">Sign Up</span><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 256 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg></span></a>
<!-- /wp:generateblocks/button -->
<!-- /wp:generateblocks/container -->

<!-- wp:generateblocks/container {"uniqueId":"5f25a1ed","isGrid":true,"gridId":"80bcbf02","isDynamic":true,"blockVersion":4,"sizing":{"width":"33.33%","widthMobile":"100%"},"typography":{"textAlign":"center"},"spacing":{"paddingTop":"20px","paddingLeft":"20px","paddingRight":"20px","paddingBottom":"20px"},"borders":{"borderTopWidth":"1px","borderRightWidth":"1px","borderBottomWidth":"1px","borderLeftWidth":"1px","borderTopStyle":"solid","borderRightStyle":"solid","borderBottomStyle":"solid","borderLeftStyle":"solid","borderTopColor":"#c8c8c8","borderRightColor":"#c8c8c8","borderBottomColor":"#c8c8c8","borderLeftColor":"#c8c8c8","borderTopColorHover":"#c8c8c8","borderRightColorHover":"#c8c8c8","borderBottomColorHover":"#c8c8c8","borderLeftColorHover":"#c8c8c8","borderTopLeftRadius":"8px","borderTopRightRadius":"8px","borderBottomLeftRadius":"8px","borderBottomRightRadius":"8px"}} -->
<!-- wp:generateblocks/headline {"uniqueId":"dce11575","blockVersion":3} -->
<h2 class="gb-headline gb-headline-dce11575 gb-headline-text">Premium</h2>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"c6ab12c3","blockVersion":3} -->
<h2 class="gb-headline gb-headline-c6ab12c3 gb-headline-text">$99/month</h2>
<!-- /wp:generateblocks/headline -->

<!-- wp:paragraph -->
<p>Basic plan description. Phasellus sodales gravida lorem, ac accumsan eros facilisis vel.</p>
<!-- /wp:paragraph -->

<!-- wp:generateblocks/headline {"uniqueId":"ce3703b0","element":"p","blockVersion":3,"display":"flex","alignItems":"center","justifyContent":"center","columnGap":"0.5em","hasIcon":true,"iconStyles":{"height":"1em","width":"1em"}} -->
<p class="gb-headline gb-headline-ce3703b0"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text">Plan Featured Item</span></p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"c53d0a4e","element":"p","blockVersion":3,"display":"flex","alignItems":"center","justifyContent":"center","columnGap":"0.5em","hasIcon":true,"iconStyles":{"height":"1em","width":"1em"}} -->
<p class="gb-headline gb-headline-c53d0a4e"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text">Plan Featured Item</span></p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"ba041e62","element":"p","blockVersion":3,"display":"flex","alignItems":"center","justifyContent":"center","columnGap":"0.5em","hasIcon":true,"iconStyles":{"height":"1em","width":"1em"}} -->
<p class="gb-headline gb-headline-ba041e62"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text">Plan Featured Item</span></p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"a0d58c27","element":"p","blockVersion":3,"display":"flex","alignItems":"center","justifyContent":"center","columnGap":"0.5em","hasIcon":true,"iconStyles":{"height":"1em","width":"1em"}} -->
<p class="gb-headline gb-headline-a0d58c27"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text">Plan Featured Item</span></p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"015612ae","element":"p","blockVersion":3,"display":"flex","alignItems":"center","justifyContent":"center","columnGap":"0.5em","hasIcon":true,"iconStyles":{"height":"1em","width":"1em"}} -->
<p class="gb-headline gb-headline-015612ae"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text">Plan Featured Item</span></p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/headline {"uniqueId":"b12e536e","element":"p","blockVersion":3,"display":"flex","alignItems":"center","justifyContent":"center","columnGap":"0.5em","hasIcon":true,"iconStyles":{"height":"1em","width":"1em"}} -->
<p class="gb-headline gb-headline-b12e536e"><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg></span><span class="gb-headline-text">Plan Featured Item</span></p>
<!-- /wp:generateblocks/headline -->

<!-- wp:generateblocks/button {"uniqueId":"a71967e0","hasUrl":true,"blockVersion":4,"display":"flex","alignItems":"center","justifyContent":"center","columnGap":"0.5em","typography":{"fontWeight":"600","fontSize":"20px"},"spacing":{"paddingTop":"10px","paddingRight":"20px","paddingBottom":"10px","paddingLeft":"20px"},"borders":{"borderTopWidth":"1px","borderRightWidth":"1px","borderBottomWidth":"1px","borderLeftWidth":"1px","borderTopStyle":"solid","borderRightStyle":"solid","borderBottomStyle":"solid","borderLeftStyle":"solid","borderTopColor":"#c8c8c8","borderRightColor":"#c8c8c8","borderBottomColor":"#c8c8c8","borderLeftColor":"#c8c8c8","borderTopColorHover":"var(\u002d\u002dbase-3)","borderRightColorHover":"var(\u002d\u002dbase-3)","borderBottomColorHover":"var(\u002d\u002dbase-3)","borderLeftColorHover":"var(\u002d\u002dbase-3)","borderTopLeftRadius":"8px","borderTopRightRadius":"8px","borderBottomLeftRadius":"8px","borderBottomRightRadius":"8px"},"backgroundColor":"#ffffff","backgroundColorHover":"#555555","textColor":"#555555","textColorHover":"#ffffff","hasIcon":true,"iconLocation":"right","iconPaddingRight":"","iconPaddingLeft":"0.5","iconStyles":{"height":"1em","width":"1em"}} -->
<a class="gb-button gb-button-a71967e0" href="#"><span class="gb-button-text">Sign Up</span><span class="gb-icon"><svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 256 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg></span></a>
<!-- /wp:generateblocks/button -->
<!-- /wp:generateblocks/container -->
<!-- /wp:generateblocks/grid -->
<!-- /wp:generateblocks/container -->

how-toHow to Use the Block Code

  1. Install GenerateBlocks plugin from WordPress respoitory
  2. Copy and paste the above block code to your WordPress Posts or Page
    • Use Firefox browser
    • When you paste the code, right click and choose “Paste without Formatting” option
  3. Start editing and using the block content