{"id":3461,"date":"2026-02-19T07:38:22","date_gmt":"2026-02-19T07:38:22","guid":{"rendered":"https:\/\/www.uxtweak.com\/help\/?page_id=3461"},"modified":"2026-02-19T07:38:22","modified_gmt":"2026-02-19T07:38:22","slug":"content-blocks","status":"publish","type":"page","link":"https:\/\/www.uxtweak.com\/help\/content-blocks\/","title":{"rendered":"Content Blocks"},"content":{"rendered":"\n<p class=\"text-block\">Content blocks are the building units of an Insight. Each block represents a piece of content \u2014 such as text, media, or research data \u2014 that can be arranged, reordered, and configured to tell a cohesive research story.<\/p>\n\n\n\n<p class=\"text-block\">Unlike traditional text editors, which rely on a single continuous text stream, the Insight Editor uses blocks to give teams more control over structure, clarity, and mixed evidence types.<\/p>\n\n\n<h2 id=\"adding-blocks\" class=\"heading-block\" tabindex=\"0\">Adding Blocks<a class=\"copy-link\" title=\"Copy link\" data-id=\"adding-blocks\">&nbsp;<img decoding=\"async\" src=\"https:\/\/help.uxtweak.com\/wp-content\/themes\/uxtweak\/public\/assets\/images\/icons\/link.svg\" alt=\"Copy link\" \/><\/a><\/h2>\n\n\n<p class=\"text-block\">Blocks can be added in several ways:<\/p>\n\n\n\n<ul class=\"bullet-list\">\n<li>From the <strong>Insert block<\/strong> menu in the toolbar<\/li>\n\n\n\n<li>From the <strong>View all blocks<\/strong> modal<\/li>\n\n\n\n<li>By using inline insertion at the cursor position with <strong>typing &#8220;\/&#8221;<\/strong><\/li>\n\n\n\n<li>By clicking the &#8220;<strong>+&#8221; button<\/strong> next to the drag handle<\/li>\n<\/ul>\n\n\n\n<p class=\"text-block\">Blocks are inserted directly into the document flow and can be placed anywhere within the Insight.<\/p>\n\n\n\n<div class=\"image-block\">    <div class=\"image-instance\">\n                    <img decoding=\"async\" class=\"image\" src=\"https:\/\/help.uxtweak.com\/wp-content\/uploads\/2026\/01\/header-blocks.png\" alt=\"Adding blocks from the toolbar\" \/>\n                <div class=\"right-container\">\n            <div class=\"text\">\n                                    <h4>Adding blocks from the toolbar<\/h4>\n                                                    <p>You can add new content blocks using the insert menu in the toolbar while writing.<\/p>\n                            <\/div>\n            <div class=\"links\">\n\n            <\/div>\n        <\/div>\n    <\/div>\n    \n\n    <div class=\"image-instance\">\n                    <img decoding=\"async\" class=\"image\" src=\"https:\/\/help.uxtweak.com\/wp-content\/uploads\/2026\/01\/editor-blocks-modal.png\" alt=\"All blocks modal\" \/>\n                <div class=\"right-container\">\n            <div class=\"text\">\n                                    <h4>All blocks modal<\/h4>\n                                                    <p>You can browse all available block types and filter them by category to find the right block.<\/p>\n                            <\/div>\n            <div class=\"links\">\n\n            <\/div>\n        <\/div>\n    <\/div>\n    \n\n    <div class=\"image-instance\">\n                    <img decoding=\"async\" class=\"image\" src=\"https:\/\/help.uxtweak.com\/wp-content\/uploads\/2026\/01\/add-block-inline-1.png\" alt=\"Inline block insertion\" \/>\n                <div class=\"right-container\">\n            <div class=\"text\">\n                                    <h4>Inline block insertion<\/h4>\n                                                    <p>You can add blocks directly in the content area using the inline insert option.<\/p>\n                            <\/div>\n            <div class=\"links\">\n\n            <\/div>\n        <\/div>\n    <\/div>\n    <\/div>\n\n\n<h2 id=\"rearranging-blocks\" class=\"heading-block\" tabindex=\"0\">Rearranging Blocks<a class=\"copy-link\" title=\"Copy link\" data-id=\"rearranging-blocks\">&nbsp;<img decoding=\"async\" src=\"https:\/\/help.uxtweak.com\/wp-content\/themes\/uxtweak\/public\/assets\/images\/icons\/link.svg\" alt=\"Copy link\" \/><\/a><\/h2>\n\n\n<p class=\"text-block\">Each block has a <strong>drag handle<\/strong> that allows you to reorder content freely. Dragging a block moves it to a new position without disrupting formatting or other blocks.<\/p>\n\n\n\n<p class=\"text-block\">Dragging supports:<\/p>\n\n\n\n<ul class=\"bullet-list\">\n<li>Moving blocks up or down<\/li>\n\n\n\n<li>Grouping related evidence together<\/li>\n\n\n\n<li>Re\u2011sequencing narratives as Insights evolve<\/li>\n<\/ul>\n\n\n\n<div class=\"image-block\">    <div class=\"image-instance\">\n                    <img decoding=\"async\" class=\"image\" src=\"https:\/\/help.uxtweak.com\/wp-content\/uploads\/2026\/01\/click-menu-1.png\" alt=\"Rearranging blocks\" \/>\n                <div class=\"right-container\">\n            <div class=\"text\">\n                                    <h4>Rearranging blocks<\/h4>\n                                                    <p>You can drag blocks to reorder them or click the handle to access block actions.<\/p>\n                            <\/div>\n            <div class=\"links\">\n\n            <\/div>\n        <\/div>\n    <\/div>\n    <\/div>\n\n\n<h2 id=\"block-actions\" class=\"heading-block\" tabindex=\"0\">Block Actions<a class=\"copy-link\" title=\"Copy link\" data-id=\"block-actions\">&nbsp;<img decoding=\"async\" src=\"https:\/\/help.uxtweak.com\/wp-content\/themes\/uxtweak\/public\/assets\/images\/icons\/link.svg\" alt=\"Copy link\" \/><\/a><\/h2>\n\n\n<p class=\"text-block\">Clicking the drag handle opens a dropdown with actions that apply to the selected block.<\/p>\n\n\n\n<p class=\"text-block\">Common actions include:<\/p>\n\n\n\n<ul class=\"bullet-list\">\n<li><strong>Duplicate<\/strong> \u2013 Creates a copy of the block for faster authoring<\/li>\n\n\n\n<li><strong>Delete<\/strong> \u2013 Removes the block from the Insight<\/li>\n<\/ul>\n\n\n\n<p class=\"text-block\">Some block types include <strong>block\u2011specific actions<\/strong>, which appear below the generic actions. These actions adjust the behavior or display of that block.<\/p>\n\n\n\n<div class=\"image-block\">    <div class=\"image-instance\">\n                    <img decoding=\"async\" class=\"image\" src=\"https:\/\/help.uxtweak.com\/wp-content\/uploads\/2026\/01\/block-options.png\" alt=\"Block actions\" \/>\n                <div class=\"right-container\">\n            <div class=\"text\">\n                                    <h4>Block actions<\/h4>\n                                                    <p>You can manage blocks using generic actions like duplicate or delete, along with block-specific options such as table settings.<\/p>\n                            <\/div>\n            <div class=\"links\">\n\n            <\/div>\n        <\/div>\n    <\/div>\n    <\/div>\n\n\n<h2 id=\"mixed-content\" class=\"heading-block\" tabindex=\"0\">Mixed Content<a class=\"copy-link\" title=\"Copy link\" data-id=\"mixed-content\">&nbsp;<img decoding=\"async\" src=\"https:\/\/help.uxtweak.com\/wp-content\/themes\/uxtweak\/public\/assets\/images\/icons\/link.svg\" alt=\"Copy link\" \/><\/a><\/h2>\n\n\n<p class=\"text-block\">Blocks can be combined in any order. For example, a paragraph of narrative text can be followed by a participant highlight, then by a question results block, and then by a quote.<\/p>\n\n\n\n<p class=\"text-block\">This flexibility makes it possible to:<\/p>\n\n\n\n<ul class=\"bullet-list\">\n<li>Showcase evidence inline<\/li>\n\n\n\n<li>Support narrative + data storytelling<\/li>\n\n\n\n<li>Align UX research with decision\u2011making workflows<\/li>\n<\/ul>\n\n\n<h2 id=\"categories\" class=\"heading-block\" tabindex=\"0\">Categories<a class=\"copy-link\" title=\"Copy link\" data-id=\"categories\">&nbsp;<img decoding=\"async\" src=\"https:\/\/help.uxtweak.com\/wp-content\/themes\/uxtweak\/public\/assets\/images\/icons\/link.svg\" alt=\"Copy link\" \/><\/a><\/h2>\n\n\n<p class=\"text-block\">Blocks are divided into three categories:<\/p>\n\n\n\n<ul class=\"bullet-list\">\n<li><strong>Basic<\/strong> \u2013 General content and formatting (e.g., text, lists, tables)<\/li>\n\n\n\n<li><strong>Media<\/strong> \u2013 Visual content (currently images)<\/li>\n\n\n\n<li><strong>UXtweak<\/strong> \u2013 Study\u2011driven research artifacts (e.g., participants, highlights, reels, questions)<\/li>\n<\/ul>\n\n\n\n<p class=\"text-block\">The next page describes the UXtweak research blocks in detail.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Content blocks are the building units of an Insight. Each block represents a piece of content \u2014 such as text, media, or research data \u2014 that can be arranged, reordered, and configured to tell a cohesive research story. Unlike traditional text editors, which rely on a single continuous text stream, the Insight Editor uses blocks [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":15,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","inline_featured_image":false,"footnotes":""},"categories":[37],"tags":[],"class_list":["post-3461","page","type-page","status-publish","hentry","category-insight-editor"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/pages\/3461","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/comments?post=3461"}],"version-history":[{"count":5,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/pages\/3461\/revisions"}],"predecessor-version":[{"id":3539,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/pages\/3461\/revisions\/3539"}],"wp:attachment":[{"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/media?parent=3461"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/categories?post=3461"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxtweak.com\/help\/wp-json\/wp\/v2\/tags?post=3461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}