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.

philbuchanan

<p>Accordion Blocks is a simple plugin that adds a Gutenberg block for adding accordion drop-downs to your pages.</p>
<p>The accordions should blend seamlessly with your theme. However, you may want to add custom styles to your theme.</p>
<h4>Features</h4>
<ul>
<li>Adds a Gutenberg block for adding accordions to your site.</li>
<li>Supports multiple accordions with individual settings for each accordion item.</li>
<li>Fully responsive.</li>
<li>Support for item IDs and direct links.</li>
<li>Supports nesting accordions.</li>
<li>Accessible (for users requiring tabbed keyboard navigation control).</li>
</ul>
<h4>Optional Features</h4>
<ul>
<li>Open individual accordion items by default.</li>
<li>Disable auto closing of accordion items.</li>
<li>Manually close items by clicking the title again.</li>
<li>Scroll page to title when it’s clicked open (including setting a scroll offset position).</li>
<li>Set the HTML heading tag for the title element (h1–h6, button).</li>
<li>Set defaults to be applied to all new accordion items or reset a specific accordion item to the defaults.</li>
<li>Supports adding custom block styles using <code>wp.blocks.registerBlockStyle</code>.</li>
</ul>
<h4>Output</h4>
<p>The plugin will ultimately output following HTML (simplified for this example):</p>
<pre><code><div class="wp-block-pb-accordion-item c-accordion__item js-accordion-item" data-initially-open="false" data-click-to-close="true" data-auto-close="true" data-scroll="false" data-scroll-offset="0">
    <h2 id="at-76840" class="c-accordion__title js-accordion-controller" tabindex="0" role="button" aria-controls="ac-76840" aria-expanded="false">
        Title with H2 tag
    </h2>
    <div id="ac-76840" class="c-accordion__content" style="display:none" aria-hidden="true">
        <p>Content</p>
    </div>
</div>
</code></pre>
<h4>Custom CSS</h4>
<p>You can use the following CSS classes to customize the look of the accordion.</p>
<pre><code>.c-accordion__item {} /* The accordion item container */
.c-accordion__item.is-open {} /* is-open is added to open accordion items */
.c-accordion__item.is-read {} /* is-read is added to accordion items that have been opened at least once */
.c-accordion__title {} /* An accordion item title */
.c-accordion__title--button {} /* An accordion item title that is using a `<button>` tag */
.c-accordion__title:hover {} /* To modify the style when hovering over an accordion item title */
.c-accordion__title:focus {} /* To modify the style when an accordion item title currently has broswer focus */
.c-accordion__content {} /* An accordion item content container */
</code></pre>


Accordion Blocks

Gutenberg block for creating responsive accordion drop-downs.

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