{"id":4603,"date":"2023-05-31T10:10:57","date_gmt":"2023-05-31T10:10:57","guid":{"rendered":"https:\/\/contentviewspro.com\/documentation\/?post_type=docs&#038;p=4603"},"modified":"2023-11-08T10:08:47","modified_gmt":"2023-11-08T10:08:47","password":"","slug":"how-to-use-prebuilt-templates","status":"publish","type":"docs","link":"https:\/\/contentviewspro.com\/documentation\/article\/how-to-use-prebuilt-templates\/","title":{"rendered":"How to use prebuilt Templates?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">To use the prebuilt templates 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-large\"><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<ul class=\"wp-block-list\">\n<li>A popup will appear. All prebuilt templates will be shown on the &#8220;<strong>Templates<\/strong>&#8221; tab. <\/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=\"474\" src=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-77-1024x474.png\" alt=\"\" class=\"wp-image-4604\" srcset=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-77-1024x474.png 1024w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-77-300x139.png 300w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-77-768x355.png 768w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-77.png 1251w\" 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 template will have the &#8220;<strong>Import<\/strong>&#8221; button. Clicking &#8220;<strong>Import<\/strong>&#8221; button will insert the template 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=\"233\" height=\"446\" src=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/08\/image.png\" alt=\"\" class=\"wp-image-4913\" srcset=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/08\/image.png 233w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/08\/image-157x300.png 157w\" sizes=\"auto, (max-width: 233px) 100vw, 233px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">(hover on each template you will see a preview icon, click on it to see live preview of that template)<\/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 template will have &#8220;<strong>Upgrade Now<\/strong>&#8221; button to purchase the Pro version and get access to all Pro templates. After upgrade, the &#8220;<strong>Import<\/strong>&#8221; button will be available to all templates.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"252\" height=\"438\" src=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-78.png\" alt=\"\" class=\"wp-image-4605\" srcset=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-78.png 252w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-78-173x300.png 173w\" sizes=\"auto, (max-width: 252px) 100vw, 252px\" \/><\/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 different kind of templates 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=\"182\" height=\"147\" src=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-79.png\" alt=\"\" class=\"wp-image-4606\"\/><\/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 template 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 templates 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","protected":false},"excerpt":{"rendered":"<p>To use the prebuilt templates on the Block Editor, please follow below steps: (hover on each template you will see a preview icon, click on it to see live preview of that template) A Pro template will have &#8220;Upgrade Now&#8221; button to purchase the Pro version and get access to all Pro templates. After upgrade, &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/contentviewspro.com\/documentation\/article\/how-to-use-prebuilt-templates\/\"> <span class=\"screen-reader-text\">How to use prebuilt Templates?<\/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-4603","docs","type-docs","status-publish","hentry","doc_category-gutenberg-blocks"],"year_month":"2026-09","word_count":170,"total_views":"1","reactions":{"happy":"0","normal":"0","sad":"3"},"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\/4603","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=4603"}],"version-history":[{"count":14,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/4603\/revisions"}],"predecessor-version":[{"id":5057,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/4603\/revisions\/5057"}],"wp:attachment":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/media?parent=4603"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_category?post=4603"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=4603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}