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&d=mm&r=g","url":"https://secure.gravatar.com/avatar/09ea51d0f41e695cec0cf81995eaaf760a57772ebab9d34d8754458fe76f97a1?s=96&d=mm&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 » 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&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&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="{"background_motion_fx_range":"page","sticky":"top","background_background":"classic","background_motion_fx_motion_fx_scrolling":"yes","background_motion_fx_devices":["desktop","tablet","mobile"],"sticky_on":["desktop","tablet","mobile"],"sticky_offset":0,"sticky_effects_offset":0,"sticky_anchor_link_offset":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="{"full_width":"stretch","submenu_icon":{"value":"<i class=\"\" aria-hidden=\"true\"><\/i>","library":""},"layout":"horizontal","toggle":"burger"}" 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="{"stretch_section":"section-stretched","background_background":"classic"}"> 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 & 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 – “This block contains unexpected or invalid content”.</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’s of goals completed, coffee’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="{"background_background":"classic"}"> 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="{"button_width":"25","step_next_label":"Next","step_previous_label":"Previous","button_width_mobile":"30","step_type":"number_text","step_icon_shape":"circle"}" 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 & 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="{"background_background":"classic"}"> 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="{"background_background":"classic"}"> 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">R0,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.