{"id":14,"date":"2026-09-16T10:43:20","date_gmt":"2026-09-16T10:43:20","guid":{"rendered":"https:\/\/shapekode.com\/product\/shapeblock\/?page_id=14"},"modified":"2026-10-08T06:58:28","modified_gmt":"2026-10-08T06:58:28","slug":"accordion","status":"publish","type":"page","link":"https:\/\/shapekode.com\/product\/shapeblock\/accordion\/","title":{"rendered":"Accordion"},"content":{"rendered":"<style id=\"shapeblock-block-css-5-inline-css\">\n.shapeblock-layout-row-mum3s8 { justify-content:center;align-content:stretch;flex-wrap:wrap;gap:20px;padding-top:120px;padding-right:16px;padding-bottom:120px;padding-left:16px;background-color:#5933ff;background-image:url(https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/09\/banner-shape.webp);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:scroll;--bp-gap:20px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-mum3s8 { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-mum3s8 { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-mum3s8 > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-elv1eg { flex:0 1 calc(700px - var(--bp-gap, 0px) * 0 \/ 100) !important;max-width:calc(700px - var(--bp-gap, 0px) * 0 \/ 100) !important; }\n.shapeblock-col-elv1eg > .shapeblock-column__inner { display:flex;flex-direction:column;align-items:center; }.shapeblock-heading-block-wrap.shapeblock-heading-130a5c .shapeblock-heading { text-align:center; }\n.shapeblock-heading-block-wrap.shapeblock-heading-130a5c .shapeblock-heading .shapeblock-title { color:#ffffff; }\n\/*# sourceURL=shapeblock-block-css-1-inline-css *\/\n\n\n.shapeblock-button-block-wrap.shapeblock-button-5240d5 .shapeblock-button { font-weight:500;text-decoration:none;justify-content:center;min-width:min(150px, 100%);color:#ffffff;border-style:solid;border-color:#00000000;border-width:1px 1px 1px 1px; }\n.shapeblock-button-block-wrap.shapeblock-button-5240d5 .shapeblock-button .shapeblock-button-icon-before { margin-right:8px; }\n.shapeblock-button-block-wrap.shapeblock-button-5240d5 .shapeblock-button .shapeblock-button-icon-after { margin-left:8px;margin-right:0; }\n\/*# sourceURL=shapeblock-block-css-2-inline-css *\/\n\n\n.shapeblock-button-block-wrap.shapeblock-button-31oq4y .shapeblock-button { font-weight:500;text-decoration:none;justify-content:center;min-width:min(150px, 100%);color:#ffffff;border-style:solid;border-color:#ffffff;border-width:1px 1px 1px 1px; }\n.shapeblock-button-block-wrap.shapeblock-button-31oq4y .shapeblock-button:hover { color:#ffffff;border-style:solid;border-color:#0067ff;border-width:1px 1px 1px 1px; }\n.shapeblock-button-block-wrap.shapeblock-button-31oq4y .shapeblock-button .shapeblock-button-icon-before { margin-right:8px; }\n.shapeblock-button-block-wrap.shapeblock-button-31oq4y .shapeblock-button .shapeblock-button-icon-after { margin-left:8px;margin-right:0; }\n\/*# sourceURL=shapeblock-block-css-3-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-4-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-5-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-mum3s8 is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-elv1eg wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <h1 style=\"margin-bottom:8px\" class=\"has-link-color wp-elements-1 wp-block-post-title has-text-color has-base-color has-xx-large-font-size has-text-align-center\">Accordion<\/h1> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-130a5c wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h4 class=\"shapeblock-title\">Build your Accordion With ShapeBlock<\/h4>\t<\/div> <\/div> <p class=\"has-text-align-center has-base-color has-text-color has-link-color wp-elements-2 wp-block-paragraph\" style=\"margin-top:20px\">Help visitors find answers instantly with a stylish FAQ section in WordPress. Create interactive question-and-answer boxes with smooth toggle effects for a clear, user-friendly experience that keeps your site organized and engaging.<\/p> <div class=\"wp-block-group is-content-justification-center is-layout-flex wp-container-core-group-is-layout-211891db wp-block-group-is-layout-flex\" style=\"padding-top:14px\"> <div class=\"shapeblock-block shapeblock-button-block-wrap shapeblock-button-5240d5 wp-block-shapeblock-button\"> <a href=\"#\" class=\"shapeblock-button shapeblock-button-primary\" target=\"_self\"> <span class=\"shapeblock-button-text\">Get Started Now<\/span> <\/a> <\/div> <div class=\"shapeblock-block shapeblock-button-block-wrap shapeblock-button-31oq4y wp-block-shapeblock-button\"> <a href=\"#\" class=\"shapeblock-button shapeblock-button-outline\" target=\"_blank\" rel=\"noopener\"> <span class=\"shapeblock-button-text\">Documentation  <\/span> <\/a> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-10-inline-css\">\n.shapeblock-layout-row-p2b8tg { flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;gap:20px;padding-top:100px;padding-bottom:100px;--bp-gap:20px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-p2b8tg { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-p2b8tg { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-p2b8tg > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-ay9qsp { flex:0 1 calc(100.00% - var(--bp-gap, 0px) * 0 \/ 100) !important;max-width:calc(100.00% - var(--bp-gap, 0px) * 0 \/ 100) !important; }.shapeblock-heading-block-wrap.shapeblock-heading-8c72e5 .shapeblock-heading { text-align:center; }\n.shapeblock-heading-block-wrap.shapeblock-heading-8c72e5 .shapeblock-heading .shapeblock-title { margin-bottom:30px; }\n\/*# sourceURL=shapeblock-block-css-6-inline-css *\/\n\n\n.shapeblock-faq-block-wrap.shapeblock-faq-9835e2 .shapeblock-faq-item { padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n.shapeblock-faq-block-wrap.shapeblock-faq-9835e2 .shapeblock-faq-item:hover { box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n.shapeblock-faq-block-wrap.shapeblock-faq-9835e2 .shapeblock-faq-item.active { box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n.shapeblock-faq-block-wrap.shapeblock-faq-9835e2 .shapeblock-faq-question { flex-direction:row-reverse;justify-content:left;box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n.shapeblock-faq-block-wrap.shapeblock-faq-9835e2 .shapeblock-faq-item:hover .shapeblock-faq-question { box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n.shapeblock-faq-block-wrap.shapeblock-faq-9835e2 .shapeblock-faq-item.active .shapeblock-faq-question { box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n\/*# sourceURL=shapeblock-block-css-7-inline-css *\/\n\n\n.shapeblock-faq-block-wrap.shapeblock-faq-a7i5je .shapeblock-faq-item { padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n.shapeblock-faq-block-wrap.shapeblock-faq-a7i5je .shapeblock-faq-item:hover { box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n.shapeblock-faq-block-wrap.shapeblock-faq-a7i5je .shapeblock-faq-item.active { box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n.shapeblock-faq-block-wrap.shapeblock-faq-a7i5je .shapeblock-faq-question { flex-direction:row;justify-content:left;box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n.shapeblock-faq-block-wrap.shapeblock-faq-a7i5je .shapeblock-faq-item:hover .shapeblock-faq-question { box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n.shapeblock-faq-block-wrap.shapeblock-faq-a7i5je .shapeblock-faq-item.active .shapeblock-faq-question { box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n.shapeblock-faq-block-wrap.shapeblock-faq-a7i5je .shapeblock-faq-icon { font-size:18px; }\n\/*# sourceURL=shapeblock-block-css-8-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-9-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-10-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-p2b8tg is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-ay9qsp wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-8c72e5 wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Frequently\u2028Asked Questions<\/h2>\t<\/div> <\/div> <div class=\"wp-block-group is-layout-grid wp-container-core-group-is-layout-0b1ed3b5 wp-block-group-is-layout-grid\"> <div class=\"shapeblock-block shapeblock-faq-block-wrap shapeblock-faq-9835e2 wp-block-shapeblock-faq\"> <div class=\"shapeblock-faq-accordion  \"> <div class=\"shapeblock-faq-item \"> <div class=\"shapeblock-faq-question\"> <h4 class=\"shapeblock-faq-title\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\"> What is ShapeBlock?\t\t\t\t\t<\/h4> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-open\"> <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 11h14v2H5z\" \/><\/svg>\t\t\t\t\t<\/span> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-close\"> <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z\" \/><\/svg>\t\t\t\t\t<\/span> <\/div> <div class=\"shapeblock-faq-answer\"> ShapeBlock is a custom addon plugin that offers useful blocks.\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-faq-item \"> <div class=\"shapeblock-faq-question\"> <h4 class=\"shapeblock-faq-title\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\"> Does it work with the block editor?\t\t\t\t\t<\/h4> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-open\"> <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 11h14v2H5z\" \/><\/svg>\t\t\t\t\t<\/span> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-close\"> <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z\" \/><\/svg>\t\t\t\t\t<\/span> <\/div> <div class=\"shapeblock-faq-answer\"> Yes, it fully supports the WordPress block editor (Gutenberg).\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-faq-item \"> <div class=\"shapeblock-faq-question\"> <h4 class=\"shapeblock-faq-title\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\"> How to install ShapeBlock?\t\t\t\t\t<\/h4> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-open\"> <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 11h14v2H5z\" \/><\/svg>\t\t\t\t\t<\/span> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-close\"> <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z\" \/><\/svg>\t\t\t\t\t<\/span> <\/div> <div class=\"shapeblock-faq-answer\"> Upload the plugin via WordPress Dashboard or FTP and activate it.\t\t\t\t<\/div> <\/div> <\/div> <\/div> <div class=\"shapeblock-block shapeblock-faq-block-wrap shapeblock-faq-a7i5je wp-block-shapeblock-faq\"> <div class=\"shapeblock-faq-accordion  \"> <div class=\"shapeblock-faq-item \"> <div class=\"shapeblock-faq-question\"> <h4 class=\"shapeblock-faq-title\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\"> What is ShapeBlock?\t\t\t\t\t<\/h4> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-open\"> <i class=\"shapeblock-icon shapeblock-icon-chevron-up\" aria-hidden=\"true\"><\/i>\t\t\t\t\t<\/span> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-close\"> <i class=\"shapeblock-icon shapeblock-icon-chevron-down\" aria-hidden=\"true\"><\/i>\t\t\t\t\t<\/span> <\/div> <div class=\"shapeblock-faq-answer\"> ShapeBlock is a custom addon plugin that offers useful blocks.\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-faq-item \"> <div class=\"shapeblock-faq-question\"> <h4 class=\"shapeblock-faq-title\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\"> Does it work with the block editor?\t\t\t\t\t<\/h4> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-open\"> <i class=\"shapeblock-icon shapeblock-icon-chevron-up\" aria-hidden=\"true\"><\/i>\t\t\t\t\t<\/span> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-close\"> <i class=\"shapeblock-icon shapeblock-icon-chevron-down\" aria-hidden=\"true\"><\/i>\t\t\t\t\t<\/span> <\/div> <div class=\"shapeblock-faq-answer\"> Yes, it fully supports the WordPress block editor (Gutenberg).\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-faq-item \"> <div class=\"shapeblock-faq-question\"> <h4 class=\"shapeblock-faq-title\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\"> How to install ShapeBlock?\t\t\t\t\t<\/h4> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-open\"> <i class=\"shapeblock-icon shapeblock-icon-chevron-up\" aria-hidden=\"true\"><\/i>\t\t\t\t\t<\/span> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-close\"> <i class=\"shapeblock-icon shapeblock-icon-chevron-down\" aria-hidden=\"true\"><\/i>\t\t\t\t\t<\/span> <\/div> <div class=\"shapeblock-faq-answer\"> Upload the plugin via WordPress Dashboard or FTP and activate it.\t\t\t\t<\/div> <\/div> <\/div> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-14-inline-css\">\n.shapeblock-layout-row-yp27ww { flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:20px;padding-top:120px;padding-bottom:120px;background-color:#fbfbfb;--bp-gap:20px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-yp27ww { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-yp27ww { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-yp27ww > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-3gsunn { flex:0 1 calc(800px - var(--bp-gap, 0px) * 0 \/ 100) !important;max-width:calc(800px - var(--bp-gap, 0px) * 0 \/ 100) !important; }.shapeblock-heading-block-wrap.shapeblock-heading-zbiwj5 .shapeblock-heading { text-align:center; }\n.shapeblock-heading-block-wrap.shapeblock-heading-zbiwj5 .shapeblock-heading .shapeblock-title { margin-bottom:30px; }\n\/*# sourceURL=shapeblock-block-css-11-inline-css *\/\n\n\n.shapeblock-faq-block-wrap.shapeblock-faq-d17y10 .shapeblock-faq-item { background:#5933ff;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n.shapeblock-faq-block-wrap.shapeblock-faq-d17y10 .shapeblock-faq-item:hover { box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n.shapeblock-faq-block-wrap.shapeblock-faq-d17y10 .shapeblock-faq-item.active { box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n.shapeblock-faq-block-wrap.shapeblock-faq-d17y10 .shapeblock-faq-question { flex-direction:row;justify-content:left;box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n.shapeblock-faq-block-wrap.shapeblock-faq-d17y10 .shapeblock-faq-item:hover .shapeblock-faq-question { box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n.shapeblock-faq-block-wrap.shapeblock-faq-d17y10 .shapeblock-faq-item.active .shapeblock-faq-question { box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n.shapeblock-faq-block-wrap.shapeblock-faq-d17y10 .shapeblock-faq-icon { color:#5933ff;fill:#5933ff;background:#ffffff;min-width:24px;min-height:24px;width:24px;height:24px;line-height:24px;border-top-left-radius:100px;border-top-right-radius:100px;border-bottom-right-radius:100px;border-bottom-left-radius:100px; }\n.shapeblock-faq-block-wrap.shapeblock-faq-d17y10 .shapeblock-faq-title { color:#ffffff; }\n.shapeblock-faq-block-wrap.shapeblock-faq-d17y10 .shapeblock-faq-answer { color:#ffffff; }\n\/*# sourceURL=shapeblock-block-css-12-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-13-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-14-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-yp27ww is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-3gsunn wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-zbiwj5 wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Frequently\u2028Asked Questions<\/h2>\t<\/div> <\/div> <div class=\"shapeblock-block shapeblock-faq-block-wrap shapeblock-faq-d17y10 wp-block-shapeblock-faq\"> <div class=\"shapeblock-faq-accordion  \"> <div class=\"shapeblock-faq-item \"> <div class=\"shapeblock-faq-question\"> <h4 class=\"shapeblock-faq-title\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\"> What is ShapeBlock?\t\t\t\t\t<\/h4> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-open\"> <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 11h14v2H5z\" \/><\/svg>\t\t\t\t\t<\/span> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-close\"> <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z\" \/><\/svg>\t\t\t\t\t<\/span> <\/div> <div class=\"shapeblock-faq-answer\"> ShapeBlock is a custom addon plugin that offers useful blocks.\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-faq-item \"> <div class=\"shapeblock-faq-question\"> <h4 class=\"shapeblock-faq-title\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\"> Does it work with the block editor?\t\t\t\t\t<\/h4> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-open\"> <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 11h14v2H5z\" \/><\/svg>\t\t\t\t\t<\/span> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-close\"> <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z\" \/><\/svg>\t\t\t\t\t<\/span> <\/div> <div class=\"shapeblock-faq-answer\"> Yes, it fully supports the WordPress block editor (Gutenberg).\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-faq-item \"> <div class=\"shapeblock-faq-question\"> <h4 class=\"shapeblock-faq-title\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\"> How to install ShapeBlock?\t\t\t\t\t<\/h4> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-open\"> <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 11h14v2H5z\" \/><\/svg>\t\t\t\t\t<\/span> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-close\"> <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z\" \/><\/svg>\t\t\t\t\t<\/span> <\/div> <div class=\"shapeblock-faq-answer\"> Upload the plugin via WordPress Dashboard or FTP and activate it.\t\t\t\t<\/div> <\/div> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-19-inline-css\">\n.shapeblock-layout-row-7k9dd7 { flex-direction:row;align-items:stretch;flex-wrap:wrap;gap:20px;padding-top:120px;padding-bottom:120px;--bp-gap:20px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-7k9dd7 { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-7k9dd7 { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-7k9dd7 > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}.shapeblock-layout-row.shapeblock-layout-row-7k9dd7 > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(2){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-col-okwfcs > .shapeblock-column__inner { display:flex;flex-direction:column;align-items:flex-start; }.shapeblock-heading-block-wrap.shapeblock-heading-n63zkw .shapeblock-heading .shapeblock-title { margin-top:16px;margin-bottom:10px; }\n\/*# sourceURL=shapeblock-block-css-15-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-16-inline-css *\/\n\n\n.shapeblock-faq-block-wrap.shapeblock-faq-3ioh14 .shapeblock-faq-item { background:#5933ff;padding-top:18px;padding-right:18px;padding-bottom:18px;padding-left:18px;box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n.shapeblock-faq-block-wrap.shapeblock-faq-3ioh14 .shapeblock-faq-item:hover { box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n.shapeblock-faq-block-wrap.shapeblock-faq-3ioh14 .shapeblock-faq-item.active { box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n.shapeblock-faq-block-wrap.shapeblock-faq-3ioh14 .shapeblock-faq-question { flex-direction:row;justify-content:left;box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n.shapeblock-faq-block-wrap.shapeblock-faq-3ioh14 .shapeblock-faq-item:hover .shapeblock-faq-question { box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n.shapeblock-faq-block-wrap.shapeblock-faq-3ioh14 .shapeblock-faq-item.active .shapeblock-faq-question { box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n.shapeblock-faq-block-wrap.shapeblock-faq-3ioh14 .shapeblock-faq-icon { color:#ffffff;fill:#ffffff; }\n.shapeblock-faq-block-wrap.shapeblock-faq-3ioh14 .shapeblock-faq-title { font-size:18px;color:#ffffff; }\n.shapeblock-faq-block-wrap.shapeblock-faq-3ioh14 .shapeblock-faq-answer { color:#ffffff; }\n\/*# sourceURL=shapeblock-block-css-17-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-18-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-19-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-7k9dd7 is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-okwfcs wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <h6 class=\"wp-block-heading has-base-color has-text-color has-background has-link-color wp-elements-3\" style=\"border-top-left-radius:100px;border-top-right-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:100px;background-color:#5933ff;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:6px;padding-right:26px;padding-bottom:6px;padding-left:26px\">FAQ<\/h6> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-n63zkw wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Frequently\u2028Asked Questions<\/h2>\t<\/div> <\/div> <p class=\"wp-block-paragraph\" style=\"margin-top:0px;margin-bottom:0px\">Common questions answered, if you still have any <br>questions\u2028feel free to ask.<\/p> <\/div><\/div> <div class=\"shapeblock-block shapeblock-column shapeblock-col-m558wj wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-faq-block-wrap shapeblock-faq-3ioh14 wp-block-shapeblock-faq\"> <div class=\"shapeblock-faq-accordion  \"> <div class=\"shapeblock-faq-item \"> <div class=\"shapeblock-faq-question\"> <h4 class=\"shapeblock-faq-title\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\"> What is ShapeBlock?\t\t\t\t\t<\/h4> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-open\"> <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 11h14v2H5z\" \/><\/svg>\t\t\t\t\t<\/span> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-close\"> <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z\" \/><\/svg>\t\t\t\t\t<\/span> <\/div> <div class=\"shapeblock-faq-answer\"> ShapeBlock is a custom addon plugin that offers useful blocks.\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-faq-item \"> <div class=\"shapeblock-faq-question\"> <h4 class=\"shapeblock-faq-title\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\"> Does it work with the block editor?\t\t\t\t\t<\/h4> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-open\"> <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 11h14v2H5z\" \/><\/svg>\t\t\t\t\t<\/span> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-close\"> <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z\" \/><\/svg>\t\t\t\t\t<\/span> <\/div> <div class=\"shapeblock-faq-answer\"> Yes, it fully supports the WordPress block editor (Gutenberg).\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-faq-item \"> <div class=\"shapeblock-faq-question\"> <h4 class=\"shapeblock-faq-title\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\"> How to install ShapeBlock?\t\t\t\t\t<\/h4> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-open\"> <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 11h14v2H5z\" \/><\/svg>\t\t\t\t\t<\/span> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-close\"> <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z\" \/><\/svg>\t\t\t\t\t<\/span> <\/div> <div class=\"shapeblock-faq-answer\"> Upload the plugin via WordPress Dashboard or FTP and activate it.\t\t\t\t<\/div> <\/div> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-23-inline-css\">\n.shapeblock-layout-row-lf71nf { flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:20px;padding-top:120px;padding-bottom:120px;background-color:#fbfbfb;--bp-gap:20px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-lf71nf { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-lf71nf { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-lf71nf > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-bfhnhn { flex:0 1 calc(800px - var(--bp-gap, 0px) * 0 \/ 100) !important;max-width:calc(800px - var(--bp-gap, 0px) * 0 \/ 100) !important; }.shapeblock-heading-block-wrap.shapeblock-heading-rgdylx .shapeblock-heading { text-align:center; }\n.shapeblock-heading-block-wrap.shapeblock-heading-rgdylx .shapeblock-heading .shapeblock-title { margin-bottom:30px; }\n\/*# sourceURL=shapeblock-block-css-20-inline-css *\/\n\n\n.shapeblock-faq-block-wrap.shapeblock-faq-t16ush .shapeblock-faq-item { background:#00000000;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;border-style:solid;border-color:#5933ff;border-width:1px 1px 1px 1px;box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n.shapeblock-faq-block-wrap.shapeblock-faq-t16ush .shapeblock-faq-item:hover { background:#5933ff;box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n.shapeblock-faq-block-wrap.shapeblock-faq-t16ush .shapeblock-faq-item.active { background:#5933ff;box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n.shapeblock-faq-block-wrap.shapeblock-faq-t16ush .shapeblock-faq-question { flex-direction:row;justify-content:left;box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n.shapeblock-faq-block-wrap.shapeblock-faq-t16ush .shapeblock-faq-item:hover .shapeblock-faq-question { box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n.shapeblock-faq-block-wrap.shapeblock-faq-t16ush .shapeblock-faq-item.active .shapeblock-faq-question { box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n.shapeblock-faq-block-wrap.shapeblock-faq-t16ush .shapeblock-faq-item:hover .shapeblock-faq-title { color:#ffffff; }\n.shapeblock-faq-block-wrap.shapeblock-faq-t16ush .shapeblock-faq-item.active .shapeblock-faq-title { color:#ffffff; }\n.shapeblock-faq-block-wrap.shapeblock-faq-t16ush .shapeblock-faq-item:hover .shapeblock-faq-answer { color:#ffffff; }\n.shapeblock-faq-block-wrap.shapeblock-faq-t16ush .shapeblock-faq-item.active .shapeblock-faq-answer { color:#ffffff; }\n.shapeblock-faq-block-wrap.shapeblock-faq-t16ush .shapeblock-faq-icon { color:#ffffff;fill:#ffffff;background:#36313a;min-width:25px;min-height:25px;width:25px;height:25px;line-height:25px;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px; }\n.shapeblock-faq-block-wrap.shapeblock-faq-t16ush .shapeblock-faq-title { color:#1c1b23; }\n.shapeblock-faq-block-wrap.shapeblock-faq-t16ush .shapeblock-faq-answer { color:#5933ff; }\n\/*# sourceURL=shapeblock-block-css-21-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-22-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-23-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-lf71nf is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-bfhnhn wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-rgdylx wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Frequently\u2028Asked Questions<\/h2>\t<\/div> <\/div> <div class=\"shapeblock-block shapeblock-faq-block-wrap shapeblock-faq-t16ush wp-block-shapeblock-faq\"> <div class=\"shapeblock-faq-accordion  \"> <div class=\"shapeblock-faq-item \"> <div class=\"shapeblock-faq-question\"> <h4 class=\"shapeblock-faq-title\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\"> What is ShapeBlock?\t\t\t\t\t<\/h4> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-open\"> <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 11h14v2H5z\" \/><\/svg>\t\t\t\t\t<\/span> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-close\"> <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z\" \/><\/svg>\t\t\t\t\t<\/span> <\/div> <div class=\"shapeblock-faq-answer\"> ShapeBlock is a custom addon plugin that offers useful blocks.\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-faq-item \"> <div class=\"shapeblock-faq-question\"> <h4 class=\"shapeblock-faq-title\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\"> Does it work with the block editor?\t\t\t\t\t<\/h4> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-open\"> <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 11h14v2H5z\" \/><\/svg>\t\t\t\t\t<\/span> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-close\"> <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z\" \/><\/svg>\t\t\t\t\t<\/span> <\/div> <div class=\"shapeblock-faq-answer\"> Yes, it fully supports the WordPress block editor (Gutenberg).\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-faq-item \"> <div class=\"shapeblock-faq-question\"> <h4 class=\"shapeblock-faq-title\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\"> How to install ShapeBlock?\t\t\t\t\t<\/h4> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-open\"> <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 11h14v2H5z\" \/><\/svg>\t\t\t\t\t<\/span> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-close\"> <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z\" \/><\/svg>\t\t\t\t\t<\/span> <\/div> <div class=\"shapeblock-faq-answer\"> Upload the plugin via WordPress Dashboard or FTP and activate it.\t\t\t\t<\/div> <\/div> <\/div> <\/div> <\/div><\/div> <\/div><\/div>\n\n<style id=\"shapeblock-block-css-27-inline-css\">\n.shapeblock-layout-row-crl7at { flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:20px;padding-top:120px;padding-bottom:120px;--bp-gap:20px; }\n@media (max-width: 1024px) { .shapeblock-layout-row-crl7at { padding-right:15px;padding-left:15px; } }\n@media (max-width: 767px) { .shapeblock-layout-row-crl7at { padding-top:70px;padding-right:15px;padding-bottom:70px;padding-left:15px; } }\n@media (max-width: 767px){.shapeblock-layout-row.shapeblock-layout-row-crl7at > .shapeblock-layout-row__inner > .shapeblock-column:nth-child(1){flex:0 1 100% !important;max-width:100% !important;}}.shapeblock-layout-row > .shapeblock-layout-row__inner > .shapeblock-column.shapeblock-col-ipno1i { flex:0 1 calc(800px - var(--bp-gap, 0px) * 0 \/ 100) !important;max-width:calc(800px - var(--bp-gap, 0px) * 0 \/ 100) !important; }.shapeblock-heading-block-wrap.shapeblock-heading-xfuhpf .shapeblock-heading { text-align:center; }\n.shapeblock-heading-block-wrap.shapeblock-heading-xfuhpf .shapeblock-heading .shapeblock-title { margin-bottom:30px; }\n\/*# sourceURL=shapeblock-block-css-24-inline-css *\/\n\n\n.shapeblock-faq-block-wrap.shapeblock-faq-5wotjt .shapeblock-faq-item { background:#5933ff;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n.shapeblock-faq-block-wrap.shapeblock-faq-5wotjt .shapeblock-faq-item:hover { background:#6a4ded;box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n.shapeblock-faq-block-wrap.shapeblock-faq-5wotjt .shapeblock-faq-item.active { box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n.shapeblock-faq-block-wrap.shapeblock-faq-5wotjt .shapeblock-faq-question { flex-direction:row-reverse;justify-content:left;box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n.shapeblock-faq-block-wrap.shapeblock-faq-5wotjt .shapeblock-faq-item:hover .shapeblock-faq-question { box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n.shapeblock-faq-block-wrap.shapeblock-faq-5wotjt .shapeblock-faq-item.active .shapeblock-faq-question { box-shadow:0 0 0 0 rgba(0, 0, 0, 0); }\n.shapeblock-faq-block-wrap.shapeblock-faq-5wotjt .shapeblock-faq-icon { color:#ffffff;fill:#ffffff; }\n.shapeblock-faq-block-wrap.shapeblock-faq-5wotjt .shapeblock-faq-title { color:#ffffff; }\n.shapeblock-faq-block-wrap.shapeblock-faq-5wotjt .shapeblock-faq-answer { color:#ffffff; }\n\/*# sourceURL=shapeblock-block-css-25-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-26-inline-css *\/\n\/*# sourceURL=shapeblock-block-css-27-inline-css *\/\n<\/style> <div class=\"shapeblock-block shapeblock-layout-row shapeblock-layout-row-crl7at is-content-boxed alignfull wp-block-shapeblock-layout-row\"><div class=\"shapeblock-layout-row__inner\"> <div class=\"shapeblock-block shapeblock-column shapeblock-col-ipno1i wp-block-shapeblock-column\"><div class=\"shapeblock-column__inner\"> <div class=\"shapeblock-block shapeblock-heading-block-wrap shapeblock-heading-xfuhpf wp-block-shapeblock-heading\"> <div class=\"shapeblock-heading\"> <h2 class=\"shapeblock-title\">Frequently\u2028Asked Questions (Sticky)<\/h2>\t<\/div> <\/div> <div class=\"shapeblock-block shapeblock-faq-block-wrap shapeblock-faq-5wotjt wp-block-shapeblock-faq\"> <div class=\"shapeblock-faq-accordion shapeblock-faq-open-all shapeblock-faq-sticky\"> <div class=\"shapeblock-faq-item active\"> <div class=\"shapeblock-faq-question\"> <h4 class=\"shapeblock-faq-title\"> What is ShapeBlock?\t\t\t\t\t<\/h4> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-open\"> <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 11h14v2H5z\" \/><\/svg>\t\t\t\t\t<\/span> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-close\"> <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z\" \/><\/svg>\t\t\t\t\t<\/span> <\/div> <div class=\"shapeblock-faq-answer\"> ShapeBlock is a custom addon plugin that offers useful blocks.\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-faq-item active\"> <div class=\"shapeblock-faq-question\"> <h4 class=\"shapeblock-faq-title\"> Does it work with the block editor?\t\t\t\t\t<\/h4> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-open\"> <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 11h14v2H5z\" \/><\/svg>\t\t\t\t\t<\/span> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-close\"> <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z\" \/><\/svg>\t\t\t\t\t<\/span> <\/div> <div class=\"shapeblock-faq-answer\"> Yes, it fully supports the WordPress block editor (Gutenberg).\t\t\t\t<\/div> <\/div> <div class=\"shapeblock-faq-item active\"> <div class=\"shapeblock-faq-question\"> <h4 class=\"shapeblock-faq-title\"> How to install ShapeBlock?\t\t\t\t\t<\/h4> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-open\"> <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M5 11h14v2H5z\" \/><\/svg>\t\t\t\t\t<\/span> <span class=\"shapeblock-faq-icon shapeblock-faq-icon-close\"> <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z\" \/><\/svg>\t\t\t\t\t<\/span> <\/div> <div class=\"shapeblock-faq-answer\"> Upload the plugin via WordPress Dashboard or FTP and activate it.\t\t\t\t<\/div> <\/div> <\/div> <\/div> <\/div><\/div> <\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-full-width","meta":{"_blockode_hide_title":true,"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":6,"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":1353,"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/pages\/14\/revisions\/1353"}],"wp:attachment":[{"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}