Switcher block - Greenshift

Blog Staff

January 22, 2023

Switcher block has wide range of purposes because of wide range of customization options.

You can use it for before/after comparisons, Month/Yearly tables or any content which has 2 choices. You can also disable container area and use the switcher block as custom switcher.

With Query addon, you can also enable global saving in cookie or local storage to make dynamic block with saved user’s choice (cookie notice popups and panels, list/grid views, Night mode, etc). Check examples for Dynamic Switcher block

Let me show you some examples of switcher block design

Regular design

Before

After

Labels inside

Yearly

Lifetime

Design PackBuild complex layouts easily

Query Addon and listings

Animation Addon

Animated Section Library

Premium Support

from $39.99 / year

5 Sites – $49.99/year

Unlimited – $69.99/year

All in OneGet everything + future addons

All from Design and SEO pack

Chart Addon

Upcoming Woo Addon

Premium Support

from $59.99 / year

5 Sites – $89.99/year

Unlimited – $129.99/year

SEO PackProfitable blocks with high conversion

Query Addon and listings

SEO and Marketing Addon

Link Hider and statistic addon

Premium Support

from $49.99 / year

5 Sites – $79.99/year

Unlimited – $89.99/year

Design PackBuild complex layouts easily

Query Addon and listings

Animation Addon

Animated Section Library

Premium Support

$109.99 / lifetime

5 Sites – $139.99

Unlimited – $199.99

All in OneGet everything + future addons

All from Design and SEO pack

Chart Addon

Upcoming Woo Addon

Premium Support

$159.99 / lifetime

5 Sites – $219.99

Unlimited – $399.99

SEO PackProfitable blocks with high conversion

Query Addon and listings

SEO and Marketing Addon

Link Hider and statistic addon

Premium Support

$139.99 / lifetime

5 Sites – $199.99

Unlimited – $299.99

With Icons

Off

Icons inside

Off

Copy this post’s content

Copy code below, and paste it (CTRL+V) in content of page

<p>Switcher block has wide range of purposes because of wide range of customization options. </p>

<p>You can use it for before/after comparisons, Month/Yearly tables or any content which has 2 choices. You can also disable container area and use the switcher block as custom switcher. </p>

<div id="gspb_infoBox-id-gsbp-c6607f4a-01c7" class="gspb_infoBox gspb_infoBox-id-gsbp-c6607f4a-01c7 wp-block-greenshift-blocks-infobox"><div class="gs-box info_type icon_type"><div class="gs-box-icon"><svg x="0px" y="0px" viewBox="0 0 512 512"> <g><g> <path d="M256,0C114.497,0,0,114.507,0,256c0,141.503,114.507,256,256,256c141.503,0,256-114.507,256-256 C512,114.497,397.492,0,256,0z M256,472c-119.393,0-216-96.615-216-216c0-119.393,96.615-216,216-216 c119.393,0,216,96.615,216,216C472,375.393,375.384,472,256,472z"></path> </g> </g> <g> <g> <path d="M256,214.33c-11.046,0-20,8.954-20,20v128.793c0,11.046,8.954,20,20,20s20-8.955,20-20.001V234.33 C276,223.284,267.046,214.33,256,214.33z"></path> </g> </g> <g> <g> <circle cx="256" cy="162.84" r="27"></circle> </g> </g> </svg></div><div class="gs-box-text">
<p>With Query addon, you can also enable global saving in cookie or local storage to make dynamic block with saved user's choice (cookie notice popups and panels, list/grid views, Night mode, etc). Check examples for <a href="https://greenshiftwp.com/dynamic-switcher/" data-type="post" data-id="2553">Dynamic Switcher block</a></p>
</div></div></div>

<p>Let me show you some examples of switcher block design</p>

<p class="has-text-align-center"><strong>Regular design</strong></p>

<div id="gspb_id-gsbp-e8b2b2a5-55e2" class="gspb-switchwrap gspb_id-gsbp-e8b2b2a5-55e2 "><div class="gspb__switcher-container"><div class="gspb__switcher-control-wrapper outside"><input type="checkbox" class="gspb-switchbox-checkbox" id="gspb_checkbox-gsbp-e8b2b2a5-55e2"/><div class="gspb__switcher-label gspb__switcher-control-off"><span class="gspb__switcher-off-label-text">Before</span></div><label id="gspb-switch-gsbp-e8b2b2a5-55e2" class="gspb__switcher-element" data-status="off" for="gspb_checkbox-gsbp-e8b2b2a5-55e2"><div class="gspb__switch-handler"><span></span></div></label><div class="gspb__switcher-label gspb__switcher-control-on"><span class="gspb__switcher-on-label-text">After</span></div></div><div class="gspb__switcher-content">
<div id="gspb_container-id-gsbp-4c3980bb-6a0b" class="gspb_container gspb_container-gsbp-4c3980bb-6a0b wp-block-greenshift-blocks-container switcher-panel switcher-panel-1">
<div id="gspb_image-id-gsbp-990113f4-7996" class="gspb_image gspb_image-id-gsbp-990113f4-7996 wp-block-greenshift-blocks-image"><img src="https://greenshiftwp.com/wp-content/uploads/2023/01/before.jpg" data-src="" alt="" width="1980" height="1315"/></div>
</div>

<div id="gspb_container-id-gsbp-4bf96698-18a9" class="gspb_container gspb_container-gsbp-4bf96698-18a9 wp-block-greenshift-blocks-container switcher-panel switcher-panel-2">
<div id="gspb_image-id-gsbp-9ec011d8-abc6" class="gspb_image gspb_image-id-gsbp-9ec011d8-abc6 wp-block-greenshift-blocks-image"><img src="https://greenshiftwp.com/wp-content/uploads/2023/01/after.jpg" data-src="" alt="" width="1980" height="1315"/></div>
</div>
</div></div></div>

<p class="has-text-align-center"><strong>Labels inside</strong></p>

<div id="gspb_row-id-gsbp-44aa5d6a-3fe1" class="gspb_row gspb_row-id-gsbp-44aa5d6a-3fe1 wp-block-greenshift-blocks-row alignfull gspb_row-id-gsbp-44aa5d6a-3fe1"><div class="gspb_row__content"> 
<div id="gspb_col-id-gsbp-daa2d7f0-77af" class="gspb_row__col--12 wp-block-greenshift-blocks-row-column  gspb_col-id-gsbp-daa2d7f0-77af">
<div id="gspb_id-gsbp-d3d9467a-5491" class="gspb-switchwrap gspb_id-gsbp-d3d9467a-5491 "><div class="gspb__switcher-container"><div class="gspb__switcher-control-wrapper inside"><input type="checkbox" class="gspb-switchbox-checkbox" id="gspb_checkbox-gsbp-d3d9467a-5491"/><label id="gspb-switch-gsbp-d3d9467a-5491" class="gspb__switcher-element" data-status="off" for="gspb_checkbox-gsbp-d3d9467a-5491"><div class="gspb__switcher-label gspb__switcher-control-off"><span class="gspb__switcher-off-label-text">Yearly</span></div><div class="gspb__switch-handler"><span></span></div><div class="gspb__switcher-label gspb__switcher-control-on"><span class="gspb__switcher-on-label-text">Lifetime</span></div></label></div><div class="gspb__switcher-content">
<div id="gspb_container-id-gsbp-44d7e9a2-1278" class="gspb_container gspb_container-gsbp-44d7e9a2-1278 wp-block-greenshift-blocks-container switcher-panel switcher-panel-1">
<div id="gspb_container-id-gsbp-99f4fb65-0d34" class="gspb_container gspb_container-gsbp-99f4fb65-0d34 wp-block-greenshift-blocks-container">
<div id="gspb_container-id-gsbp-d6862809-361c" class="gspb_container gspb_container-gsbp-d6862809-361c wp-block-greenshift-blocks-container">
<h2 id="gspb_heading-id-gsbp-239514b7-dfb6" class="gspb_heading gspb_heading-id-gsbp-239514b7-dfb6 "><strong>Design Pack</strong><span class="gspb_heading_subtitle">Build complex layouts easily</span></h2>

<div id="gspb_iconsList-id-gsbp-6b7c292f-cbad" class="gspb_iconsList gspb_iconsList-id-gsbp-6b7c292f-cbad wp-block-greenshift-blocks-iconlist"><div class="gspb_iconsList__item" data-id="0"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M871.696 166.932l-526.088 526.088-193.304-193.304c-9.372-9.372-24.568-9.372-33.942 0l-56.568 56.568c-9.372 9.372-9.372 24.568 0 33.942l266.842 266.842c9.372 9.372 24.568 9.372 33.942 0l599.626-599.626c9.372-9.372 9.372-24.568 0-33.942l-56.568-56.568c-9.372-9.372-24.568-9.372-33.94 0z"></path></svg><span class="gspb_iconsList__item__text"><a href="https://shop.greenshiftwp.com/downloads/query-addon/" target="_blank" rel="noreferrer noopener">Query Addon and listings</a></span></div><div class="gspb_iconsList__item" data-id="1"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M871.696 166.932l-526.088 526.088-193.304-193.304c-9.372-9.372-24.568-9.372-33.942 0l-56.568 56.568c-9.372 9.372-9.372 24.568 0 33.942l266.842 266.842c9.372 9.372 24.568 9.372 33.942 0l599.626-599.626c9.372-9.372 9.372-24.568 0-33.942l-56.568-56.568c-9.372-9.372-24.568-9.372-33.94 0z"></path></svg><span class="gspb_iconsList__item__text"><a href="https://shop.greenshiftwp.com/downloads/advanced-animation-addon/">Animation Addon</a></span></div><div class="gspb_iconsList__item" data-id="2"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M871.696 166.932l-526.088 526.088-193.304-193.304c-9.372-9.372-24.568-9.372-33.942 0l-56.568 56.568c-9.372 9.372-9.372 24.568 0 33.942l266.842 266.842c9.372 9.372 24.568 9.372 33.942 0l599.626-599.626c9.372-9.372 9.372-24.568 0-33.942l-56.568-56.568c-9.372-9.372-24.568-9.372-33.94 0z"></path></svg><span class="gspb_iconsList__item__text">Animated Section Library</span></div><div class="gspb_iconsList__item" data-id="3"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M871.696 166.932l-526.088 526.088-193.304-193.304c-9.372-9.372-24.568-9.372-33.942 0l-56.568 56.568c-9.372 9.372-9.372 24.568 0 33.942l266.842 266.842c9.372 9.372 24.568 9.372 33.942 0l599.626-599.626c9.372-9.372 9.372-24.568 0-33.942l-56.568-56.568c-9.372-9.372-24.568-9.372-33.94 0z"></path></svg><span class="gspb_iconsList__item__text">Premium Support</span></div></div>

<div id="gspb_button-id-gsbp-db16fef3-8cee" class="gspb_button_wrapper gspb_button-id-gsbp-db16fef3-8cee wp-block-greenshift-blocks-button"><a class="gspb-buttonbox" href="https://shop.greenshiftwp.com/downloads/design-pack/" target="_blank" rel="noopener"><span class="gspb-buttonbox-textwrap"><span class="gspb-buttonbox-text"><span class="gspb-buttonbox-title">from $39.99 / year</span></span></span></a></div>

<div id="gspb_iconsList-id-gsbp-ccada676-253a" class="gspb_iconsList gspb_iconsList-id-gsbp-ccada676-253a wp-block-greenshift-blocks-iconlist"><div class="gspb_iconsList__item" data-id="0"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 896 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M647.12 102.4c-41.6 38.6-79.16 79.18-112.44 119.94-54.52-75.1-122.12-151.28-198.68-222.34-196.52 182.34-336 419.92-336 563.2 0 254.5 200.58 460.8 448 460.8s448-206.3 448-460.8c0-106.54-103.96-326.28-248.88-460.8zM608.18 783.7c-43.32 30.32-96.74 48.3-154.46 48.3-144.3 0-261.72-95.48-261.72-250.5 0-77.22 48.62-145.26 145.58-261.5 13.86 15.96 197.66 250.68 197.66 250.68l117.26-133.76c8.28 13.7 15.82 27.1 22.54 39.94 54.7 104.38 31.62 237.94-66.86 306.84z"></path></svg><span class="gspb_iconsList__item__text">5 Sites – $49.99/year</span></div><div class="gspb_iconsList__item" data-id="1"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 1152 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M927.4 0h-702.8c-8.4 0-16.2 4.4-20.6 11.6l-200.6 325.6c-5.4 8.8-4.4 20.2 2.4 28l552 650.4c9.6 11.2 26.8 11.2 36.4 0l552-650.4c6.8-7.8 7.6-19.2 2.4-28l-200.6-325.6c-4.4-7.2-12.2-11.6-20.6-11.6zM900.2 72l148.6 248h-166l-113.6-248h131zM690 72l113.6 248h-455.4l113.8-248h228zM251.8 72h131l-113.6 248h-166l148.6-248zM122.4 384h146l163.6 384-309.6-384zM346.4 384h459l-229.4 527.6-229.6-527.6zM720 768l163.6-384h146l-309.6 384z"></path></svg><span class="gspb_iconsList__item__text">Unlimited – $69.99/year</span></div></div>
</div>

<div id="gspb_container-id-gsbp-f8f4bccd-4800" class="gspb_container gspb_container-gsbp-f8f4bccd-4800 wp-block-greenshift-blocks-container">
<h2 id="gspb_heading-id-gsbp-09309dbe-68e6" class="gspb_heading gspb_heading-id-gsbp-09309dbe-68e6 "><strong><strong>All in One</strong></strong><span class="gspb_heading_subtitle"><strong>Get everything + future addons</strong></span></h2>

<div id="gspb_iconsList-id-gsbp-cbc009aa-6bed" class="gspb_iconsList gspb_iconsList-id-gsbp-cbc009aa-6bed wp-block-greenshift-blocks-iconlist"><div class="gspb_iconsList__item" data-id="0"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M871.696 166.932l-526.088 526.088-193.304-193.304c-9.372-9.372-24.568-9.372-33.942 0l-56.568 56.568c-9.372 9.372-9.372 24.568 0 33.942l266.842 266.842c9.372 9.372 24.568 9.372 33.942 0l599.626-599.626c9.372-9.372 9.372-24.568 0-33.942l-56.568-56.568c-9.372-9.372-24.568-9.372-33.94 0z"></path></svg><span class="gspb_iconsList__item__text">All from Design and SEO pack</span></div><div class="gspb_iconsList__item" data-id="1"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M871.696 166.932l-526.088 526.088-193.304-193.304c-9.372-9.372-24.568-9.372-33.942 0l-56.568 56.568c-9.372 9.372-9.372 24.568 0 33.942l266.842 266.842c9.372 9.372 24.568 9.372 33.942 0l599.626-599.626c9.372-9.372 9.372-24.568 0-33.942l-56.568-56.568c-9.372-9.372-24.568-9.372-33.94 0z"></path></svg><span class="gspb_iconsList__item__text"><a href="https://shop.greenshiftwp.com/downloads/greenshift-chart-plugin/" target="_blank" rel="noreferrer noopener">Chart Addon</a></span></div><div class="gspb_iconsList__item" data-id="2"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M871.696 166.932l-526.088 526.088-193.304-193.304c-9.372-9.372-24.568-9.372-33.942 0l-56.568 56.568c-9.372 9.372-9.372 24.568 0 33.942l266.842 266.842c9.372 9.372 24.568 9.372 33.942 0l599.626-599.626c9.372-9.372 9.372-24.568 0-33.942l-56.568-56.568c-9.372-9.372-24.568-9.372-33.94 0z"></path></svg><span class="gspb_iconsList__item__text">Upcoming Woo Addon</span></div><div class="gspb_iconsList__item" data-id="3"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M871.696 166.932l-526.088 526.088-193.304-193.304c-9.372-9.372-24.568-9.372-33.942 0l-56.568 56.568c-9.372 9.372-9.372 24.568 0 33.942l266.842 266.842c9.372 9.372 24.568 9.372 33.942 0l599.626-599.626c9.372-9.372 9.372-24.568 0-33.942l-56.568-56.568c-9.372-9.372-24.568-9.372-33.94 0z"></path></svg><span class="gspb_iconsList__item__text">Premium Support</span></div></div>

<div id="gspb_button-id-gsbp-86ef8289-fb15" class="gspb_button_wrapper gspb_button-id-gsbp-86ef8289-fb15 wp-block-greenshift-blocks-button"><a class="gspb-buttonbox" href="https://shop.greenshiftwp.com/downloads/all-in-one/" target="_blank" rel="noopener"><span class="gspb-buttonbox-textwrap"><span class="gspb-buttonbox-text"><span class="gspb-buttonbox-title">from $59.99 / year</span></span></span></a></div>

<div id="gspb_iconsList-id-gsbp-06b6c366-8a26" class="gspb_iconsList gspb_iconsList-id-gsbp-06b6c366-8a26 wp-block-greenshift-blocks-iconlist"><div class="gspb_iconsList__item" data-id="0"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 896 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M647.12 102.4c-41.6 38.6-79.16 79.18-112.44 119.94-54.52-75.1-122.12-151.28-198.68-222.34-196.52 182.34-336 419.92-336 563.2 0 254.5 200.58 460.8 448 460.8s448-206.3 448-460.8c0-106.54-103.96-326.28-248.88-460.8zM608.18 783.7c-43.32 30.32-96.74 48.3-154.46 48.3-144.3 0-261.72-95.48-261.72-250.5 0-77.22 48.62-145.26 145.58-261.5 13.86 15.96 197.66 250.68 197.66 250.68l117.26-133.76c8.28 13.7 15.82 27.1 22.54 39.94 54.7 104.38 31.62 237.94-66.86 306.84z"></path></svg><span class="gspb_iconsList__item__text">5 Sites – $89.99/year</span></div><div class="gspb_iconsList__item" data-id="1"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 1152 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M927.4 0h-702.8c-8.4 0-16.2 4.4-20.6 11.6l-200.6 325.6c-5.4 8.8-4.4 20.2 2.4 28l552 650.4c9.6 11.2 26.8 11.2 36.4 0l552-650.4c6.8-7.8 7.6-19.2 2.4-28l-200.6-325.6c-4.4-7.2-12.2-11.6-20.6-11.6zM900.2 72l148.6 248h-166l-113.6-248h131zM690 72l113.6 248h-455.4l113.8-248h228zM251.8 72h131l-113.6 248h-166l148.6-248zM122.4 384h146l163.6 384-309.6-384zM346.4 384h459l-229.4 527.6-229.6-527.6zM720 768l163.6-384h146l-309.6 384z"></path></svg><span class="gspb_iconsList__item__text">Unlimited – $129.99/year</span></div></div>
</div>

<div id="gspb_container-id-gsbp-40a198c1-0196" class="gspb_container gspb_container-gsbp-40a198c1-0196 wp-block-greenshift-blocks-container">
<h2 id="gspb_heading-id-gsbp-1b36757e-6fa4" class="gspb_heading gspb_heading-id-gsbp-1b36757e-6fa4 "><strong>SEO Pack</strong><span class="gspb_heading_subtitle"><strong>Profitable blocks with high conversion</strong></span></h2>

<div id="gspb_iconsList-id-gsbp-6085b501-cfe3" class="gspb_iconsList gspb_iconsList-id-gsbp-6085b501-cfe3 wp-block-greenshift-blocks-iconlist"><div class="gspb_iconsList__item" data-id="0"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M871.696 166.932l-526.088 526.088-193.304-193.304c-9.372-9.372-24.568-9.372-33.942 0l-56.568 56.568c-9.372 9.372-9.372 24.568 0 33.942l266.842 266.842c9.372 9.372 24.568 9.372 33.942 0l599.626-599.626c9.372-9.372 9.372-24.568 0-33.942l-56.568-56.568c-9.372-9.372-24.568-9.372-33.94 0z"></path></svg><span class="gspb_iconsList__item__text"><a href="https://shop.greenshiftwp.com/downloads/query-addon/" target="_blank" rel="noreferrer noopener">Query Addon and listings</a></span></div><div class="gspb_iconsList__item" data-id="1"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M871.696 166.932l-526.088 526.088-193.304-193.304c-9.372-9.372-24.568-9.372-33.942 0l-56.568 56.568c-9.372 9.372-9.372 24.568 0 33.942l266.842 266.842c9.372 9.372 24.568 9.372 33.942 0l599.626-599.626c9.372-9.372 9.372-24.568 0-33.942l-56.568-56.568c-9.372-9.372-24.568-9.372-33.94 0z"></path></svg><span class="gspb_iconsList__item__text"><a href="https://shop.greenshiftwp.com/downloads/marketing-and-seo-addon/" target="_blank" rel="noreferrer noopener">SEO and Marketing Addon</a></span></div><div class="gspb_iconsList__item" data-id="2"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M871.696 166.932l-526.088 526.088-193.304-193.304c-9.372-9.372-24.568-9.372-33.942 0l-56.568 56.568c-9.372 9.372-9.372 24.568 0 33.942l266.842 266.842c9.372 9.372 24.568 9.372 33.942 0l599.626-599.626c9.372-9.372 9.372-24.568 0-33.942l-56.568-56.568c-9.372-9.372-24.568-9.372-33.94 0z"></path></svg><span class="gspb_iconsList__item__text">Link Hider and statistic addon</span></div><div class="gspb_iconsList__item" data-id="3"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M871.696 166.932l-526.088 526.088-193.304-193.304c-9.372-9.372-24.568-9.372-33.942 0l-56.568 56.568c-9.372 9.372-9.372 24.568 0 33.942l266.842 266.842c9.372 9.372 24.568 9.372 33.942 0l599.626-599.626c9.372-9.372 9.372-24.568 0-33.942l-56.568-56.568c-9.372-9.372-24.568-9.372-33.94 0z"></path></svg><span class="gspb_iconsList__item__text">Premium Support</span></div></div>

<div id="gspb_button-id-gsbp-db2576fe-9a15" class="gspb_button_wrapper gspb_button-id-gsbp-db2576fe-9a15 wp-block-greenshift-blocks-button"><a class="gspb-buttonbox" href="https://shop.greenshiftwp.com/downloads/seo-pack/" target="_blank" rel="noopener"><span class="gspb-buttonbox-textwrap"><span class="gspb-buttonbox-text"><span class="gspb-buttonbox-title">from $49.99 / year</span></span></span></a></div>

<div id="gspb_iconsList-id-gsbp-285a4c84-b9f4" class="gspb_iconsList gspb_iconsList-id-gsbp-285a4c84-b9f4 wp-block-greenshift-blocks-iconlist"><div class="gspb_iconsList__item" data-id="0"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 896 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M647.12 102.4c-41.6 38.6-79.16 79.18-112.44 119.94-54.52-75.1-122.12-151.28-198.68-222.34-196.52 182.34-336 419.92-336 563.2 0 254.5 200.58 460.8 448 460.8s448-206.3 448-460.8c0-106.54-103.96-326.28-248.88-460.8zM608.18 783.7c-43.32 30.32-96.74 48.3-154.46 48.3-144.3 0-261.72-95.48-261.72-250.5 0-77.22 48.62-145.26 145.58-261.5 13.86 15.96 197.66 250.68 197.66 250.68l117.26-133.76c8.28 13.7 15.82 27.1 22.54 39.94 54.7 104.38 31.62 237.94-66.86 306.84z"></path></svg><span class="gspb_iconsList__item__text">5 Sites – $79.99/year</span></div><div class="gspb_iconsList__item" data-id="1"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 1152 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M927.4 0h-702.8c-8.4 0-16.2 4.4-20.6 11.6l-200.6 325.6c-5.4 8.8-4.4 20.2 2.4 28l552 650.4c9.6 11.2 26.8 11.2 36.4 0l552-650.4c6.8-7.8 7.6-19.2 2.4-28l-200.6-325.6c-4.4-7.2-12.2-11.6-20.6-11.6zM900.2 72l148.6 248h-166l-113.6-248h131zM690 72l113.6 248h-455.4l113.8-248h228zM251.8 72h131l-113.6 248h-166l148.6-248zM122.4 384h146l163.6 384-309.6-384zM346.4 384h459l-229.4 527.6-229.6-527.6zM720 768l163.6-384h146l-309.6 384z"></path></svg><span class="gspb_iconsList__item__text">Unlimited – $89.99/year</span></div></div>
</div>
</div>
</div>

<div id="gspb_container-id-gsbp-4ec8cf89-d9f3" class="gspb_container gspb_container-gsbp-4ec8cf89-d9f3 wp-block-greenshift-blocks-container switcher-panel switcher-panel-2">
<div id="gspb_container-id-gsbp-6ef49035-d771" class="gspb_container gspb_container-gsbp-6ef49035-d771 wp-block-greenshift-blocks-container">
<div id="gspb_container-id-gsbp-27353a3e-2ac3" class="gspb_container gspb_container-gsbp-27353a3e-2ac3 wp-block-greenshift-blocks-container">
<h2 id="gspb_heading-id-gsbp-589eaebe-5eed" class="gspb_heading gspb_heading-id-gsbp-589eaebe-5eed "><strong>Design Pack</strong><span class="gspb_heading_subtitle">Build complex layouts easily</span></h2>

<div id="gspb_iconsList-id-gsbp-65ec163a-e7b4" class="gspb_iconsList gspb_iconsList-id-gsbp-65ec163a-e7b4 wp-block-greenshift-blocks-iconlist"><div class="gspb_iconsList__item" data-id="0"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M871.696 166.932l-526.088 526.088-193.304-193.304c-9.372-9.372-24.568-9.372-33.942 0l-56.568 56.568c-9.372 9.372-9.372 24.568 0 33.942l266.842 266.842c9.372 9.372 24.568 9.372 33.942 0l599.626-599.626c9.372-9.372 9.372-24.568 0-33.942l-56.568-56.568c-9.372-9.372-24.568-9.372-33.94 0z"></path></svg><span class="gspb_iconsList__item__text"><a href="https://shop.greenshiftwp.com/downloads/query-addon/" target="_blank" rel="noreferrer noopener">Query Addon and listings</a></span></div><div class="gspb_iconsList__item" data-id="1"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M871.696 166.932l-526.088 526.088-193.304-193.304c-9.372-9.372-24.568-9.372-33.942 0l-56.568 56.568c-9.372 9.372-9.372 24.568 0 33.942l266.842 266.842c9.372 9.372 24.568 9.372 33.942 0l599.626-599.626c9.372-9.372 9.372-24.568 0-33.942l-56.568-56.568c-9.372-9.372-24.568-9.372-33.94 0z"></path></svg><span class="gspb_iconsList__item__text"><a href="https://shop.greenshiftwp.com/downloads/advanced-animation-addon/">Animation Addon</a></span></div><div class="gspb_iconsList__item" data-id="2"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M871.696 166.932l-526.088 526.088-193.304-193.304c-9.372-9.372-24.568-9.372-33.942 0l-56.568 56.568c-9.372 9.372-9.372 24.568 0 33.942l266.842 266.842c9.372 9.372 24.568 9.372 33.942 0l599.626-599.626c9.372-9.372 9.372-24.568 0-33.942l-56.568-56.568c-9.372-9.372-24.568-9.372-33.94 0z"></path></svg><span class="gspb_iconsList__item__text">Animated Section Library</span></div><div class="gspb_iconsList__item" data-id="3"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M871.696 166.932l-526.088 526.088-193.304-193.304c-9.372-9.372-24.568-9.372-33.942 0l-56.568 56.568c-9.372 9.372-9.372 24.568 0 33.942l266.842 266.842c9.372 9.372 24.568 9.372 33.942 0l599.626-599.626c9.372-9.372 9.372-24.568 0-33.942l-56.568-56.568c-9.372-9.372-24.568-9.372-33.94 0z"></path></svg><span class="gspb_iconsList__item__text">Premium Support</span></div></div>

<div id="gspb_button-id-gsbp-fc009f6f-1d63" class="gspb_button_wrapper gspb_button-id-gsbp-fc009f6f-1d63 wp-block-greenshift-blocks-button"><a class="gspb-buttonbox" href="https://shop.greenshiftwp.com/downloads/design-pack/" target="_blank" rel="noopener"><span class="gspb-buttonbox-textwrap"><span class="gspb-buttonbox-text"><span class="gspb-buttonbox-title">$109.99 / lifetime</span></span></span></a></div>

<div id="gspb_iconsList-id-gsbp-e20abe0c-1e6d" class="gspb_iconsList gspb_iconsList-id-gsbp-e20abe0c-1e6d wp-block-greenshift-blocks-iconlist"><div class="gspb_iconsList__item" data-id="0"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 896 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M647.12 102.4c-41.6 38.6-79.16 79.18-112.44 119.94-54.52-75.1-122.12-151.28-198.68-222.34-196.52 182.34-336 419.92-336 563.2 0 254.5 200.58 460.8 448 460.8s448-206.3 448-460.8c0-106.54-103.96-326.28-248.88-460.8zM608.18 783.7c-43.32 30.32-96.74 48.3-154.46 48.3-144.3 0-261.72-95.48-261.72-250.5 0-77.22 48.62-145.26 145.58-261.5 13.86 15.96 197.66 250.68 197.66 250.68l117.26-133.76c8.28 13.7 15.82 27.1 22.54 39.94 54.7 104.38 31.62 237.94-66.86 306.84z"></path></svg><span class="gspb_iconsList__item__text">5 Sites – $139.99</span></div><div class="gspb_iconsList__item" data-id="1"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 1152 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M927.4 0h-702.8c-8.4 0-16.2 4.4-20.6 11.6l-200.6 325.6c-5.4 8.8-4.4 20.2 2.4 28l552 650.4c9.6 11.2 26.8 11.2 36.4 0l552-650.4c6.8-7.8 7.6-19.2 2.4-28l-200.6-325.6c-4.4-7.2-12.2-11.6-20.6-11.6zM900.2 72l148.6 248h-166l-113.6-248h131zM690 72l113.6 248h-455.4l113.8-248h228zM251.8 72h131l-113.6 248h-166l148.6-248zM122.4 384h146l163.6 384-309.6-384zM346.4 384h459l-229.4 527.6-229.6-527.6zM720 768l163.6-384h146l-309.6 384z"></path></svg><span class="gspb_iconsList__item__text">Unlimited – $199.99</span></div></div>
</div>

<div id="gspb_container-id-gsbp-b1d3f76b-3fa4" class="gspb_container gspb_container-gsbp-b1d3f76b-3fa4 wp-block-greenshift-blocks-container">
<h2 id="gspb_heading-id-gsbp-c6da7166-7624" class="gspb_heading gspb_heading-id-gsbp-c6da7166-7624 "><strong><strong>All in One</strong></strong><span class="gspb_heading_subtitle"><strong>Get everything + future addons</strong></span></h2>

<div id="gspb_iconsList-id-gsbp-c43dc99b-3958" class="gspb_iconsList gspb_iconsList-id-gsbp-c43dc99b-3958 wp-block-greenshift-blocks-iconlist"><div class="gspb_iconsList__item" data-id="0"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M871.696 166.932l-526.088 526.088-193.304-193.304c-9.372-9.372-24.568-9.372-33.942 0l-56.568 56.568c-9.372 9.372-9.372 24.568 0 33.942l266.842 266.842c9.372 9.372 24.568 9.372 33.942 0l599.626-599.626c9.372-9.372 9.372-24.568 0-33.942l-56.568-56.568c-9.372-9.372-24.568-9.372-33.94 0z"></path></svg><span class="gspb_iconsList__item__text">All from Design and SEO pack</span></div><div class="gspb_iconsList__item" data-id="1"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M871.696 166.932l-526.088 526.088-193.304-193.304c-9.372-9.372-24.568-9.372-33.942 0l-56.568 56.568c-9.372 9.372-9.372 24.568 0 33.942l266.842 266.842c9.372 9.372 24.568 9.372 33.942 0l599.626-599.626c9.372-9.372 9.372-24.568 0-33.942l-56.568-56.568c-9.372-9.372-24.568-9.372-33.94 0z"></path></svg><span class="gspb_iconsList__item__text"><a href="https://shop.greenshiftwp.com/downloads/greenshift-chart-plugin/" target="_blank" rel="noreferrer noopener">Chart Addon</a></span></div><div class="gspb_iconsList__item" data-id="2"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M871.696 166.932l-526.088 526.088-193.304-193.304c-9.372-9.372-24.568-9.372-33.942 0l-56.568 56.568c-9.372 9.372-9.372 24.568 0 33.942l266.842 266.842c9.372 9.372 24.568 9.372 33.942 0l599.626-599.626c9.372-9.372 9.372-24.568 0-33.942l-56.568-56.568c-9.372-9.372-24.568-9.372-33.94 0z"></path></svg><span class="gspb_iconsList__item__text">Upcoming Woo Addon</span></div><div class="gspb_iconsList__item" data-id="3"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M871.696 166.932l-526.088 526.088-193.304-193.304c-9.372-9.372-24.568-9.372-33.942 0l-56.568 56.568c-9.372 9.372-9.372 24.568 0 33.942l266.842 266.842c9.372 9.372 24.568 9.372 33.942 0l599.626-599.626c9.372-9.372 9.372-24.568 0-33.942l-56.568-56.568c-9.372-9.372-24.568-9.372-33.94 0z"></path></svg><span class="gspb_iconsList__item__text">Premium Support</span></div></div>

<div id="gspb_button-id-gsbp-4f6dfda7-f30a" class="gspb_button_wrapper gspb_button-id-gsbp-4f6dfda7-f30a wp-block-greenshift-blocks-button"><a class="gspb-buttonbox" href="https://shop.greenshiftwp.com/downloads/all-in-one/" target="_blank" rel="noopener"><span class="gspb-buttonbox-textwrap"><span class="gspb-buttonbox-text"><span class="gspb-buttonbox-title">$159.99 / lifetime</span></span></span></a></div>

<div id="gspb_iconsList-id-gsbp-9eee117f-b582" class="gspb_iconsList gspb_iconsList-id-gsbp-9eee117f-b582 wp-block-greenshift-blocks-iconlist"><div class="gspb_iconsList__item" data-id="0"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 896 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M647.12 102.4c-41.6 38.6-79.16 79.18-112.44 119.94-54.52-75.1-122.12-151.28-198.68-222.34-196.52 182.34-336 419.92-336 563.2 0 254.5 200.58 460.8 448 460.8s448-206.3 448-460.8c0-106.54-103.96-326.28-248.88-460.8zM608.18 783.7c-43.32 30.32-96.74 48.3-154.46 48.3-144.3 0-261.72-95.48-261.72-250.5 0-77.22 48.62-145.26 145.58-261.5 13.86 15.96 197.66 250.68 197.66 250.68l117.26-133.76c8.28 13.7 15.82 27.1 22.54 39.94 54.7 104.38 31.62 237.94-66.86 306.84z"></path></svg><span class="gspb_iconsList__item__text">5 Sites – $219.99</span></div><div class="gspb_iconsList__item" data-id="1"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 1152 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M927.4 0h-702.8c-8.4 0-16.2 4.4-20.6 11.6l-200.6 325.6c-5.4 8.8-4.4 20.2 2.4 28l552 650.4c9.6 11.2 26.8 11.2 36.4 0l552-650.4c6.8-7.8 7.6-19.2 2.4-28l-200.6-325.6c-4.4-7.2-12.2-11.6-20.6-11.6zM900.2 72l148.6 248h-166l-113.6-248h131zM690 72l113.6 248h-455.4l113.8-248h228zM251.8 72h131l-113.6 248h-166l148.6-248zM122.4 384h146l163.6 384-309.6-384zM346.4 384h459l-229.4 527.6-229.6-527.6zM720 768l163.6-384h146l-309.6 384z"></path></svg><span class="gspb_iconsList__item__text">Unlimited – $399.99</span></div></div>
</div>

<div id="gspb_container-id-gsbp-0dc798f2-a8a8" class="gspb_container gspb_container-gsbp-0dc798f2-a8a8 wp-block-greenshift-blocks-container">
<h2 id="gspb_heading-id-gsbp-a0086d1a-420a" class="gspb_heading gspb_heading-id-gsbp-a0086d1a-420a "><strong>SEO Pack</strong><span class="gspb_heading_subtitle"><strong>Profitable blocks with high conversion</strong></span></h2>

<div id="gspb_iconsList-id-gsbp-a70ee826-a0ae" class="gspb_iconsList gspb_iconsList-id-gsbp-a70ee826-a0ae wp-block-greenshift-blocks-iconlist"><div class="gspb_iconsList__item" data-id="0"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M871.696 166.932l-526.088 526.088-193.304-193.304c-9.372-9.372-24.568-9.372-33.942 0l-56.568 56.568c-9.372 9.372-9.372 24.568 0 33.942l266.842 266.842c9.372 9.372 24.568 9.372 33.942 0l599.626-599.626c9.372-9.372 9.372-24.568 0-33.942l-56.568-56.568c-9.372-9.372-24.568-9.372-33.94 0z"></path></svg><span class="gspb_iconsList__item__text"><a href="https://shop.greenshiftwp.com/downloads/query-addon/" target="_blank" rel="noreferrer noopener">Query Addon and listings</a></span></div><div class="gspb_iconsList__item" data-id="1"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M871.696 166.932l-526.088 526.088-193.304-193.304c-9.372-9.372-24.568-9.372-33.942 0l-56.568 56.568c-9.372 9.372-9.372 24.568 0 33.942l266.842 266.842c9.372 9.372 24.568 9.372 33.942 0l599.626-599.626c9.372-9.372 9.372-24.568 0-33.942l-56.568-56.568c-9.372-9.372-24.568-9.372-33.94 0z"></path></svg><span class="gspb_iconsList__item__text"><a href="https://shop.greenshiftwp.com/downloads/marketing-and-seo-addon/" target="_blank" rel="noreferrer noopener">SEO and Marketing Addon</a></span></div><div class="gspb_iconsList__item" data-id="2"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M871.696 166.932l-526.088 526.088-193.304-193.304c-9.372-9.372-24.568-9.372-33.942 0l-56.568 56.568c-9.372 9.372-9.372 24.568 0 33.942l266.842 266.842c9.372 9.372 24.568 9.372 33.942 0l599.626-599.626c9.372-9.372 9.372-24.568 0-33.942l-56.568-56.568c-9.372-9.372-24.568-9.372-33.94 0z"></path></svg><span class="gspb_iconsList__item__text">Link Hider and statistic addon</span></div><div class="gspb_iconsList__item" data-id="3"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M871.696 166.932l-526.088 526.088-193.304-193.304c-9.372-9.372-24.568-9.372-33.942 0l-56.568 56.568c-9.372 9.372-9.372 24.568 0 33.942l266.842 266.842c9.372 9.372 24.568 9.372 33.942 0l599.626-599.626c9.372-9.372 9.372-24.568 0-33.942l-56.568-56.568c-9.372-9.372-24.568-9.372-33.94 0z"></path></svg><span class="gspb_iconsList__item__text">Premium Support</span></div></div>

<div id="gspb_button-id-gsbp-937ab417-8ddc" class="gspb_button_wrapper gspb_button-id-gsbp-937ab417-8ddc wp-block-greenshift-blocks-button"><a class="gspb-buttonbox" href="https://shop.greenshiftwp.com/downloads/seo-pack/" target="_blank" rel="noopener"><span class="gspb-buttonbox-textwrap"><span class="gspb-buttonbox-text"><span class="gspb-buttonbox-title">$139.99 / lifetime</span></span></span></a></div>

<div id="gspb_iconsList-id-gsbp-e216a9d6-c171" class="gspb_iconsList gspb_iconsList-id-gsbp-e216a9d6-c171 wp-block-greenshift-blocks-iconlist"><div class="gspb_iconsList__item" data-id="0"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 896 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M647.12 102.4c-41.6 38.6-79.16 79.18-112.44 119.94-54.52-75.1-122.12-151.28-198.68-222.34-196.52 182.34-336 419.92-336 563.2 0 254.5 200.58 460.8 448 460.8s448-206.3 448-460.8c0-106.54-103.96-326.28-248.88-460.8zM608.18 783.7c-43.32 30.32-96.74 48.3-154.46 48.3-144.3 0-261.72-95.48-261.72-250.5 0-77.22 48.62-145.26 145.58-261.5 13.86 15.96 197.66 250.68 197.66 250.68l117.26-133.76c8.28 13.7 15.82 27.1 22.54 39.94 54.7 104.38 31.62 237.94-66.86 306.84z"></path></svg><span class="gspb_iconsList__item__text">5 Sites – $199.99</span></div><div class="gspb_iconsList__item" data-id="1"><svg class="" style="display:inline-block;vertical-align:middle" width="18" height="18" viewBox="0 0 1152 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M927.4 0h-702.8c-8.4 0-16.2 4.4-20.6 11.6l-200.6 325.6c-5.4 8.8-4.4 20.2 2.4 28l552 650.4c9.6 11.2 26.8 11.2 36.4 0l552-650.4c6.8-7.8 7.6-19.2 2.4-28l-200.6-325.6c-4.4-7.2-12.2-11.6-20.6-11.6zM900.2 72l148.6 248h-166l-113.6-248h131zM690 72l113.6 248h-455.4l113.8-248h228zM251.8 72h131l-113.6 248h-166l148.6-248zM122.4 384h146l163.6 384-309.6-384zM346.4 384h459l-229.4 527.6-229.6-527.6zM720 768l163.6-384h146l-309.6 384z"></path></svg><span class="gspb_iconsList__item__text">Unlimited – $299.99</span></div></div>
</div>
</div>
</div>
</div></div></div>
</div>
 </div></div>

<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>

<p class="has-text-align-center"><strong>With Icons</strong></p>

<div id="gspb_id-gsbp-4fcb798a-4417" class="gspb-switchwrap gspb_id-gsbp-4fcb798a-4417 "><div class="gspb__switcher-container"><div class="gspb__switcher-control-wrapper outside"><input type="checkbox" class="gspb-switchbox-checkbox" id="gspb_checkbox-gsbp-4fcb798a-4417"/><div class="gspb__switcher-label gspb__switcher-control-off"><span class="gspb_switcher_icon"><svg class="" style="display:inline-block;vertical-align:middle" width="16" height="16" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M777 92.6c138.8 88 231 243 231 419.4 0 273.6-221.6 495.4-495 496-273 0.6-496.6-222-497-495.2-0.2-176.8 92-332.2 231-420.2 11.6-7.4 27-3.6 33.8 8.4l23.6 41.8c6.2 11 2.8 25-7.8 31.8-111 71.2-184.6 195.6-184.6 337.4 0 221 179 400 400 400s400-179 400-400c0-141.8-73.6-266.2-184.6-337.2-10.6-6.8-14-20.8-7.8-31.8l23.6-41.8c6.6-12.2 22.2-15.8 33.8-8.6zM560 552v-528c0-13.2-10.8-24-24-24h-48c-13.2 0-24 10.8-24 24v528c0 13.2 10.8 24 24 24h48c13.2 0 24-10.8 24-24z"></path></svg></span><span class="gspb__switcher-off-label-text">Off</span></div><label id="gspb-switch-gsbp-4fcb798a-4417" class="gspb__switcher-element" data-status="off" for="gspb_checkbox-gsbp-4fcb798a-4417"><div class="gspb__switch-handler"><span></span></div></label><div class="gspb__switcher-label gspb__switcher-control-on"><span class="gspb_switcher_icon"><svg class="" style="display:inline-block;vertical-align:middle" width="16" height="16" viewBox="0 0 768 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M755.6 335.8c-16.4-28.6-46.2-45.8-79.2-45.8h-188.8l57.4-175c7.4-27.6 1.6-56.6-15.8-79.4-17.6-22.6-44.2-35.6-72.8-35.6h-261c-45.6 0-84.6 34.2-89.6 74.2l-104.8 424.4c-3.8 27.6 4.4 55.4 22.6 76.4s44.6 33 72.4 33h196.2l-69.8 303.4c-6.4 27.4-0.2 55.8 17.2 77.8 17.4 22.2 43.6 34.8 71.8 34.8 32.6 0 63-17.6 77.6-43.2l366.4-553.4c16.8-28.6 16.8-63 0.2-91.6zM320.2 914.8l92.6-402.8h-317.8l100.4-416 255.2-1.8-95.6 291.8h313l-347.8 528.8z"></path></svg></span><span class="gspb__switcher-on-label-text">On</span></div></div></div></div>

<p class="has-text-align-center"><strong>Icons inside</strong></p>

<div id="gspb_id-gsbp-8e139231-b2b6" class="gspb-switchwrap gspb_id-gsbp-8e139231-b2b6 "><div class="gspb__switcher-container"><div class="gspb__switcher-control-wrapper inside"><input type="checkbox" class="gspb-switchbox-checkbox" id="gspb_checkbox-gsbp-8e139231-b2b6"/><label id="gspb-switch-gsbp-8e139231-b2b6" class="gspb__switcher-element" data-status="off" for="gspb_checkbox-gsbp-8e139231-b2b6"><div class="gspb__switcher-label gspb__switcher-control-off"><span class="gspb_switcher_icon"><svg class="" style="display:inline-block;vertical-align:middle" width="16" height="16" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M768 512c0-70.699-28.715-134.741-74.965-181.035s-110.336-74.965-181.035-74.965-134.741 28.715-181.035 74.965-74.965 110.336-74.965 181.035 28.715 134.741 74.965 181.035 110.336 74.965 181.035 74.965 134.741-28.715 181.035-74.965 74.965-110.336 74.965-181.035zM682.667 512c0 47.147-19.072 89.728-50.005 120.661s-73.515 50.005-120.661 50.005-89.728-19.072-120.661-50.005-50.005-73.515-50.005-120.661 19.072-89.728 50.005-120.661 73.515-50.005 120.661-50.005 89.728 19.072 120.661 50.005 50.005 73.515 50.005 120.661zM469.333 42.667v85.333c0 23.552 19.115 42.667 42.667 42.667s42.667-19.115 42.667-42.667v-85.333c0-23.552-19.115-42.667-42.667-42.667s-42.667 19.115-42.667 42.667zM469.333 896v85.333c0 23.552 19.115 42.667 42.667 42.667s42.667-19.115 42.667-42.667v-85.333c0-23.552-19.115-42.667-42.667-42.667s-42.667 19.115-42.667 42.667zM149.888 210.219l60.587 60.587c16.683 16.683 43.691 16.683 60.331 0s16.683-43.691 0-60.331l-60.587-60.587c-16.683-16.683-43.691-16.683-60.331 0s-16.683 43.691 0 60.331zM753.195 813.525l60.587 60.587c16.683 16.683 43.691 16.683 60.331 0s16.683-43.691 0-60.331l-60.587-60.587c-16.683-16.683-43.691-16.683-60.331 0s-16.683 43.691 0 60.331zM42.667 554.667h85.333c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-85.333c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM896 554.667h85.333c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-85.333c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM210.219 874.112l60.587-60.587c16.683-16.683 16.683-43.691 0-60.331s-43.691-16.683-60.331 0l-60.587 60.587c-16.683 16.683-16.683 43.691 0 60.331s43.691 16.683 60.331 0zM813.525 270.805l60.587-60.587c16.683-16.683 16.683-43.691 0-60.331s-43.691-16.683-60.331 0l-60.587 60.587c-16.683 16.683-16.683 43.691 0 60.331s43.691 16.683 60.331 0z"></path></svg></span><span class="gspb__switcher-off-label-text">Off</span></div><div class="gspb__switch-handler"><span></span></div><div class="gspb__switcher-label gspb__switcher-control-on"><span class="gspb_switcher_icon"><svg class="" style="display:inline-block;vertical-align:middle" width="16" height="16" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M938.496 549.632c0.939-9.941-1.621-20.309-8.021-29.056-13.867-19.029-40.576-23.211-59.605-9.344-40.533 29.568-87.893 46.336-136.021 49.579-58.368 3.925-117.973-12.075-168.533-49.408-56.875-42.027-91.264-103.040-100.992-167.893s5.291-133.291 47.317-190.123c6.059-8.149 9.216-18.56 8.149-29.483-2.261-23.467-23.125-40.619-46.592-38.315-96.341 9.387-184.064 50.347-251.52 113.109-74.069 68.907-123.819 164.139-133.845 272.469-10.837 117.291 26.923 227.968 96.683 311.936s171.605 141.355 288.939 152.192 227.968-26.923 311.936-96.683 141.355-171.605 152.192-288.939zM834.859 626.091c-20.907 58.155-56.96 108.501-103.083 146.816-67.243 55.851-155.648 86.016-249.515 77.355s-175.275-54.528-231.125-121.771-86.016-155.648-77.355-249.515c7.979-86.699 47.659-162.731 106.965-217.856 33.365-31.061 72.96-55.467 116.523-71.339-19.456 53.931-24.619 111.189-16.384 166.357 12.928 86.315 58.88 167.851 134.656 223.872 67.328 49.792 147.115 71.168 224.939 65.92 32.085-2.133 63.829-8.832 94.293-19.84z"></path></svg></span><span class="gspb__switcher-on-label-text">On</span></div></label></div></div></div>