{"title":"Importing Pages and Sections with Phlox Template Kits and Elementor","id":64954,"link":"https:\/\/env.averta.net\/en\/step\/importing-pages-and-sections-with-phlox-template-kits-and-elementor\/","parent":false,"content":"<p><img decoding=\"async\" loading=\"lazy\" class=\"alignright wp-image-64958\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/template-kits-e1543833184653.jpg\" alt=\"\" width=\"550\" height=\"503\" srcset=\"https:\/\/env.averta.net\/en\/wp-content\/uploads\/template-kits-e1543833184653.jpg 1639w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/template-kits-e1543833184653-300x275.jpg 300w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/template-kits-e1543833184653-768x703.jpg 768w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/template-kits-e1543833184653-1024x937.jpg 1024w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/template-kits-e1543833184653-189x173.jpg 189w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/p>\n<p>Phlox Pro has one of the best addons for Elementor that includes some templates for your website. Phlox collects many ready made pages and sections on?<strong>Template Kits<\/strong>.<\/p>\n<p>This growing collection of various templates, lets you create any page you want in a few clicks. For example, you can have a contact page by importing one of the pre-made contact pages, or add different sections such as countdown, newsletter, etc. to your existing pages.<\/p>\n<div style=\"clear: both;\"><\/div>\n<p>Besides templates, this library also contains some sections from all of the available Phlox demos and you can freely add each section you need to your pages. So instead of importing an entire demo, you can choose a section or page from the categories and import it to your pages to speed up your web creation process and it takes less time to achieve an eye-catching website. To do so, follow these steps:<\/p>\n<ol>\n<li>Login to the <strong>WordPress Admin Panel<\/strong><\/li>\n<li>Select?<strong>Appearance &gt; Themes?<\/strong>on the <strong>Dashboard Sidebar<\/strong><\/li>\n<li>Navigate <strong>Phlox Pro<\/strong><\/li>\n<li>Go to?<strong>Template Kits<\/strong><\/li>\n<li>Select?<strong>Pages?<\/strong>or?<strong>Sections?<\/strong>on top of the library<\/li>\n<li>Choose the page\/section you want and click on the <b>Download?<\/b>button<\/li>\n<li>On the pop-up window, select <strong>Continue<\/strong><\/li>\n<li>Click on <strong>Install Plugins<\/strong>?to install all of the required plugins for running the demo<\/li>\n<li>Choose to import all of the data or select only specific data<\/li>\n<li>At the end, you can <strong>copy it to clipboard<\/strong>?or <strong>import it to your templates<\/strong><\/li>\n<\/ol>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-65028 alignnone\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/imported-template.png\" alt=\"\" width=\"500\" height=\"183\" srcset=\"https:\/\/env.averta.net\/en\/wp-content\/uploads\/imported-template.png 668w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/imported-template-300x110.png 300w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/imported-template-318x116.png 318w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-65030 alignnone\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/imported-template-2-e1543832691394.png\" alt=\"\" width=\"486\" height=\"183\" srcset=\"https:\/\/env.averta.net\/en\/wp-content\/uploads\/imported-template-2-e1543832691394.png 719w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/imported-template-2-e1543832691394-300x113.png 300w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/imported-template-2-e1543832691394-318x120.png 318w\" sizes=\"(max-width: 486px) 100vw, 486px\" \/><\/p>\n<p class=\"aswi-text-box box-info\"><strong>Note: <\/strong>To know about importing a demo from Phlox demo importer, check out <a href=\"https:\/\/env.averta.net\/en\/step\/importing-phlox-pro-demos\/?b=54487,54487\" title=\"Importing Phlox Pro Demos\">this article<\/a>.<\/p>\n<h4>Inserting a Template<\/h4>\n<p>Template Library is accessible on Elementor editing screen. On the right side of your page, you will see Elementor editing screen. Besides adding or editing elements, it is possible to choose a layout for your page. Besides prebuilt templates or block designs, you are able to choose one of your imported sections\/pages from the library.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-55436\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/elementor-panel-editing-screen.jpg\" alt=\"\" width=\"1889\" height=\"907\" srcset=\"https:\/\/env.averta.net\/en\/wp-content\/uploads\/elementor-panel-editing-screen.jpg 1889w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/elementor-panel-editing-screen-300x144.jpg 300w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/elementor-panel-editing-screen-768x369.jpg 768w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/elementor-panel-editing-screen-1024x492.jpg 1024w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/elementor-panel-editing-screen-318x153.jpg 318w\" sizes=\"(max-width: 1889px) 100vw, 1889px\" \/><\/p>\n<p>Just click?<strong>Add Template<\/strong> button. On the popped up modal you can find three tabs:?<strong>Blocks, Pages,<\/strong>?and<strong>?My Templates<\/strong>.<\/p>\n<p>On the first tab, there are some pre-made sections and you can choose one of them instead of select a columns structure yourself.<\/p>\n<p>Many pre-designed templates are available on the Pages tab. Before you add a template, you can preview your desired template by hovering on thumbnail, then click on the little magnifying icon. To add the template, you can click on the?<strong>INSERT<\/strong>?button on the top right of its preview page. Or you can directly insert the template without previewing on the library.<\/p>\n<p>The third tab shows your saved templates and sections.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-65136\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/my-templates-library.png\" alt=\"\" width=\"1198\" height=\"785\" srcset=\"https:\/\/env.averta.net\/en\/wp-content\/uploads\/my-templates-library.png 1198w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/my-templates-library-300x197.png 300w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/my-templates-library-768x503.png 768w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/my-templates-library-1024x671.png 1024w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/my-templates-library-264x173.png 264w\" sizes=\"(max-width: 1198px) 100vw, 1198px\" \/><\/p>\n","type":"solution"}