PageSourceSearch

https://blockons.com/documentation/

html blockons.com collected 2026-10-03 21:23:03 UTC 88,585 bytes, 859 lines download raw bytes

1<!doctype html><!-- Overlay Pro -->
2<html lang="en-US" prefix="og: https://ogp.me/ns#">
3<head>
4	<meta charset="UTF-8">
5	<meta name="viewport" content="width=device-width, initial-scale=1">
6	<link rel="profile" href="https://gmpg.org/xfn/11">
7	
8<!-- Search Engine Optimization by Rank Math - https://rankmath.com/ -->
9<title>Documentation - Blockons</title>
10<meta name="description" content="Access our documentation for Blockons. Learn how to use advanced WordPress blocks, Gutenberg editor features, and site addons to build your website effortlessly"/>
11<meta name="robots" content="index, follow, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/>
12<link rel="canonical" href="https://blockons.com/documentation/" />
13<meta property="og:locale" content="en_US" />
14<meta property="og:type" content="article" />
15<meta property="og:title" content="Documentation - Blockons" />
16<meta property="og:description" content="Access our documentation for Blockons. Learn how to use advanced WordPress blocks, Gutenberg editor features, and site addons to build your website effortlessly" />
17<meta property="og:url" content="https://blockons.com/documentation/" />
18<meta property="og:site_name" content="Blockons" />
19<meta property="og:updated_time" content="2024-07-12T11:12:13+00:00" />
20<meta property="article:published_time" content="2021-11-18T13:13:04+00:00" />
21<meta property="article:modified_time" content="2024-07-12T11:12:13+00:00" />
22<meta name="twitter:card" content="summary_large_image" />
23<meta name="twitter:title" content="Documentation - Blockons" />
24<meta name="twitter:description" content="Access our documentation for Blockons. Learn how to use advanced WordPress blocks, Gutenberg editor features, and site addons to build your website effortlessly" />
25<meta name="twitter:label1" content="Time to read" />
26<meta name="twitter:data1" content="Less than a minute" />
27<script type="application/ld+json" class="rank-math-schema">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://blockons.com/#organization","name":"Blockons","url":"https://blockons.com","logo":{"@type":"ImageObject","@id":"https://blockons.com/#logo","url":"https://blockons.com/wp-content/uploads/2022/07/blockons_logo.png","contentUrl":"https://blockons.com/wp-content/uploads/2022/07/blockons_logo.png","caption":"Blockons","inLanguage":"en-US","width":"280","height":"82"}},{"@type":"WebSite","@id":"https://blockons.com/#website","url":"https://blockons.com","name":"Blockons","publisher":{"@id":"https://blockons.com/#organization"},"inLanguage":"en-US"},{"@type":"WebPage","@id":"https://blockons.com/documentation/#webpage","url":"https://blockons.com/documentation/","name":"Documentation - Blockons","datePublished":"2021-11-18T13:13:04+00:00","dateModified":"2024-07-12T11:12:13+00:00","isPartOf":{"@id":"https://blockons.com/#website"},"inLanguage":"en-US"},{"@type":"Person","@id":"https://blockons.com/author/zackaira/","name":"zackaira","url":"https://blockons.com/author/zackaira/","image":{"@type":"ImageObject","@id":"https://secure.gravatar.com/avatar/09ea51d0f41e695cec0cf81995eaaf760a57772ebab9d34d8754458fe76f97a1?s=96&amp;d=mm&amp;r=g","url":"https://secure.gravatar.com/avatar/09ea51d0f41e695cec0cf81995eaaf760a57772ebab9d34d8754458fe76f97a1?s=96&amp;d=mm&amp;r=g","caption":"zackaira","inLanguage":"en-US"},"sameAs":["https://blockons.com"],"worksFor":{"@id":"https://blockons.com/#organization"}},{"@type":"Article","headline":"Documentation - Blockons","keywords":"Blockons documentation,WordPress blocks guide,Gutenberg editor help,Advanced WordPress blocks,Site addons documentation","datePublished":"2021-11-18T13:13:04+00:00","dateModified":"2024-07-12T11:12:13+00:00","author":{"@id":"https://blockons.com/author/zackaira/","name":"zackaira"},"publisher":{"@id":"https://blockons.com/#organization"},"description":"Access our documentation for Blockons. Learn how to use advanced WordPress blocks, Gutenberg editor features, and site addons to build your website effortlessly","name":"Documentation - Blockons","@id":"https://blockons.com/documentation/#richSnippet","isPartOf":{"@id":"https://blockons.com/documentation/#webpage"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://blockons.com/documentation/#webpage"}}]}</script>
27
28<!-- /Rank Math WordPress SEO plugin -->
29
30<link rel='dns-prefetch' href='//www.googletagmanager.com' />
31<link rel='dns-prefetch' href='//fonts.googleapis.com' />
32<link rel="alternate" type="application/rss+xml" title="Blockons &raquo; Feed" href="https://blockons.com/feed/" />
33<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://blockons.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fblockons.com%2Fdocumentation%2F" />
34<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://blockons.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fblockons.com%2Fdocumentation%2F&#038;format=xml" />
35<style id="wp-img-auto-sizes-contain-inline-css">
36img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
37/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
38</style>
39<style id="wp-emoji-styles-inline-css">
40
41	img.wp-smiley, img.emoji {
42		display: inline !important;
43		border: none !important;
44		box-shadow: none !important;
45		height: 1em !important;
46		width: 1em !important;
47		margin: 0 0.07em !important;
48		vertical-align: -0.1em !important;
49		background: none !important;
50		padding: 0 !important;
51	}
52/*# sourceURL=wp-emoji-styles-inline-css */
53</style>
54<style id="classic-theme-styles-inline-css">
55/*! This file is auto-generated */
56.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
57/*# sourceURL=/wp-includes/css/classic-themes.min.css */
58</style>
59
60<link rel='stylesheet' id='wc-blocks-style-css' href='https://blockons.com/wp-content/plugins/woocommerce/assets/client/blocks/wc-blocks.css?ver=wc-10.6.1' media='all' />
61
62<style id="global-styles-inline-css">
63:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
63--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
63.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
64/*# sourceURL=global-styles-inline-css */
65</style>
66
67<link rel='stylesheet' id='blockons-fontawesome-css' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.0/css/all.min.css?ver=7.0.0' media='all' />
68<link rel='stylesheet' id='blockons-frontend-style-css' href='https://blockons.com/wp-content/plugins/blockons-pro/dist/frontend.min.css?ver=1.2.19' media='all' />
69<link rel='stylesheet' id='blockons-animate-style-css' href='https://blockons.com/wp-content/plugins/blockons-pro/assets/popups/animate.min.css?ver=1.2.19' media='all' />
70<link rel='stylesheet' id='blockons-sweetalert-style-css' href='https://blockons.com/wp-content/plugins/blockons-pro/assets/popups/sweetalert2.min.css?ver=1.2.19' media='all' />
71<link rel='stylesheet' id='blockons-modal-style-css' href='https://blockons.com/wp-content/plugins/blockons-pro/dist/pro/modal.min.css?ver=1.2.19' media='all' />
72<link rel='stylesheet' id='linkt-fontawesome-css' href='https://blockons.com/wp-content/plugins/linkt/assets/font-awesome/css/all.min.css?ver=2.0.1' media='all' />
73<link rel='stylesheet' id='linkt-frontend-style-css' href='https://blockons.com/wp-content/plugins/linkt/dist/frontend.min.css?ver=2.0.1' media='all' />
74<link rel='stylesheet' id='woocommerce-layout-css' href='https://blockons.com/wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css?ver=10.6.1' media='all' />
75<link rel='stylesheet' id='woocommerce-smallscreen-css' href='https://blockons.com/wp-content/plugins/woocommerce/assets/css/woocommerce-smallscreen.css?ver=10.6.1' media='only screen and (max-width: 768px)' />
76<link rel='stylesheet' id='woocommerce-general-css' href='https://blockons.com/wp-content/plugins/woocommerce/assets/css/woocommerce.css?ver=10.6.1' media='all' />
77<style id="woocommerce-inline-inline-css">
78.woocommerce form .form-row .required { visibility: visible; }
79/*# sourceURL=woocommerce-inline-inline-css */
80</style>
81<link rel='stylesheet' id='wcz-frontend-css' href='https://blockons.com/wp-content/plugins/woocustomizer/assets/css/frontend.css?ver=2.6.5' media='all' />
82<link rel='stylesheet' id='overlay-style-css' href='https://blockons.com/wp-content/themes/overlay/style.css?ver=1.0.72' media='all' />
83<link rel='stylesheet' id='overlay-header-style-css' href='https://blockons.com/wp-content/themes/overlay/templates/header/header-style.css?ver=10.5.4' media='all' />
84<link rel='stylesheet' id='overlaysitechat-style-css' href='https://blockons.com/wp-content/themes/overlay-sitechat/style.css?ver=1.0.72' media='all' />
85<link rel='stylesheet' id='overlay_customizer_fonts-css' href='//fonts.googleapis.com/css?family=Montserrat%3Aregular%2C700|Poppins%3Aregular|Lato%3Aregular%2Citalic%2C700|Nunito%3Aregular%2C700%26subset%3Dlatin%2C' media='screen' />
86<link rel='stylesheet' id='overlay-fonts-css' href='//fonts.googleapis.com/css?family=Open+Sans|Poppins&#038;ver=10.5.4' media='all' />
87<link rel='stylesheet' id='overlay-font-awesome-css' href='https://blockons.com/wp-content/themes/overlay/inc/font-awesome/css/all.css?ver=6.5.1' media='all' />
88<link rel='stylesheet' id='overlay-footer-style-css' href='https://blockons.com/wp-content/themes/overlay/templates/footer/css/footer-default.css?ver=10.5.4' media='all' />
89<link rel='stylesheet' id='overlay-resp-menu-css' href='https://blockons.com/wp-content/themes/overlay/inc/css/menu-mobile.css?ver=10.5.4' media='(max-width: 980px)' />
90<link rel='stylesheet' id='overlay-resp-tablet-css' href='https://blockons.com/wp-content/themes/overlay/inc/css/responsive-tablet.css?ver=10.5.4' media='(max-width: 980px)' />
91<link rel='stylesheet' id='overlay-resp-mobile-css' href='https://blockons.com/wp-content/themes/overlay/inc/css/responsive-mobile.css?ver=10.5.4' media='(max-width: 782px)' />
92<link rel='stylesheet' id='overlay-woocommerce-style-css' href='https://blockons.com/wp-content/themes/overlay/inc/css/woocommerce.css?ver=7.1.2' media='all' />
93<style id="overlay-woocommerce-style-inline-css">
94@font-face {
95			font-family: "star";
96			src: url("https://blockons.com/wp-content/plugins/woocommerce/assets/fonts/star.eot");
97			src: url("https://blockons.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"),
98				url("https://blockons.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"),
99				url("https://blockons.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"),
100				url("https://blockons.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
101			font-weight: normal;
102			font-style: normal;
103		}
104/*# sourceURL=overlay-woocommerce-style-inline-css */
105</style>
106<link rel='stylesheet' id='elementor-frontend-css' href='https://blockons.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=3.32.2' media='all' />
107<link rel='stylesheet' id='widget-image-css' href='https://blockons.com/wp-content/plugins/elementor/assets/css/widget-image.min.css?ver=3.32.2' media='all' />
108<link rel='stylesheet' id='widget-nav-menu-css' href='https://blockons.com/wp-content/plugins/elementor-pro/assets/css/widget-nav-menu.min.css?ver=3.32.1' media='all' />
109<link rel='stylesheet' id='e-sticky-css' href='https://blockons.com/wp-content/plugins/elementor-pro/assets/css/modules/sticky.min.css?ver=3.32.1' media='all' />
110<link rel='stylesheet' id='e-motion-fx-css' href='https://blockons.com/wp-content/plugins/elementor-pro/assets/css/modules/motion-fx.min.css?ver=3.32.1' media='all' />
111<link rel='stylesheet' id='widget-heading-css' href='https://blockons.com/wp-content/plugins/elementor/assets/css/widget-heading.min.css?ver=3.32.2' media='all' />
112<link rel='stylesheet' id='widget-form-css' href='https://blockons.com/wp-content/plugins/elementor-pro/assets/css/widget-form.min.css?ver=3.32.1' media='all' />
113<link rel='stylesheet' id='widget-icon-list-css' href='https://blockons.com/wp-content/plugins/elementor/assets/css/widget-icon-list.min.css?ver=3.32.2' media='all' />
114<link rel='stylesheet' id='e-animation-grow-css' href='https://blockons.com/wp-content/plugins/elementor/assets/lib/animations/styles/e-animation-grow.min.css?ver=3.32.2' media='all' />
115<link rel='stylesheet' id='widget-social-icons-css' href='https://blockons.com/wp-content/plugins/elementor/assets/css/widget-social-icons.min.css?ver=3.32.2' media='all' />
116<link rel='stylesheet' id='e-apple-webkit-css' href='https://blockons.com/wp-content/plugins/elementor/assets/css/conditionals/apple-webkit.min.css?ver=3.32.2' media='all' />
117<link rel='stylesheet' id='elementor-icons-css' href='https://blockons.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.44.0' media='all' />
118<link rel='stylesheet' id='elementor-post-7-css' href='https://blockons.com/wp-content/uploads/elementor/css/post-7.css?ver=1790108073' media='all' />
119<link rel='stylesheet' id='elementor-post-94-css' href='https://blockons.com/wp-content/uploads/elementor/css/post-94.css?ver=1790110971' media='all' />
120<link rel='stylesheet' id='elementor-post-17-css' href='https://blockons.com/wp-content/uploads/elementor/css/post-17.css?ver=1790108074' media='all' />
121<link rel='stylesheet' id='elementor-post-21-css' href='https://blockons.com/wp-content/uploads/elementor/css/post-21.css?ver=1790108074' media='all' />
122<style id="overlay-customizer-custom-css-inline-css">
123.site-container.site-content{padding-top:0px;padding-bottom:0px;}.widget-area .widget-title{font-size:20px;font-weight:500;}.overlay-blog-left .wp-post-image,
124				.overlay-blog-right .wp-post-image,
125				.overlay-blog-alt .wp-post-image,
126				.overlay-blog-top .wp-post-image{box-shadow:0 0 0 1px rgba(0, 0, 0, 0.04), 0 1px 8px rgba(0, 0, 0, 0.14);}.overlay-list.overlay-blog-left .post-img,
127					.overlay-list.overlay-blog-right .post-img,
128					.overlay-list.overlay-blog-alt .post-img{width:25%;}.overlay-list.overlay-blog-left .post-content,
129					.overlay-list.overlay-blog-right .post-content,
130					.overlay-list.overlay-blog-alt .post-content{width:75%;}.overlay-list article .entry-title{margin:0 0 8px;font-size:34px;}.overlay-list article .post-content{font-size:15px;}body, button, input, select, optgroup, textarea{font-family:"Montserrat","Helvetica Neue",sans-serif;}#primary.content-area{line-height:1.5;}h1, h2, h3, h4, h5, h6,
131                .widget-area .widget-title,
132                .main-navigation a,
133                button, input[type="button"],
134                input[type="reset"],
135                input[type="submit"]{font-family:"Nunito","Helvetica Neue",sans-serif;}body.enable-sticky-widgets .sticky-widget-area.stuck{background-color:#ffffff;}.overlay-h-title{color:#1c2b33;}
136/*# sourceURL=overlay-customizer-custom-css-inline-css */
137</style>
138<link rel='stylesheet' id='elementor-gf-local-rajdhani-css' href='https://blockons.com/wp-content/uploads/elementor/google-fonts/css/rajdhani.css?ver=1743562669' media='all' />
139<link rel='stylesheet' id='elementor-gf-local-opensans-css' href='https://blockons.com/wp-content/uploads/elementor/google-fonts/css/opensans.css?ver=1743562673' media='all' />
140<link rel='stylesheet' id='elementor-gf-local-worksans-css' href='https://blockons.com/wp-content/uploads/elementor/google-fonts/css/worksans.css?ver=1743562675' media='all' />
141<link rel='stylesheet' id='elementor-icons-shared-0-css' href='https://blockons.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/fontawesome.min.css?ver=5.15.3' media='all' />
142<link rel='stylesheet' id='elementor-icons-fa-solid-css' href='https://blockons.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/solid.min.css?ver=5.15.3' media='all' />
143<link rel='stylesheet' id='elementor-icons-fa-brands-css' href='https://blockons.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/brands.min.css?ver=5.15.3' media='all' />
144<script id="jquery-core-js" src="https://blockons.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 144
144
145<script id="jquery-migrate-js" src="https://blockons.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 145
145
146<script id="react-js" src="https://blockons.com/wp-includes/js/dist/vendor/react.min.js?ver=18.3.1.1"></script>
vendor: 1 bytes, line 146
146
147<script id="react-dom-js" src="https://blockons.com/wp-includes/js/dist/vendor/react-dom.min.js?ver=18.3.1.1"></script>
vendor: 1 bytes, line 147
147
148<script id="wp-escape-html-js" src="https://blockons.com/wp-includes/js/dist/escape-html.min.js?ver=87ebe53e97bba59805a5"></script>
vendor: 1 bytes, line 148
148
149<script id="wp-element-js" src="https://blockons.com/wp-includes/js/dist/element.min.js?ver=4a4370b2b349066fd440"></script>
vendor: 1 bytes, line 149
149
150<script id="blockons-wc-mini-cart-js-extra">
151var wcCartObj = {"adminUrl":"https://blockons.com/wp-admin/","isPremium":"1","wcCartUrl":"https://blockons.com/cart/","sidecart":{"enabled":false,"position":"right","has_icon":true,"icon":"cart-shopping","icon_size":24,"icon_bgcolor":"#FFF","icon_color":"#333","icon_padding":60,"has_amount":true,"header_title":"Your Shopping Cart","header_text":"Spend $100 to get FREE shipping!","bgcolor":"#FFF","color":"#000","overlay_color":"#000","overlay_opacity":0.6}};
152//# sourceURL=blockons-wc-mini-cart-js-extra
153</script>
vendor: 1 bytes, line 153
153
154<script id="blockons-wc-mini-cart-js" src="https://blockons.com/wp-content/plugins/blockons-pro/dist/pro/cart-pro.min.js?ver=1.2.19"></script>
vendor: 1 bytes, line 154
154
155<script id="linkt-frontend-script-js-extra">
156var linktFrontObj = {"apiUrl":"https://blockons.com/wp-json/","nonce":"1f0c4e39b1","currentPostId":null};
157//# sourceURL=linkt-frontend-script-js-extra
158</script>
vendor: 1 bytes, line 158
158
159<script id="linkt-frontend-script-js" src="https://blockons.com/wp-content/plugins/linkt/dist/frontend.min.js?ver=2.0.1"></script>
vendor: 1 bytes, line 159
159
160<script data-wp-strategy="defer" defer id="wc-js-cookie-js" src="https://blockons.com/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.10.6.1"></script>
vendor: 1 bytes, line 160
160
161<script id="wc-cart-fragments-js-extra">
162var wc_cart_fragments_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","cart_hash_key":"wc_cart_hash_63ff64db0f80298c6365662921fddde5","fragment_name":"wc_fragments_63ff64db0f80298c6365662921fddde5","request_timeout":"5000"};
163//# sourceURL=wc-cart-fragments-js-extra
164</script>
vendor: 1 bytes, line 164
164
165<script data-wp-strategy="defer" defer id="wc-cart-fragments-js" src="https://blockons.com/wp-content/plugins/woocommerce/assets/js/frontend/cart-fragments.min.js?ver=10.6.1"></script>
vendor: 1 bytes, line 165
165
166<script data-wp-strategy="defer" defer id="wc-jquery-blockui-js" src="https://blockons.com/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.10.6.1"></script>
vendor: 1 bytes, line 166
166
167<script id="wc-add-to-cart-js-extra">
168var wc_add_to_cart_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","i18n_view_cart":"View cart","cart_url":"https://blockons.com/cart/","is_cart":"","cart_redirect_after_add":"no"};
169//# sourceURL=wc-add-to-cart-js-extra
170</script>
vendor: 1 bytes, line 170
170
171<script data-wp-strategy="defer" defer id="wc-add-to-cart-js" src="https://blockons.com/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=10.6.1"></script>
vendor: 1 bytes, line 171
171
172<script id="woocommerce-js-extra">
173var woocommerce_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","i18n_password_show":"Show password","i18n_password_hide":"Hide password"};
174//# sourceURL=woocommerce-js-extra
175</script>
vendor: 1 bytes, line 175
175
176<script data-wp-strategy="defer" defer id="woocommerce-js" src="https://blockons.com/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=10.6.1"></script>
176
177
178<!-- Google tag (gtag.js) snippet added by Site Kit -->
179<!-- Google Analytics snippet added by Site Kit -->
vendor: 80 bytes, lines 179-180
179
180<script id="google_gtagjs-js" src="https://www.googletagmanager.com/gtag/js?id=
180GT-NNMKXK4
vendor: 18 bytes, line 180
180" async></script>
181<script id="google_gtagjs-js-after">
182window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}
183gtag("set","linker",{"domains":["blockons.com"]});
184gtag("js", new Date());
185gtag("set", "developer_id.dZTNiMT", true);
186gtag("config", "GT-NNMKXK4");
187//# sourceURL=google_gtagjs-js-after
188</script>
188
189<link rel="https://api.w.org/" href="https://blockons.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://blockons.com/wp-json/wp/v2/pages/94" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://blockons.com/xmlrpc.php?rsd" />
190<meta name="generator" content="WordPress 7.1.2" />
191<link rel='shortlink' href='https://blockons.com/?p=94' />
192		<style type="text/css">body.blockons-page-loading { background-color: ; }</style><meta name="generator" content="Site Kit by Google 1.188.0" />	<noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript>
193	<meta name="generator" content="Elementor 3.32.2; features: additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-auto">
194			<style>
195				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
196				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
197					background-image: none !important;
198				}
199				@media screen and (max-height: 1024px) {
200					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
201					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
202						background-image: none !important;
203					}
204				}
205				@media screen and (max-height: 640px) {
206					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
207					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
208						background-image: none !important;
209					}
210				}
211			</style>
212			<link rel="icon" href="https://blockons.com/wp-content/uploads/2022/09/cropped-blockons-favicon-32x32.png" sizes="32x32" />
213<link rel="icon" href="https://blockons.com/wp-content/uploads/2022/09/cropped-blockons-favicon-192x192.png" sizes="192x192" />
214<link rel="apple-touch-icon" href="https://blockons.com/wp-content/uploads/2022/09/cropped-blockons-favicon-180x180.png" />
215<meta name="msapplication-TileImage" content="https://blockons.com/wp-content/uploads/2022/09/cropped-blockons-favicon-270x270.png" />
216</head>
217
218<body class="wp-singular page-template page-template-documentation page-template-documentation-php page page-id-94 wp-custom-logo wp-theme-overlay wp-child-theme-overlay-sitechat theme-overlay blockons-pro blockons-tooltips blstyle-underlined blockons-popups popup-dark blockons-page-loading woocommerce-no-js wcz-woocommerce overlay-site-full-width overlay-menu-rightside overlay-noedit woocommerce-active elementor-default elementor-kit-7 elementor-page elementor-page-94">
219<div id="blockons-pageloader"></div><div id="page" class="site overlay-search-slide">
220
221	
222	<div class="site-not-boxed">
223		<a class="skip-link screen-reader-text" href="#content">Skip to content</a>
224
225				<header data-elementor-type="header" data-elementor-id="17" class="elementor elementor-17 elementor-location-header" data-elementor-post-type="elementor_library">
226					<section class="elementor-section elementor-top-section elementor-element elementor-element-3413fbb4 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="3413fbb4" data-element_type="section" data-settings="{&quot;background_motion_fx_range&quot;:&quot;page&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;background_motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;background_motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}">
227						<div class="elementor-container elementor-column-gap-no">
228					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-4d45f53c" data-id="4d45f53c" data-element_type="column">
229			<div class="elementor-widget-wrap elementor-element-populated">
230						<div class="elementor-element elementor-element-119e9fd1 elementor-widget elementor-widget-theme-site-logo elementor-widget-image" data-id="119e9fd1" data-element_type="widget" data-widget_type="theme-site-logo.default">
231				<div class="elementor-widget-container">
232											<a href="https://blockons.com">
233			<img width="280" height="82" src="https://blockons.com/wp-content/uploads/2022/07/blockons_logo.png" class="attachment-full size-full wp-image-816" alt="Blockons - WordPress Editor blocks" />				</a>
234											</div>
235				</div>
236					</div>
237		</div>
238				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-4ee17694" data-id="4ee17694" data-element_type="column">
239			<div class="elementor-widget-wrap elementor-element-populated">
240						<div class="elementor-element elementor-element-a19535 elementor-nav-menu__align-end elementor-nav-menu--stretch elementor-nav-menu--dropdown-mobile elementor-hidden-mobile elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu" data-id="a19535" data-element_type="widget" data-settings="{&quot;full_width&quot;:&quot;stretch&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;i class=\&quot;\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;\/i&gt;&quot;,&quot;library&quot;:&quot;&quot;},&quot;layout&quot;:&quot;horizontal&quot;,&quot;toggle&quot;:&quot;burger&quot;}" data-widget_type="nav-menu.default">
241				<div class="elementor-widget-container">
242								<nav aria-label="Menu" class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-none">
243				<ul id="menu-1-a19535" class="elementor-nav-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-839"><a href="https://blockons.com/" class="elementor-item">Home</a></li>
244<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-849"><a href="https://blockons.com/blog/" class="elementor-item">Blog</a></li>
245<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item menu-item-91"><a href="https://blockons.com/documentation/" aria-current="page" class="elementor-item elementor-item-active">Documentation</a></li>
246<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-114"><a href="https://blockons.com/support/" class="elementor-item">Support</a>
247<ul class="sub-menu elementor-nav-menu--dropdown">
248	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1686"><a href="https://blockons.com/support/faqs/" class="elementor-sub-item">Frequently Asked Questions</a></li>
249	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1687"><a href="https://blockons.com/support/contact/" class="elementor-sub-item">Contact</a></li>
250</ul>
251</li>
252<li class="blockons-pro-menu-btn menu-item menu-item-type-custom menu-item-object-custom menu-item-2107"><a href="https://blockons.com/pro/" class="elementor-item">GO PRO</a></li>
253</ul>			</nav>
254					<div class="elementor-menu-toggle" role="button" tabindex="0" aria-label="Menu Toggle" aria-expanded="false">
255			<i aria-hidden="true" role="presentation" class="elementor-menu-toggle__icon--open eicon-menu-bar"></i><i aria-hidden="true" role="presentation" class="elementor-menu-toggle__icon--close eicon-close"></i>		</div>
256					<nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" aria-hidden="true">
257				<ul id="menu-2-a19535" class="elementor-nav-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-839"><a href="https://blockons.com/" class="elementor-item" tabindex="-1">Home</a></li>
258<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-849"><a href="https://blockons.com/blog/" class="elementor-item" tabindex="-1">Blog</a></li>
259<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item menu-item-91"><a href="https://blockons.com/documentation/" aria-current="page" class="elementor-item elementor-item-active" tabindex="-1">Documentation</a></li>
260<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-114"><a href="https://blockons.com/support/" class="elementor-item" tabindex="-1">Support</a>
261<ul class="sub-menu elementor-nav-menu--dropdown">
262	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1686"><a href="https://blockons.com/support/faqs/" class="elementor-sub-item" tabindex="-1">Frequently Asked Questions</a></li>
263	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1687"><a href="https://blockons.com/support/contact/" class="elementor-sub-item" tabindex="-1">Contact</a></li>
264</ul>
265</li>
266<li class="blockons-pro-menu-btn menu-item menu-item-type-custom menu-item-object-custom menu-item-2107"><a href="https://blockons.com/pro/" class="elementor-item" tabindex="-1">GO PRO</a></li>
267</ul>			</nav>
268						</div>
269				</div>
270				<div class="elementor-element elementor-element-8d56050 elementor-widget__width-auto blockons-mobile-toggle elementor-hidden-desktop elementor-hidden-tablet elementor-view-default elementor-widget elementor-widget-icon" data-id="8d56050" data-element_type="widget" data-widget_type="icon.default">
271				<div class="elementor-widget-container">
272							<div class="elementor-icon-wrapper">
273			<div class="elementor-icon">
274			<i aria-hidden="true" class="fas fa-bars"></i>			</div>
275		</div>
276						</div>
277				</div>
278					</div>
279		</div>
280					</div>
281		</section>
282				</header>
283		
284		
285		
286		
287		<div id="content" class="site-container site-content heading-prop-2">
288			<div class="site-content-inner ">
289
290<div class="site-container">
291    
292    <div id="primary" class="content-area content-area-full">
293        
294                    
295            <div class="documentation-wrap">
296			
297				<div class="documentation-content">
298					
299												
300									<div data-elementor-type="wp-page" data-elementor-id="94" class="elementor elementor-94" data-elementor-post-type="page">
301						<section class="elementor-section elementor-top-section elementor-element elementor-element-4a263854 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="4a263854" data-element_type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}">
302						<div class="elementor-container elementor-column-gap-default">
303					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-666378e0" data-id="666378e0" data-element_type="column">
304			<div class="elementor-widget-wrap elementor-element-populated">
305						<div class="elementor-element elementor-element-5fa7f717 elementor-widget elementor-widget-heading" data-id="5fa7f717" data-element_type="widget" data-widget_type="heading.default">
306				<div class="elementor-widget-container">
307					<h2 class="elementor-heading-title elementor-size-default">Documentation</h2>				</div>
308				</div>
309				<div class="elementor-element elementor-element-400782c6 elementor-widget elementor-widget-text-editor" data-id="400782c6" data-element_type="widget" data-widget_type="text-editor.default">
310				<div class="elementor-widget-container">
311									<p>Welcome to the Blockons Documentation. Explore our detailed guides and help articles to master the Blockons plugin, advanced blocks, and the Gutenberg editor for your WordPress site.</p>								</div>
312				</div>
313					</div>
314		</div>
315					</div>
316		</section>
317				</div>
318		
319						
320									</div>
321
322		        <div class="documentation-wrap-inner">
323                
324                    
325							<div class="documentation-item  post-18 documentation-category-getting-started" id="18">
326
327								<h3 class="documentation-item-title">Getting Started</h3>
328
329								<div class="documentation-item-children">
330
331																		<a href="https://blockons.com/documentation/install-and-activate-the-blockons-plugin/" class="doc-child-item doc-child-even post-543 documentation type-documentation status-publish hentry docs-getting-started">
332										<h3 class="doc-child-item-title">Install &#038; Activate the Blockons WordPress plugin</h3>
333										<p>See the process to install and activate the Blockons WordPress plugin, to start building the pages you need for your WordPress website.</p>
334									</a>
335
336									
337								</div>
338							</div>
339						
340					
341							<div class="documentation-item  post-19 documentation-category-using-the-blockons-plugin" id="19">
342
343								<h3 class="documentation-item-title">Using the Blockons Plugin</h3>
344
345								<div class="documentation-item-children">
346
347																		<a href="https://blockons.com/documentation/how-to-recover-a-broken-block/" class="doc-child-item doc-child-even post-1233 documentation type-documentation status-publish hentry docs-using-the-blockons-plugin">
348										<h3 class="doc-child-item-title">How to recover a broken block</h3>
349										<p>See our explanation on how to recover a broken block when receiving this message &#8211; &#8220;This block contains unexpected or invalid content&#8221;.</p>
350									</a>
351
352																		<a href="https://blockons.com/documentation/adding-a-custom-font-awesome-icon-to-the-block/" class="doc-child-item doc-child-odd post-1029 documentation type-documentation status-publish hentry docs-using-the-blockons-plugin">
353										<h3 class="doc-child-item-title">Adding a custom Font Awesome icon to the block</h3>
354										<p>Here we explain how to add your own custom icon from the Font Awesome library to the page.</p>
355									</a>
356
357																		<a href="https://blockons.com/documentation/using-the-blockons-wordpress-plugin/" class="doc-child-item doc-child-even post-895 documentation type-documentation status-publish hentry docs-using-the-blockons-plugin">
358										<h3 class="doc-child-item-title">Using the Blockons WordPress plugin</h3>
359										<p>See a quick explanation on adding Blockons blocks to your post or page and then editing the block specific settings to display your content as you desire.</p>
360									</a>
361
362									
363								</div>
364							</div>
365						
366					
367							<div class="documentation-item  post-24 documentation-category-blocks" id="24">
368
369								<h3 class="documentation-item-title">Blocks</h3>
370
371								<div class="documentation-item-children">
372
373																		<a href="https://blockons.com/documentation/maps-block/" class="doc-child-item doc-child-even post-2369 documentation type-documentation status-publish hentry docs-blocks">
374										<h3 class="doc-child-item-title">Maps Block for WordPress</h3>
375										<p>Add beautiful maps to your website to display locations for businesses or anything else you may 
375need to display on a map.</p>
376									</a>
377
378																		<a href="https://blockons.com/documentation/contact-form-block-for-wordpress/" class="doc-child-item doc-child-odd post-2334 documentation type-documentation status-publish hentry docs-blocks">
379										<h3 class="doc-child-item-title">Contact Form block for WordPress</h3>
380										<p>The Contact Form block for WordPress lets you create customizable forms with multiple field types and design options, seamlessly enhancing the Gutenberg editor.</p>
381									</a>
382
383																		<a href="https://blockons.com/documentation/dynamic-content-selector-block/" class="doc-child-item doc-child-even post-2277 documentation type-documentation status-publish hentry docs-blocks">
384										<h3 class="doc-child-item-title">Dynamic Content Selector Block for WordPress</h3>
385										<p>The Dynamic Content Selector block enhances the WordPress editor by allowing users to dynamically add options to a select input.</p>
386									</a>
387
388																		<a href="https://blockons.com/documentation/tabs-block/" class="doc-child-item doc-child-odd post-1906 documentation type-documentation status-publish hentry docs-blocks">
389										<h3 class="doc-child-item-title">WordPress Tabs Block</h3>
390										<p>Adding tabbed content to your website can maintain clarity and reduce clutter, and enhance user experience.</p>
391									</a>
392
393																		<a href="https://blockons.com/documentation/content-toggler-block/" class="doc-child-item doc-child-even post-1853 documentation type-documentation status-publish hentry docs-blocks">
394										<h3 class="doc-child-item-title">WordPress Content Toggler Block</h3>
395										<p>The Content Toggler Block allows your website viewers to toggle the visibility of content with a single button click.</p>
396									</a>
397
398																		<a href="https://blockons.com/documentation/advanced-slider-block/" class="doc-child-item doc-child-odd post-1796 documentation type-documentation status-publish hentry docs-blocks">
399										<h3 class="doc-child-item-title">WordPress Advanced Slider Block</h3>
400										<p>Display any content of your choice, add links or even display your WooCommerce products within the Advanced Slider block.</p>
401									</a>
402
403																		<a href="https://blockons.com/documentation/image-comparison-block/" class="doc-child-item doc-child-even post-1712 documentation type-documentation status-publish hentry docs-blocks">
404										<h3 class="doc-child-item-title">WordPress Image Comparison Block</h3>
405										<p>Let users compare 2 images of the same proportion by dragging a slider left or right, using the Image Comparison block.</p>
406									</a>
407
408																		<a href="https://blockons.com/documentation/advanced-image-gallery-block/" class="doc-child-item doc-child-odd post-1696 documentation type-documentation status-publish hentry docs-blocks">
409										<h3 class="doc-child-item-title">Advanced Image Gallery Block</h3>
410										<p>Select from 3 different layouts when using the Advanced Image Gallery block</p>
411									</a>
412
413																		<a href="https://blockons.com/documentation/woocommerce-featured-product-block/" class="doc-child-item doc-child-even post-1211 documentation type-documentation status-publish hentry docs-blocks">
414										<h3 class="doc-child-item-title">WooCommerce Featured Product block for WordPress</h3>
415										<p>Add a WooCommerce Featured product block to your pages to bring attention to products on sale or that you want to stand out.</p>
416									</a>
417
418																		<a href="https://blockons.com/documentation/woocommerce-mini-cart-block/" class="doc-child-item doc-child-odd post-1131 documentation type-documentation status-publish hentry docs-blocks">
419										<h3 class="doc-child-item-title">WooCommerce Mini Cart block</h3>
420										<p>Add a neat drop down WooCommerce Mini Cart Block to your header, footer or page content with Blockons.</p>
421									</a>
422
423																		<a href="https://blockons.com/documentation/woocommerce-account-icon-block/" class="doc-child-item doc-child-even post-1116 documentation type-documentation status-publish hentry docs-blocks">
424										<h3 class="doc-child-item-title">WooCommerce Account Icon block for WordPress</h3>
425										<p>The WooCommerce Account icon block is a simple icon block to re-direct your viewers to their WooCommerce account page.</p>
426									</a>
427
428																		<a href="https://blockons.com/documentation/video-slider-block/" class="doc-child-item doc-child-odd post-1063 documentation type-documentation status-publish hentry docs-blocks">
429										<h3 class="doc-child-item-title">Video Slider Block for WordPress</h3>
430										<p>The Video Slider block is a great way to display multiple videos, and only play the selected video when a user clicks play.</p>
431									</a>
432
433																		<a href="https://blockons.com/documentation/testimonials-block-slider-or-carousel/" class="doc-child-item doc-child-even post-1051 documentation type-documentation status-publish hentry docs-blocks">
434										<h3 class="doc-child-item-title">WordPress Testimonials Block (Slider / Carousel)</h3>
435										<p>Neatly display your client reviews or good comments on your website pages with a Testimonials slider or carousel block.</p>
436									</a>
437
438																		<a href="https://blockons.com/documentation/search-bar-or-search-icon-block/" class="doc-child-item doc-child-odd post-1040 documentation type-documentation status-publish hentry docs-blocks">
439										<h3 class="doc-child-item-title">WordPress Advanced Search Bar or Search Icon block</h3>
440										<p>A much more customizable search bar block for your website. Select from a default search bar, an icon with a search drop down or a search popup.</p>
441									</a>
442
443																		<a href="https://blockons.com/documentation/progress-bars/" class="doc-child-item doc-child-even post-1035 documentation type-documentation status-publish hentry docs-blocks">
444										<h3 class="doc-child-item-title">WordPress Progress Bars Block</h3>
445										<p>Progress bars are a beautiful, fun way to visually display percentage amounts on your website, whether it&#8217;s of goals completed, coffee&#8217;s drank or whatever information you may want to show.</p>
446									</a>
447
448																		<a href="https://blockons.com/documentation/marketing-button-block/" class="doc-child-item doc-child-odd post-1026 documentation type-documentation status-publish hentry docs-blocks">
449										<h3 class="doc-child-item-title">WordPress Marketing Button Block</h3>
450										<p>Use the marketing button block instead of a normal button to attract your viewers to click through and view and content you want them to see</p>
451									</a>
452
453																		<a href="https://blockons.com/documentation/line-heading-block/" class="doc-child-item doc-child-even post-1020 documentation type-documentation status-publish hentry docs-blocks">
454										<h3 class="doc-child-item-title">WordPress Line Heading Block</h3>
455										<p>Use our more advanced Line Heading block to create better looking titles for your website pages.</p>
456									</a>
457
458																		<a href="https://blockons.com/documentation/image-carousel-block-or-image-slider/" class="doc-child-item doc-child-odd post-1003 documentation type-documentation status-publish hentry docs-blocks">
459										<h3 class="doc-child-item-title">WordPress Image Carousel Block or Image Slider</h3>
460										<p>See how to add and edit the Image Carousel block or slider block to your website pages to display your images beautifully.</p>
461									</a>
462
463																		<a href="https://blockons.com/documentation/icon-list-block/" class="doc-child-item doc-child-even post-998 documentation type-documentation status-publish hentry docs-blocks">
464										<h3 class="doc-child-item-title">WordPress Icon List Block</h3>
465										<p>Use the Icon List block to create better looking, visually more attractive, customizable lists for your website pages.</p>
466									</a>
467
468																		<a href="https://blockons.com/documentation/accordion-block/" class="doc-child-item doc-child-odd post-984 documentation type-documentation status-publish hentry docs-blocks">
469										<h3 class="doc-child-item-title">WordPress Accordion Block</h3>
470										<p>Follow the instructions on how to add an accordion block to your page and edit the Accordion(s) settings.</p>
471									</a>
472
473									
474								</div>
475							</div>
476						
477					
478							<div class="documentation-item  post-59 documentation-category-block-extensions" id="59">
479
480								<h3 class="documentation-item-title">Block Extensions</h3>
481
482								<div class="documentation-item-children">
483
484																		<a href="https://blockons.com/documentation/image-lightbox-popups/" class="doc-child-item doc-child-even post-1932 documentation type-documentation status-publish hentry docs-block-extensions">
485										<h3 class="doc-child-item-title">Image Lightbox Popups</h3>
486										<p>
486Add a more advanced Lightbox feature to your WordPress images and galleries.</p>
487									</a>
488
489																		<a href="https://blockons.com/documentation/content-tooltips/" class="doc-child-item doc-child-odd post-1923 documentation type-documentation status-publish hentry docs-block-extensions">
490										<h3 class="doc-child-item-title">Content Tooltips</h3>
491										<p>Add extra, useful information to your WordPress pages in the form of a content tooltip. Improving user experience.</p>
492									</a>
493
494									
495								</div>
496							</div>
497						
498					
499							<div class="documentation-item  post-56 documentation-category-site-addons" id="56">
500
501								<h3 class="documentation-item-title">Site Addons</h3>
502
503								<div class="documentation-item-children">
504
505																		<a href="https://blockons.com/documentation/website-page-loader/" class="doc-child-item doc-child-even post-1622 documentation type-documentation status-publish hentry docs-site-addons">
506										<h3 class="doc-child-item-title">Website Page Loader</h3>
507										<p>See why a website page loader or preloader is important for your page while the content loads</p>
508									</a>
509
510																		<a href="https://blockons.com/documentation/page-scroll-indicator/" class="doc-child-item doc-child-odd post-1625 documentation type-documentation status-publish hentry docs-site-addons">
511										<h3 class="doc-child-item-title">Page Scroll Indicator</h3>
512										<p>We recommend adding a page scroll indicator to your site because users enjoy knowing how much of the page they seen and how much is left</p>
513									</a>
514
515																		<a href="https://blockons.com/documentation/back-to-top-button/" class="doc-child-item doc-child-even post-1627 documentation type-documentation status-publish hentry docs-site-addons">
516										<h3 class="doc-child-item-title">Back to Top button</h3>
517										<p>See why to add a neat Back to Top button to your WordPress website using Blockons.</p>
518									</a>
519
520									
521								</div>
522							</div>
523						
524					                
525                </div>
526
527            </div>
528        
529                
530    </div><!-- #primary -->
531	
532    <div class="clearboth"></div>
533</div>
534
535			</div><!-- .site-content-inner -->
536		</div><!-- #content -->
537
538				<footer data-elementor-type="footer" data-elementor-id="21" class="elementor elementor-21 elementor-location-footer" data-elementor-post-type="elementor_library">
539					<section class="elementor-section elementor-top-section elementor-element elementor-element-77361561 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="77361561" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
540						<div class="elementor-container elementor-column-gap-default">
541					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7d295627" data-id="7d295627" data-element_type="column">
542			<div class="elementor-widget-wrap elementor-element-populated">
543						<div class="elementor-element elementor-element-27d3d7da elementor-widget elementor-widget-heading" data-id="27d3d7da" data-element_type="widget" data-widget_type="heading.default">
544				<div class="elementor-widget-container">
545					<h6 class="elementor-heading-title elementor-size-default">Stay up to date</h6>				</div>
546				</div>
547				<div class="elementor-element elementor-element-24093306 elementor-widget elementor-widget-heading" data-id="24093306" data-element_type="widget" data-widget_type="heading.default">
548				<div class="elementor-widget-container">
549					<h2 class="elementor-heading-title elementor-size-default">Signup to our new mail list !</h2>				</div>
550				</div>
551				<div class="elementor-element elementor-element-a85c5ba elementor-widget elementor-widget-heading" data-id="a85c5ba" data-element_type="widget" data-widget_type="heading.default">
552				<div class="elementor-widget-container">
553					<h6 class="elementor-heading-title elementor-size-default">Our mail list is now at zackaira.com, a blog helping you to start an online business and learning digital marketing to generate traffic to your new venture!</h6>				</div>
554				</div>
555				<section class="elementor-section elementor-inner-section elementor-element elementor-element-22721395 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="22721395" data-element_type="section">
556						<div class="elementor-container elementor-column-gap-default">
557					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-24c4e2b0" data-id="24c4e2b0" data-element_type="column">
558			<div class="elementor-widget-wrap elementor-element-populated">
559						<div class="elementor-element elementor-element-aceb609 elementor-button-align-end elementor-widget elementor-widget-form" data-id="aceb609" data-element_type="widget" data-settings="{&quot;button_width&quot;:&quot;25&quot;,&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width_mobile&quot;:&quot;30&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}" data-widget_type="form.default">
560				<div class="elementor-widget-container">
561							<form class="elementor-form" method="post" name="MailerLite Signup Form" aria-label="MailerLite Signup Form">
562			<input type="hidden" name="post_id" value="21"/>
563			<input type="hidden" name="form_id" value="aceb609"/>
564			<input type="hidden" name="referer_title" value="Blockons - WordPress Blocks &amp; Site Addons for your website" />
565
566							<input type="hidden" name="queried_id" value="9"/>
567			
568			<div class="elementor-form-fields-wrapper elementor-labels-">
569								<div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_3e42ae9 elementor-col-50 elementor-field-required">
570												<label for="form-field-field_3e42ae9" class="elementor-field-label elementor-screen-only">
571								First Name							</label>
572														<input size="1" type="text" name="form_fields[field_3e42ae9]" id="form-field-field_3e42ae9" class="elementor-field elementor-size-md  elementor-field-textual" placeholder="First Name" required="required">
573											</div>
574								<div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_f748f51 elementor-col-50 elementor-field-required">
575												<label for="form-field-field_f748f51" class="elementor-field-label elementor-screen-only">
576								Last Name							</label>
577														<input size="1" type="text" name="form_fields[field_f748f51]" id="form-field-field_f748f51" class="elementor-field elementor-size-md  elementor-field-textual" placeholder="Last Name" required="required">
578											</div>
579								<div class="elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-75 elementor-sm-70 elementor-field-required">
580												<label for="form-field-email" class="elementor-field-label elementor-screen-only">
581								Email							</label>
582														<input size="1" type="email" name="form_fields[email]" id="form-field-email" class="elementor-field elementor-size-md  elementor-field-textual" placeholder="Email Address" required="required">
583											</div>
584								<div class="elementor-field-group elementor-column elementor-field-type-submit elementor-col-25 e-form__buttons elementor-sm-30">
585					<button class="elementor-button elementor-size-md" type="submit">
586						<span class="elementor-button-content-wrapper">
587																						<span class="elementor-button-text">Subscribe</span>
588													</span>
589					</button>
590				</div>
591			</div>
592		</form>
593						</div>
594				</div>
595					</div>
596		</div>
597					</div>
598		</section>
599				<div class="elementor-element elementor-element-a151f13 elementor-widget elementor-widget-heading" data-id="a151f13" data-element_type="widget" data-widget_type="heading.default">
600				<div class="elementor-widget-container">
601					<h6 class="elementor-heading-title elementor-size-default">We respect your email and will not spam !</h6>				</div>
602				</div>
603					</div>
604		</div>
605					</div>
606		</section>
607				<section class="elementor-section elementor-top-section elementor-element elementor-element-f960a3f elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="f960a3f" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
608						<div class="elementor-container elementor-column-gap-default">
609					<div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-25d026d6" data-id="25d026d6" data-element_type="column">
610			<div class="elementor-widget-wrap elementor-element-populated">
611						<div class="elementor-element elementor-element-00b428a elementor-widget elementor-widget-image" data-id="00b428a" data-element_type="widget" data-widget_type="image.default">
612				<div class="elementor-widget-container">
613															<img width="280" height="82" src="https://blockons.com/wp-content/uploads/2022/07/blockons_logo.png" class="attachment-full size-full wp-image-816" alt="Blockons - WordPress Editor blocks" />															</div>
614				</div>
615				<div class="elementor-element elementor-element-3736dc78 elementor-widget elementor-widget-text-editor" data-id="3736dc78" data-element_type="widget" data-widget_type="text-editor.default">
616				<div class="elementor-widget-container">
617									<p>Powerful WordPress blocks for your WordPress editor to easily build a great website.</p>								</div>
618				</div>
619					</div>
620		</div>
621				<div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-693c216d" data-id="693c216d" data-element_type="column">
622			<div class="elementor-widget-wrap elementor-element-populated">
623						<div class="elementor-element elementor-element-7f1f28ca elementor-widget elementor-widget-heading" data-id="7f1f28ca" data-element_type="widget" data-widget_type="heading.default">
624				<div class="elementor-widget-container">
625					<h4 class="elementor-heading-title elementor-size-default">Browse</h4>				</div>
626				</div>
627				<div class="elementor-element elementor-element-8ffe884 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="8ffe884" data-element_type="widget" data-widget_type="icon-list.default">
628				<div class="elementor-widget-container">
629							<ul class="elementor-icon-list-items">
630							<li class="elementor-icon-list-item">
631											<a href="https://blockons.com/">
632
633											<span class="elementor-icon-list-text">Home</span>
634											</a>
635									</li>
636								<li class="elementor-icon-list-item">
637											<a href="https://blockons.com/documentation/">
638
639											<span class="elementor-icon-list-text">Documentation</span>
640											</a>
641									</li>
642								<li class="elementor-icon-list-item">
643											<a href="https://blockons.com/support/">
644
645											<span class="elementor-icon-list-text">Support</span>
646											</a>
647									</li>
648						</ul>
649						</div>
650				</div>
651					</div>
652		</div>
653				<div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-10d25403" data-id="10d25403" data-element_type="column">
654			<div class="elementor-widget-wrap elementor-element-populated">
655						<div class="elementor-element elementor-element-3600ce65 elementor-widget elementor-widget-heading" data-id="3600ce65" data-element_type="widget" data-widget_type="heading.default">
656				<div class="elementor-widget-container">
657					<h4 class="elementor-heading-title elementor-size-default">Company Products</h4>				</div>
658				</div>
659				<div class="elementor-element elementor-element-3984e282 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="3984e282" data-element_type="widget" data-widget_type="icon-list.default">
660				<div class="elementor-widget-container">
661							<ul class="elementor-icon-list-items">
662							<li class="elementor-icon-list-item">
663											<a href="https://kairaweb.com/wordpress-themes/" target="_blank">
664
665											<span class="elementor-icon-list-text">Kaira</span>
666											</a>
667									</li>
668								<li class="elementor-icon-list-item">
669											<a href="https://storecustomizer.com/" target="_blank">
670
671											<span class="elementor-icon-list-text">StoreCustomizer</span>
672											</a>
673									</li>
674								<li class="elementor-icon-list-item">
675											<a href="https://wordpress.org/plugins/linkt/" target="_blank">
676
677											<span class="elementor-icon-list-text">Linkt</span>
678											</a>
679									</li>
680						</ul>
681						</div>
682				</div>
683				<div class="elementor-element elementor-element-8dcc89 elementor-shape-circle e-grid-align-left elementor-grid-0 elementor-widget elementor-widget-social-icons" data-id="8dcc89" data-element_type="widget" data-widget_type="social-icons.default">
684				<div class="elementor-widget-container">
685							<div class="elementor-social-icons-wrapper elementor-grid">
686							<span class="elementor-grid-item">
687					<a class="elementor-icon elementor-social-icon elementor-social-icon-wordpress elementor-animation-grow elementor-repeater-item-45236a2" href="https://wordpress.org/plugins/blockons/" target="_blank">
688						<span class="elementor-screen-only">Wordpress</span>
689						<i aria-hidden="true" class="fab fa-wordpress"></i>					</a>
690				</span>
691					</div>
692						</div>
693				</div>
694					</div>
695		</div>
696				<div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-7c724521" data-id="7c724521" data-element_type="column">
697			<div class="elementor-widget-wrap elementor-element-populated">
698						<div class="elementor-element elementor-element-72a8d11c elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="72a8d11c" data-element_type="widget" data-widget_type="icon-list.default">
699				<div class="elementor-widget-container">
700							<ul class="elementor-icon-list-items">
701							<li class="elementor-icon-list-item">
702										<span class="elementor-icon-list-text">Built with passion in sunny<br />Cape Town, South Africa</span>
703									</li>
704						</ul>
705						</div>
706				</div>
707				<div class="elementor-element elementor-element-48fce6d5 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-heading" data-id="48fce6d5" data-element_type="widget" data-widget_type="heading.default">
708				<div class="elementor-widget-container">
709					<h5 class="elementor-heading-title elementor-size-default">Accepted Payment Methods</h5>				</div>
710				</div>
711				<div class="elementor-element elementor-element-5207f9ae elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-image" data-id="5207f9ae" data-element_type="widget" data-widget_type="image.default">
712				<div class="elementor-widget-container">
713															<img width="564" height="62" src="https://blockons.com/wp-content/uploads/2021/11/payment-methods.png" class="attachment-full size-full wp-image-78" alt="Accepted Payment Methods" srcset="https://blockons.com/wp-content/uploads/2021/11/payment-methods.png 564w, https://blockons.com/wp-content/uploads/2021/11/payment-methods-300x33.png 300w" sizes="(max-width: 564px) 100vw, 564px" />															</div>
714				</div>
715					</div>
716		</div>
717					</div>
718		</section>
719				<section class="elementor-section elementor-top-section elementor-element elementor-element-41ca2af6 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="41ca2af6" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
720						<div class="elementor-container elementor-column-gap-default">
721					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5ec7aa1d" data-id="5ec7aa1d" data-element_type="column">
722			<div class="elementor-widget-wrap elementor-element-populated">
723						<div class="elementor-element elementor-element-b222af0 elementor-widget elementor-widget-text-editor" data-id="b222af0" data-element_type="widget" data-widget_type="text-editor.default">
724				<div class="elementor-widget-container">
725									<p>Copyright © 2024. All Rights Reserved</p>								</div>
726				</div>
727					</div>
728		</div>
729					</div>
730		</section>
731				</footer>
732				
733	</div><!-- .site-boxed / .site-not-boxed -->
734
735	
736	</div><!-- #page -->
737<script type="speculationrules">
738{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/overlay-sitechat/*","/wp-content/themes/overlay/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
739</script>
739
740<div id="blockons-bttb"></div><div id="blockons-scroll-indicator"></div>    <div class="blockons-mobile-nav">
741        <div class="blockons-mobile-nav-close"><i class="eicon-close"></i></div>
742        <div class="mm-container"><ul id="blockons-main-menu" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-839"><a href="https://blockons.com/">Home</a></li>
743<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-849"><a href="https://blockons.com/blog/">Blog</a></li>
744<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item menu-item-91"><a href="https://blockons.com/documentation/" aria-current="page">Documentation</a></li>
745<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-114"><a href="https://blockons.com/support/">Support</a>
746<ul class="sub-menu">
747	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1686"><a href="https://blockons.com/support/faqs/">Frequently Asked Questions</a></li>
748	<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1687"><a href="https://blockons.com/support/contact/">Contact</a></li>
749</ul>
750</li>
751<li class="blockons-pro-menu-btn menu-item menu-item-type-custom menu-item-object-custom menu-item-2107"><a href="https://blockons.com/pro/">GO PRO</a></li>
752</ul></div>    </div>
753    <div class="blockons-hidden" style="width: 0;height: 0;overflow: hidden"><div class="blockons-cart-amnt no-items">
754						<span class="amount">&#082;0,00</span>
755						<span class="count">(0 items)</span>
756					</div></div><div class="blockons-hidden" style="width: 0;height: 0;overflow: hidden"><span class="blockons-crtamnt">0</span><div class="blockons-mini-crt"><div class="widget_shopping_cart_content">
757
758	<p class="woocommerce-mini-cart__empty-message">No products in the cart.</p>
759
760
761</div></div></div><div class="blockons-hidden" style="width: 0; height: 0; overflow: hidden;"><div class="blockons-mini-crt"><div class="widget_shopping_cart_content"></div></div></div>			
761<script>
762				const lazyloadRunObserver = () => {
763					const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
764					const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
765						entries.forEach( ( entry ) => {
766							if ( entry.isIntersecting ) {
767								let lazyloadBackground = entry.target;
768								if( lazyloadBackground ) {
769									lazyloadBackground.classList.add( 'e-lazyloaded' );
770								}
771								lazyloadBackgroundObserver.unobserve( entry.target );
772							}
773						});
774					}, { rootMargin: '200px 0px 200px 0px' } );
775					lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
776						lazyloadBackgroundObserver.observe( lazyloadBackground );
777					} );
778				};
779				const events = [
780					'DOMContentLoaded',
781					'elementor/lazyload/observe',
782				];
783				events.forEach( ( event ) => {
784					document.addEventListener( event, lazyloadRunObserver );
785				} );
786			</script>
786
787				
787<script type='text/javascript'>
788		(function () {
789			var c = document.body.className;
790			c = c.replace(/woocommerce-no-js/, 'woocommerce-js');
791			document.body.className = c;
792		})();
793	</script>
793
794		
794<script>
795	/(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1);
796	</script>
796
797	
797<script id="wp-hooks-js" src="https://blockons.com/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
vendor: 1 bytes, line 797
797
798<script id="wp-i18n-js" src="https://blockons.com/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
vendor: 1 bytes, line 798
798
799<script id="wp-i18n-js-after">
800wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
801//# sourceURL=wp-i18n-js-after
802</script>
vendor: 1 bytes, line 802
802
803<script id="blockons-frontend-script-js-extra">
804var blockonsFrontendObj = {"siteUrl":"https://blockons.com","blockonsOptions":{"blocks":{"contact_form":true,"table_of_contents":true,"content_selector":true,"tabs":true,"count_down_timer":true,"content_toggler":true,"slider":true,"image_comparison":true,"image_gallery":true,"accordions":true,"icon_list":true,"image_carousel":true,"line_heading":true,"marketing_button":true,"progress_bars":true,"search":true,"testimonials":true,"video_slider":true,"wc_account_icon":true,"wc_featured_product":true,"wc_mini_cart":true,"maps":true},"blockvisibility":{"enabled":false,"tablet":"980","mobile":"767"},"blockanimation":{"enabled":false,"default_style":"fade","default_direction":"-up","default_duration":"850","default_delay":"50","default_offset":"80","default_animate_once":false,"default_mirror":false},"tooltips":{"enabled":true,"theme":"one","style":"underlined","color":"#424242","fcolor":"#000","pcolor":"#424242","pfcolor":"#FFF"},"imagepopups":{"enabled":true,"enable_all":false,"icon":"one","iconpos":"topleft","iconcolor":"dark","popuptheme":"dark"},"pageloader":{"enabled":true,"style":"one","has_text":false,"text":"Loading Website...","text_position":"one"},"bttb":{"enabled":true,"position":"right","type":"scroll","has_bg":true},"scrollindicator":{"enabled":true,"position":"top","height":6,"has_bg":true},"siteby":{"enabled":false,"position":"right","icon":"fa-link","cicon":"fa-leaf","text":"Site built by (blockons[*https://blockons.com/])","size":30,"iconbgcolor":"#FFF","iconcolor":"#444","bgcolor":"#FFF","color":"#444"},"quickview":{"enabled":false,"style":"one","text":"Quick View"},"sidecart":{"enabled":false,"position":"right","has_icon":true,"icon":"cart-shopping","icon_size":24,"icon_bgcolor":"#FFF","icon_color":"#333","icon_padding":60,"has_amount":true,"header_title":"Your Shopping Cart","header_text":"Spend $100 to get FREE shipping!","bgcolor":"#FFF","color":"#000","overlay_color":"#000","overlay_opacity":0.6},"mapbox":{"api":true,"key":"HIDDEN"}},"isPremium":"1"};
805//# sourceURL=blockons-frontend-script-js-extra
806</script>
vendor: 1 bytes, line 806
806
807<script id="blockons-frontend-script-js" src="https://blockons.com/wp-content/plugins/blockons-pro/dist/frontend.min.js?ver=1.2.19"></script>
vendor: 1 bytes, line 807
807
808<script id="blockons-sweetalert-script-js" src="https://blockons.com/wp-content/plugins/blockons-pro/assets/popups/sweetalert2.all.min.js?ver=1.2.19"></script>
vendor: 1 bytes, line 808
808
809<script id="blockons-image-block-js" src="https://blockons.com/wp-content/plugins/blockons-pro/dist/image.min.js?ver=1.2.19"></script>
vendor: 1 bytes, line 809
809
810<script id="blockons-modal-script-js" src="https://blockons.com/wp-content/plugins/blockons-pro/dist/pro/modal.min.js?ver=1.2.19"></script>
vendor: 1 bytes, line 810
810
811<script id="blockons-viewcontent-script-js" src="https://blockons.com/wp-content/plugins/blockons-pro/dist/pro/viewcontent.min.js?ver=1.2.19"></script>
vendor: 1 bytes, line 811
811
812<script id="overlaysitechat-freemius-js" src="https://blockons.com/wp-content/themes/overlay-sitechat/includes/js/checkout.min.js?ver=1.0.72"></script>
vendor: 1 bytes, line 812
812
813<script id="overlaysitechat-freemius-custom-js" src="https://blockons.com/wp-content/themes/overlay-sitechat/includes/js/custom.js?ver=1.0.72"></script>
vendor: 1 bytes, line 813
813
814<script id="overlay-custom-js-extra">
815var overlay_js = {"menu_breakpoint":"tablet","menu_mobile":"782","menu_tablet":"980"};
816//# sourceURL=overlay-custom-js-extra
817</script>
vendor: 1 bytes, line 817
817
818<script id="overlay-custom-js" src="https://blockons.com/wp-content/themes/overlay/js/custom.js?ver=10.5.4"></script>
vendor: 1 bytes, line 818
818
819<script id="imagesloaded-js" src="https://blockons.com/wp-includes/js/imagesloaded.min.js?ver=5.0.0"></script>
vendor: 1 bytes, line 819
819
820<script id="masonry-js" src="https://blockons.com/wp-includes/js/masonry.min.js?ver=4.2.2"></script>
vendor: 1 bytes, line 820
820
821<script id="jquery-masonry-js" src="https://blockons.com/wp-includes/js/jquery/jquery.masonry.min.js?ver=3.1.2b"></script>
vendor: 1 bytes, line 821
821
822<script id="overlay-masonry-js" src="https://blockons.com/wp-content/themes/overlay/js/layout-blocks.js?ver=10.5.4"></script>
vendor: 1 bytes, line 822
822
823<script id="elementor-webpack-runtime-js" src="https://blockons.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.32.2"></script>
vendor: 1 bytes, line 823
823
824<script id="elementor-frontend-modules-js" src="https://blockons.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.32.2"></script>
vendor: 1 bytes, line 824
824
825<script id="jquery-ui-core-js-before">
826jQuery.uiBackCompat = true;
827//# sourceURL=jquery-ui-core-js-before
828</script>
vendor: 1 bytes, line 828
828
829<script id="jquery-ui-core-js" src="https://blockons.com/wp-includes/js/jquery/ui/core.min.js?ver=1.14.2"></script>
vendor: 1 bytes, line 829
829
830<script id="elementor-frontend-js-before">
831var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"3.32.2","is_static":false,"experimentalFeatures":{"additional_custom_breakpoints":true,"theme_builder_v2":true,"home_screen":true,"global_classes_should_enforce_capabilities":true,"e_variables":true,"cloud-library":true,"e_opt_in_v4_page":true,"import-export-customization":true,"e_pro_variables":true},"urls":{"assets":"https:\/\/blockons.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/blockons.com\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/blockons.com\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"5006863ed8"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description","woocommerce_notices_elements":[]},"post":{"id":94,"title":"Documentation%20-%20Blockons","excerpt":"","featuredImage":false}};
832//# sourceURL=elementor-frontend-js-before
833</script>
vendor: 1 bytes, line 833
833
834<script id="elementor-frontend-js" src="https://blockons.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.32.2"></script>
vendor: 1 bytes, line 834
834
835<script id="smartmenus-js" src="https://blockons.com/wp-content/plugins/elementor-pro/assets/lib/smartmenus/jquery.smartmenus.min.js?ver=1.2.1"></script>
vendor: 1 bytes, line 835
835
836<script id="e-sticky-js" src="https://blockons.com/wp-content/plugins/elementor-pro/assets/lib/sticky/jquery.sticky.min.js?ver=3.32.1"></script>
vendor: 1 bytes, line 836
836
837<script id="sourcebuster-js-js" src="https://blockons.com/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=10.6.1"></script>
vendor: 1 bytes, line 837
837
838<script id="wc-order-attribution-js-extra">
839var wc_order_attribution = {"params":{"lifetime":1.0e-5,"session":30,"base64":false,"ajaxurl":"https://blockons.com/wp-admin/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}};
840//# sourceURL=wc-order-attribution-js-extra
841</script>
vendor: 1 bytes, line 841
841
842<script id="wc-order-attribution-js" src="https://blockons.com/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=10.6.1"></script>
vendor: 1 bytes, line 842
842
843<script id="elementor-pro-webpack-runtime-js" src="https://blockons.com/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=3.32.1"></script>
vendor: 1 bytes, line 843
843
844<script id="elementor-pro-frontend-js-before">
845var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/blockons.com\/wp-admin\/admin-ajax.php","nonce":"5a5986edbf","urls":{"assets":"https:\/\/blockons.com\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/blockons.com\/wp-json\/"},"settings":{"lazy_load_background_images":true},"popup":{"hasPopUps":false},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},"woocommerce":{"menu_cart":{"cart_page_url":"https:\/\/blockons.com\/cart\/","checkout_page_url":"https:\/\/blockons.com\/checkout\/","fragments_nonce":"680a497050"}},"facebook_sdk":{"lang":"en_US","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/blockons.com\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}};
846//# sourceURL=elementor-pro-frontend-js-before
847</script>
vendor: 1 bytes, line 847
847
848<script id="elementor-pro-frontend-js" src="https://blockons.com/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=3.32.1"></script>
vendor: 1 bytes, line 848
848
849<script id="pro-elements-handlers-js" src="https://blockons.com/wp-content/plugins/elementor-pro/assets/js/elements-handlers.min.js?ver=3.32.1"></script>
vendor: 1 bytes, line 849
849
850<script id="wp-emoji-settings" type="application/json">
851{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://blockons.com/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}}
852</script>
vendor: 1 bytes, line 852
852
853<script type="module">
854/*! This file is auto-generated */
855var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
856//# sourceURL=https://blockons.com/wp-includes/js/wp-emoji-loader.min.js
857</script>
857
858</body>
859</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.