covertnine

samirillion

Ka Wong

malzdesigns

<p><a href="https://www.covertnine.com" rel="nofollow ugc">COVERT NINE</a>‘s C9 Blocks plugin provides 10 new Gutenberg blocks, plus an interface for creating pages from section templates, or fully-built page templates. Block landing page templates are usable for any purpose but are designed to give organizations a head start on creating landing pages with specific purposes for their audience.</p>
<p><iframe loading="lazy" title="C9 Work WordPress Theme Walkthrough of Block Templates, Mobile Editing, Gutenberg Editor Support" width="750" height="422" src="https://www.youtube.com/embed/zu3JyJr5eeM?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p>The landing page templates are organized in a modal by the “content journey” step (Awareness, Consideration, Conversion). After installing the plugin, they can be accessed from the feather logo icon in the upper right corner.</p>
<p>Plugin can be installed from the WordPress admin via file upload or by cloning the Github repo. We recommend using a <a href="https://www.covertnine.com/c9-blocks-plugin" rel="nofollow ugc">C9 supported theme</a> with the C9 Blocks plugin, but it also works with the <a href="https://wordpress.org/themes/twentytwentyfour/" rel="ugc">Twenty Twenty Four</a>, <a href="https://2021.covertnine.com" rel="nofollow ugc">Twenty Twenty One</a>, Twenty Twenty and Twenty Nineteen WordPress themes. We recommend using the <a href="https://wordpress.org/themes/c9-starter" rel="ugc">C9 Starter</a>, <a href="https://wordpress.org/themes/c9-work" rel="ugc">C9 Work</a> theme, or <a href="https://wordpress.org/themes/c9-togo" rel="ugc">C9 Togo</a> theme to see C9 Blocks in action, or signup for the <a href="https://www.covertnine.com/forms/c9-beta" rel="nofollow ugc">C9 early access list</a> to get all of our premium themes and plugins for free! We currently have four blocks-based themes and four child themes available for early access list subscribers and an exclusive <a href="https://c9.covertnine.com/c9-animation-plugin/" rel="nofollow ugc">C9 Blocks Animation Plugin</a> to animate any core WordPress blocks or C9 Blocks.</p>
<p>For an overview of each of the blocks, and more up to date documentation, head over to our <a href="https://c9.covertnine.com" rel="nofollow ugc">documentation site</a></p>
<p><strong>What’s it like editing content with C9?</strong></p>
<p><iframe loading="lazy" title="Redesigning The Official Twenty Twenty One WordPress Theme Using C9 Blocks + C9 Blocks Animation" width="750" height="422" src="https://www.youtube.com/embed/fKneUaQic08?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p><iframe loading="lazy" title="Redesigning Twenty Twenty One WordPress Theme Using C9 Grid Blocks + C9 Blocks Animation" width="750" height="422" src="https://www.youtube.com/embed/jHqOO_MP8nE?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h3>C9 Blocks Includes the Following Blocks</h3>
<ul>
<li>Heading Block</li>
<li>Social Share Block</li>
<li>Horizontal Tabs Block</li>
<li>Vertical Tabs Block</li>
<li>Posts Grid Block</li>
<li>Post and Page Grid Block</li>
<li>Call To Action Block</li>
<li>Carousel Block</li>
<li>Image Carousel Block</li>
<li>Toggles Block</li>
<li>Grid Block</li>
</ul>
<h3>Demo Videos</h3>
<p><strong>Creating marketing-focused landing pages with C9 Blocks + C9 Starter Theme</strong></p>
<p><iframe loading="lazy" title="Building a Marketing Focused Landing Page With WordPress Block Templates + C9 Starter Theme" width="750" height="422" src="https://www.youtube.com/embed/8qyP5abkoe4?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p><strong>How to Create a mobile-friendly and animated Homepage for the Twenty Twenty One WordPress Theme</strong></p>
<p><iframe loading="lazy" title="Redesigning The Official Twenty Twenty One WordPress Theme Using C9 Blocks + C9 Blocks Animation" width="750" height="422" src="https://www.youtube.com/embed/fKneUaQic08?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p><strong>Designing a new page header using C9 Grid blocks and the Twenty Twenty One WordPress Theme</strong></p>
<p><iframe loading="lazy" title="Redesigning Twenty Twenty One WordPress Theme Using C9 Grid Blocks + C9 Blocks Animation" width="750" height="422" src="https://www.youtube.com/embed/jHqOO_MP8nE?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p><strong>How to Create a Homepage for the Twenty Twenty WordPress Theme</strong></p>
<p><iframe loading="lazy" title="Building A Responsive Homepage with the new WordPress Twenty Twenty Theme + Gutenberg Blocks" width="750" height="422" src="https://www.youtube.com/embed/urLN4C3YFaM?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p><strong>Building A Netflix Inspired Landing Page with C9 Blocks</strong></p>
<p><iframe loading="lazy" title="Building A Netflix Inspired Landing Page with WordPress + Gutenberg Blocks" width="750" height="422" src="https://www.youtube.com/embed/ekwe_CaDlP0?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p><strong>Overview & Documentation</strong></p>
<p>Get an overview of each of the blocks and the latest documentation by heading over to our <a href="https://c9.covertnine.com" rel="nofollow ugc">documentation site</a>.</p>
<h3>C9 Starter WordPress Theme</h3>
<p>The <a href="https://wordpress.org/themes/c9-starter" rel="ugc">C9 Starter Theme</a> is a responsive and minimal, CSS Grid-based, Bootstrap 4 theme that utilizes most of Bootstrap’s components and works seamlessly with C9 Blocks and the Gutenberg block editor. It’s based on <a href="https://understrap.com/" rel="nofollow ugc">Understrap</a>, but with an innovative approach to using Gutenberg’s editing system.</p>
<p>If you’re an agency working on behalf of a client and want to build your own style guide and/or themes on top of the <a href="https://c9.covertnine.com" rel="nofollow ugc">C9 Starter Theme</a>, included is a client boilerplate folder and full child theme support. Join the <a href="https://www.covertnine.com/forms/c9-beta" rel="nofollow ugc">C9 early access list</a> with a simple email signup to get four example themes along with all of our other WordPress tools emailed to you with tips on how to build your own block-based WordPress websites.</p>
<h3>C9 Blocks Animation with Greensock (GSAP)</h3>
<p>C9 Blocks has an addon called C9 Animation that comes with our <a href="https://www.covertnine.com/forms/c9-beta" rel="nofollow ugc">C9 Early access list</a> when you sign up. Unlock the power of buttery-smooth animations that run cross-browser and cross-device, all from within the visual block editor.</p>
<p><a href="https://c9.covertnine.com/c9-animation-plugin/" rel="nofollow ugc">C9 Blocks Animation Plugin</a></p>
<h3>Blocks-powered WordPress Themes</h3>
<ul>
<li><a href="https://c9.covertnine.com" rel="nofollow ugc">C9 Starter</a></li>
<li><a href="https://work.covertnine.com" rel="nofollow ugc">C9 Work</a></li>
<li><a href="https://togo.covertnine.com" rel="nofollow ugc">C9 Togo</a></li>
<li><a href="https://music.covertnine.com" rel="nofollow ugc">C9 Music</a></li>
<li><a href="https://2021.covertnine.com" rel="nofollow ugc">Twenty Twenty One</a></li>
<li><a href="https://2024.covertnine.com" rel="nofollow ugc">Twenty Twenty Four</a></li>
</ul>
<h3>Follow Along</h3>
<ul>
<li><a href="https://github.com/covertnine" rel="nofollow ugc">COVERT NINE GitHub</a></li>
<li><a href="https://www.covertnine.com" rel="nofollow ugc">COVERT NINE Website</a></li>
</ul>
<h3>Online Documentation</h3>
<ul>
<li><a href="https://c9.covertnine.com" rel="nofollow ugc">C9 Homepage</a></li>
<li><a href="https://c9.covertnine.com/documentation/" rel="nofollow ugc">C9 Blocks Documentation</a></li>
<li><a href="https://c9.covertnine.com/c9-theme/" rel="nofollow ugc">C9 Starter Theme Documentation</a></li>
<li><a href="https://c9.covertnine.com/c9-admin-plugin/" rel="nofollow ugc">C9 Admin Dashboard Documentation</a></li>
</ul>
<h3>Support</h3>
<p>Get premium paid support: <a href="https://www.covertnine.com/get-support" rel="nofollow ugc">Here</a></p>
<p>The Blocks Development Guide lives <a href="https://c9.covertnine.com/c9-blocks-development/" rel="nofollow ugc">Here</a></p>
<p>Additional tutorials, C9 Themes, and WordPress content from COVERT NINE <a href="https://www.covertnine.com" rel="nofollow ugc">Here</a></p>
<h3>Licenses</h3>
<p>Resource Licenses:<br />
C9 Images, Icons, + Logos: https://www.covertnine.com/c9-blocks-plugin | GNU GPL v3</p>


C9 Blocks

10 new Gutenberg blocks with section templates and page templates. With C9 Blocks + Themes, the digital agency is built right into the code.

XLPlugins

FunnelKit

Team FunnelKit (formerly WooFunnels)

<p>SlingBlocks is a minimalist Gutenberg Block Plugin that extends Gutenberg to provide page building capabilities.</p>
<h3>Custom Blocks</h3>
<ul>
<li>Columns Layout</li>
<li>Advance Button</li>
<li>Accordion</li>
<li>Advance Heading</li>
<li>Icon List</li>
<li>Countdown Timer</li>
<li>Progress Bar</li>
<li>Icon</li>
<li>Space Divider</li>
</ul>
<h3>Key Block Features</h3>
<h4>Responsive Controls</h4>
<p>Each Block provides a seamless responsive style for granular control on the desktop, mobile and tablet.</p>
<h4>Intuitive Settings</h4>
<p>The shorter learning curve with standardised settings that are consistent across blocks.</p>
<h4>Better Design WorkFlow</h4>
<p>Build a design for desktop and switch to mobile view to adjust the settings all at once. Or vice versa. You decide the workflow.</p>
<h4>Theme agnostic</h4>
<p>Tested with popular themes.</p>
<h4>Minimalist Framework</h4>
<p>Useful for agencies, theme designers, plugin creators (like us!) or anyone who want a minimalist framework for their projects.</p>
<h4>Performance Oriented</h4>
<p>Designed with performance and extensibility in mind.</p>
<h3>Why did we build SlingBlocks?</h3>
<p>Truth be told we never intended to build a block plugin.</p>
<p>We at <a href="https://funnelkit.com/?utm_source=WordPress&utm_medium=SlingBlocks&utm_campaign=WP+Repo" rel="nofollow ugc">FunnelKit</a> were looking for a plugin that would seamlessly allow our Funnel Builder to provide templates for Gutenberg.</p>
<p>When we began looking at various Block Plugins none of them could match to fit our needs.</p>
<p>WooFunnels had previously integrated with Elementor, Divi and Oxygen and we wanted nothing short of the experience.</p>
<p><strong>SlingBlocks was born.</strong></p>
<p>Combine SlingBlocks with our Funnel Builder and you get a powerful sales funnel building suite using Gutenberg.</p>
<p>Our hope is that it’s not only a companion plugin for WooFunnels but also for your next project.</p>
<h3>Looking for templates?</h3>
<p><strong>SlingBlocks does not include templates.</strong></p>
<p>Get access to templates for Sales Pages, Optin Pages, Checkout and Thank you pages all built with SlingBlocks with Funnel Builder by WooFunnels.</p>
<p>Funnel Builder allows you to create lead generation and sales funnel flows.</p>
<p>Download <a href="https://wordpress.org/plugins/funnel-builder/" rel="ugc">Funnel Builder</a> and get access to more blocks.</p>
<ul>
<li>
<p><strong>Optin Block</strong>: To create optin and squeeze pages to capture leads</p>
</li>
<li>
<p><strong>Checkout Block</strong>: To create beautiful WooCommerce one-page checkout or global checkout for your store</p>
</li>
<li>
<p><strong>Thank You Page Block</strong>: To present a nice looking thank you page</p>
</li>
<li>
<p><strong>One Click Upsell Blocks (Pro)</strong>: To present one-click upsell offers to increase average order value</p>
</li>
</ul>


SlingBlocks – Gutenberg Blocks by FunnelKit (Formerly WooFunnels)

A minimalist Gutenberg Block Plugin that extends Gutenberg to provide page building capabilities.

C9 Blocks vs SlingBlocks – Gutenberg Blocks by FunnelKit (Formerly WooFunnels)