{"id":4593,"date":"2023-05-31T09:57:09","date_gmt":"2023-05-31T09:57:09","guid":{"rendered":"https:\/\/contentviewspro.com\/documentation\/?post_type=docs&#038;p=4593"},"modified":"2023-11-08T10:01:54","modified_gmt":"2023-11-08T10:01:54","password":"","slug":"how-to-use-prebuilt-patterns","status":"publish","type":"docs","link":"https:\/\/contentviewspro.com\/documentation\/article\/how-to-use-prebuilt-patterns\/","title":{"rendered":"How to use prebuilt Patterns?"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"619\" src=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/08\/import-pattern.gif\" alt=\"\" class=\"wp-image-4910\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To use the prebuilt patterns on the Block Editor, please follow below steps:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>edit your existing page, or click <strong>Pages &gt; Add New<\/strong> to add a new page<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>in the top toolbar of the Block Editor, please click &#8220;<strong>Content Views Library<\/strong>&#8221; button:<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1167\" height=\"356\" src=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/11\/Content-Views-Library-in-Block-Editor.png\" alt=\"\" class=\"wp-image-5052\" srcset=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/11\/Content-Views-Library-in-Block-Editor.png 1167w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/11\/Content-Views-Library-in-Block-Editor-300x92.png 300w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/11\/Content-Views-Library-in-Block-Editor-1024x312.png 1024w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/11\/Content-Views-Library-in-Block-Editor-768x234.png 768w\" sizes=\"auto, (max-width: 1167px) 100vw, 1167px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A popup will appear. All prebuilt patterns will be shown on the &#8220;<strong>Patterns<\/strong>&#8221; tab.<br>If it is empty, please click the <strong>Update<\/strong> button on the top right of the popup.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"464\" src=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-70-1024x464.png\" alt=\"\" class=\"wp-image-4595\" srcset=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-70-1024x464.png 1024w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-70-300x136.png 300w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-70-768x348.png 768w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-70.png 1269w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A free pattern will have the &#8220;<strong>Import<\/strong>&#8221; button. Clicking &#8220;<strong>Import<\/strong>&#8221; button will insert the pattern automatically to the Block Editor.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"278\" height=\"308\" src=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-75.png\" alt=\"\" class=\"wp-image-4600\" srcset=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-75.png 278w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-75-271x300.png 271w\" sizes=\"auto, (max-width: 278px) 100vw, 278px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">(hover on each pattern you will see a preview icon, click on it to see live preview of that pattern)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A Pro pattern will have &#8220;<strong>Upgrade Now<\/strong>&#8221; button to purchase the Pro version and get access to all Pro patterns. After upgrade, the &#8220;<strong>Import<\/strong>&#8221; button will be available to all patterns.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"261\" height=\"261\" src=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-76.png\" alt=\"\" class=\"wp-image-4601\" srcset=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-76.png 261w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-76-150x150.png 150w\" sizes=\"auto, (max-width: 261px) 100vw, 261px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can filter patterns for each block by clicking on the block name on the left side:<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"187\" height=\"327\" src=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-71.png\" alt=\"\" class=\"wp-image-4596\" srcset=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-71.png 187w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-71-172x300.png 172w\" sizes=\"auto, (max-width: 187px) 100vw, 187px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can search for pattern name, filter by free\/pro attribute on the top right panel:<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"415\" height=\"149\" src=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/11\/image-2.png\" alt=\"\" class=\"wp-image-4994\" srcset=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/11\/image-2.png 415w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/11\/image-2-300x108.png 300w\" sizes=\"auto, (max-width: 415px) 100vw, 415px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To show patterns larger\/smaller, please click on these icons (beside the search box):<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"43\" height=\"41\" src=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-73.png\" alt=\"\" class=\"wp-image-4598\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"38\" height=\"36\" src=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-74.png\" alt=\"\" class=\"wp-image-4599\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><span class=\"prokeys-snippet-text\">Best regards,<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>To use the prebuilt patterns on the Block Editor, please follow below steps: (hover on each pattern you will see a preview icon, click on it to see live preview of that pattern) A Pro pattern will have &#8220;Upgrade Now&#8221; button to purchase the Pro version and get access to all Pro patterns. After upgrade, &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/contentviewspro.com\/documentation\/article\/how-to-use-prebuilt-patterns\/\"> <span class=\"screen-reader-text\">How to use prebuilt Patterns?<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"doc_category":[8],"doc_tag":[],"class_list":["post-4593","docs","type-docs","status-publish","hentry","doc_category-gutenberg-blocks"],"year_month":"2026-09","word_count":192,"total_views":"2","reactions":{"happy":"0","normal":"1","sad":"0"},"author_info":{"name":"admin1","author_nicename":"admin1","author_url":"https:\/\/contentviewspro.com\/documentation\/author\/admin1\/"},"doc_category_info":[{"term_name":"Gutenberg Blocks","term_url":"https:\/\/contentviewspro.com\/documentation\/cats\/gutenberg-blocks\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/4593","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/comments?post=4593"}],"version-history":[{"count":22,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/4593\/revisions"}],"predecessor-version":[{"id":5055,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/4593\/revisions\/5055"}],"wp:attachment":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/media?parent=4593"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_category?post=4593"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=4593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}