{"id":15985,"date":"2021-08-18T15:08:59","date_gmt":"2021-08-18T09:38:59","guid":{"rendered":"https:\/\/www.techeshta.com\/docs\/layouts-for-elementor\/getting-started\/installation-of-layouts-for-elementor\/"},"modified":"2021-08-18T15:32:12","modified_gmt":"2021-08-18T10:02:12","slug":"installation-of-layouts-for-elementor","status":"publish","type":"docs","link":"https:\/\/www.techeshta.com\/docs\/layouts-for-elementor\/getting-started\/installation-of-layouts-for-elementor\/","title":{"rendered":"Installation of Layouts for Elementor"},"content":{"rendered":"

System Requirements<\/strong><\/p>\n

To get the best sense of the\u00a0<\/span>Card Elements of Elementor.<\/span><\/strong>\u00a0We suggest the following system setup:<\/span><\/p>\n

    \n
  1. PHP 5.6 or later<\/span><\/li>\n
  2. MySQL 5.6 or later<\/span><\/li>\n
  3. WordPress 4.9.0 or later<\/span><\/li>\n
  4. Elementor 2.0 or later<\/span><\/li>\n<\/ol>\n

    This documentation assumes you have already installed WordPress. If you do not know how to install WordPress, you can contact your hosting provider for assistance. Also, ask him to make sure that the PHP and MySQL versions above are ensured.<\/span><\/p>\n

    Configuration<\/strong><\/p>\n

    Please download the main plugin file from\u00a0<\/span>wordpress.org<\/span><\/strong><\/a>.<\/span><\/strong>\u00a0After that, follow the below steps:<\/span><\/p>\n

      \n
    1. Login to the admin panel of WordPress<\/span><\/li>\n
    2. Navigate to\u00a0<\/span>Plugins<\/span><\/strong>\u2192\u00a0<\/span>Add New<\/span><\/strong>and top of the page,\u00a0<\/span>Upload Plugin<\/span><\/strong>\u00a0button. Click on it and select a\u00a0<\/span>layouts-for-elementor.zip\u00a0<\/span><\/strong>file for the following process. Click\u00a0<\/span>Install<\/span><\/strong>\u00a0and, once installed, as well as click\u00a0<\/span>Activate<\/span><\/strong>.<\/span><\/li>\n
    3. It is an\u00a0<\/span>Elementor<\/span><\/strong>plugin AddOn. So, if you haven’t an Elementor plugin installed with the site, it will ask you to install the Elementor plugin with the site via admin notice.<\/span><\/li>\n
    4. Once it has been done, enjoy a new template design with Elementor while editing pages.<\/span><\/li>\n<\/ol>\n

      That’s it! You have configured\u00a0<\/span>Layouts for the Elementor<\/span><\/strong>\u00a0plugin correctly.<\/span><\/p>\n","protected":false},"featured_media":15634,"parent":15983,"menu_order":1,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"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":"default","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}}},"doc_tag":[444],"acf":[],"yoast_head":"\nInstallation of Layouts for Elementor WordPress Plugin<\/title>\n<meta name=\"description\" content=\"Here is the Installation of Layouts for Elementor WordPress Plugin. So, you can easily understand the plugin flow.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.techeshta.com\/docs\/layouts-for-elementor\/getting-started\/installation-of-layouts-for-elementor\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Installation of Layouts for Elementor WordPress Plugin\" \/>\n<meta property=\"og:description\" content=\"Here is the Installation of Layouts for Elementor WordPress Plugin. So, you can easily understand the plugin flow.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.techeshta.com\/docs\/layouts-for-elementor\/getting-started\/installation-of-layouts-for-elementor\/\" \/>\n<meta property=\"og:site_name\" content=\"Techeshta\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/techeshta\/\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-18T10:02:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.techeshta.com\/wp-content\/uploads\/2021\/08\/layouts-for-elementor-product-banner.png\" \/>\n\t<meta property=\"og:image:width\" content=\"986\" \/>\n\t<meta property=\"og:image:height\" content=\"470\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Installation of Layouts for Elementor WordPress Plugin\" \/>\n<meta name=\"twitter:description\" content=\"Here is the Installation of Layouts for Elementor WordPress Plugin. So, you can easily understand the plugin flow.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.techeshta.com\/wp-content\/uploads\/2021\/08\/layouts-for-elementor-product-banner.png\" \/>\n<meta name=\"twitter:site\" content=\"@techeshta\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.techeshta.com\/docs\/layouts-for-elementor\/getting-started\/installation-of-layouts-for-elementor\/\",\"url\":\"https:\/\/www.techeshta.com\/docs\/layouts-for-elementor\/getting-started\/installation-of-layouts-for-elementor\/\",\"name\":\"Installation of Layouts for Elementor WordPress Plugin\",\"isPartOf\":{\"@id\":\"https:\/\/www.techeshta.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.techeshta.com\/docs\/layouts-for-elementor\/getting-started\/installation-of-layouts-for-elementor\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.techeshta.com\/docs\/layouts-for-elementor\/getting-started\/installation-of-layouts-for-elementor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.techeshta.com\/wp-content\/uploads\/2021\/08\/layouts-for-elementor-product-banner.png\",\"datePublished\":\"2021-08-18T09:38:59+00:00\",\"dateModified\":\"2021-08-18T10:02:12+00:00\",\"description\":\"Here is the Installation of Layouts for Elementor WordPress Plugin. So, you can easily understand the plugin flow.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.techeshta.com\/docs\/layouts-for-elementor\/getting-started\/installation-of-layouts-for-elementor\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.techeshta.com\/docs\/layouts-for-elementor\/getting-started\/installation-of-layouts-for-elementor\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.techeshta.com\/docs\/layouts-for-elementor\/getting-started\/installation-of-layouts-for-elementor\/#primaryimage\",\"url\":\"https:\/\/www.techeshta.com\/wp-content\/uploads\/2021\/08\/layouts-for-elementor-product-banner.png\",\"contentUrl\":\"https:\/\/www.techeshta.com\/wp-content\/uploads\/2021\/08\/layouts-for-elementor-product-banner.png\",\"width\":986,\"height\":470,\"caption\":\"layouts-for-elementor-product-banner\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.techeshta.com\/docs\/layouts-for-elementor\/getting-started\/installation-of-layouts-for-elementor\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.techeshta.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Layouts for Elementor\",\"item\":\"https:\/\/www.techeshta.com\/docs\/layouts-for-elementor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Getting Started\",\"item\":\"https:\/\/www.techeshta.com\/docs\/layouts-for-elementor\/getting-started\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Installation of Layouts for Elementor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.techeshta.com\/#website\",\"url\":\"https:\/\/www.techeshta.com\/\",\"name\":\"Techeshta\",\"description\":\"Web Design & Marketing Company\",\"publisher\":{\"@id\":\"https:\/\/www.techeshta.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.techeshta.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.techeshta.com\/#organization\",\"name\":\"Techeshta\",\"url\":\"https:\/\/www.techeshta.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.techeshta.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.techeshta.com\/wp-content\/uploads\/2019\/01\/techeshta-logo.png\",\"contentUrl\":\"https:\/\/www.techeshta.com\/wp-content\/uploads\/2019\/01\/techeshta-logo.png\",\"width\":512,\"height\":512,\"caption\":\"Techeshta\"},\"image\":{\"@id\":\"https:\/\/www.techeshta.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/techeshta\/\",\"https:\/\/twitter.com\/techeshta\",\"https:\/\/www.instagram.com\/techeshta\/\",\"https:\/\/www.linkedin.com\/company\/techeshta\/\",\"https:\/\/in.pinterest.com\/techeshta\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Installation of Layouts for Elementor WordPress Plugin","description":"Here is the Installation of Layouts for Elementor WordPress Plugin. So, you can easily understand the plugin flow.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.techeshta.com\/docs\/layouts-for-elementor\/getting-started\/installation-of-layouts-for-elementor\/","og_locale":"en_US","og_type":"article","og_title":"Installation of Layouts for Elementor WordPress Plugin","og_description":"Here is the Installation of Layouts for Elementor WordPress Plugin. So, you can easily understand the plugin flow.","og_url":"https:\/\/www.techeshta.com\/docs\/layouts-for-elementor\/getting-started\/installation-of-layouts-for-elementor\/","og_site_name":"Techeshta","article_publisher":"https:\/\/www.facebook.com\/techeshta\/","article_modified_time":"2021-08-18T10:02:12+00:00","og_image":[{"width":986,"height":470,"url":"https:\/\/www.techeshta.com\/wp-content\/uploads\/2021\/08\/layouts-for-elementor-product-banner.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_title":"Installation of Layouts for Elementor WordPress Plugin","twitter_description":"Here is the Installation of Layouts for Elementor WordPress Plugin. So, you can easily understand the plugin flow.","twitter_image":"https:\/\/www.techeshta.com\/wp-content\/uploads\/2021\/08\/layouts-for-elementor-product-banner.png","twitter_site":"@techeshta","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.techeshta.com\/docs\/layouts-for-elementor\/getting-started\/installation-of-layouts-for-elementor\/","url":"https:\/\/www.techeshta.com\/docs\/layouts-for-elementor\/getting-started\/installation-of-layouts-for-elementor\/","name":"Installation of Layouts for Elementor WordPress Plugin","isPartOf":{"@id":"https:\/\/www.techeshta.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.techeshta.com\/docs\/layouts-for-elementor\/getting-started\/installation-of-layouts-for-elementor\/#primaryimage"},"image":{"@id":"https:\/\/www.techeshta.com\/docs\/layouts-for-elementor\/getting-started\/installation-of-layouts-for-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/www.techeshta.com\/wp-content\/uploads\/2021\/08\/layouts-for-elementor-product-banner.png","datePublished":"2021-08-18T09:38:59+00:00","dateModified":"2021-08-18T10:02:12+00:00","description":"Here is the Installation of Layouts for Elementor WordPress Plugin. So, you can easily understand the plugin flow.","breadcrumb":{"@id":"https:\/\/www.techeshta.com\/docs\/layouts-for-elementor\/getting-started\/installation-of-layouts-for-elementor\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.techeshta.com\/docs\/layouts-for-elementor\/getting-started\/installation-of-layouts-for-elementor\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.techeshta.com\/docs\/layouts-for-elementor\/getting-started\/installation-of-layouts-for-elementor\/#primaryimage","url":"https:\/\/www.techeshta.com\/wp-content\/uploads\/2021\/08\/layouts-for-elementor-product-banner.png","contentUrl":"https:\/\/www.techeshta.com\/wp-content\/uploads\/2021\/08\/layouts-for-elementor-product-banner.png","width":986,"height":470,"caption":"layouts-for-elementor-product-banner"},{"@type":"BreadcrumbList","@id":"https:\/\/www.techeshta.com\/docs\/layouts-for-elementor\/getting-started\/installation-of-layouts-for-elementor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.techeshta.com\/"},{"@type":"ListItem","position":2,"name":"Layouts for Elementor","item":"https:\/\/www.techeshta.com\/docs\/layouts-for-elementor\/"},{"@type":"ListItem","position":3,"name":"Getting Started","item":"https:\/\/www.techeshta.com\/docs\/layouts-for-elementor\/getting-started\/"},{"@type":"ListItem","position":4,"name":"Installation of Layouts for Elementor"}]},{"@type":"WebSite","@id":"https:\/\/www.techeshta.com\/#website","url":"https:\/\/www.techeshta.com\/","name":"Techeshta","description":"Web Design & Marketing Company","publisher":{"@id":"https:\/\/www.techeshta.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.techeshta.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.techeshta.com\/#organization","name":"Techeshta","url":"https:\/\/www.techeshta.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.techeshta.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.techeshta.com\/wp-content\/uploads\/2019\/01\/techeshta-logo.png","contentUrl":"https:\/\/www.techeshta.com\/wp-content\/uploads\/2019\/01\/techeshta-logo.png","width":512,"height":512,"caption":"Techeshta"},"image":{"@id":"https:\/\/www.techeshta.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/techeshta\/","https:\/\/twitter.com\/techeshta","https:\/\/www.instagram.com\/techeshta\/","https:\/\/www.linkedin.com\/company\/techeshta\/","https:\/\/in.pinterest.com\/techeshta\/"]}]}},"comment_count":0,"_links":{"self":[{"href":"https:\/\/www.techeshta.com\/wp-json\/wp\/v2\/docs\/15985"}],"collection":[{"href":"https:\/\/www.techeshta.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.techeshta.com\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/www.techeshta.com\/wp-json\/wp\/v2\/comments?post=15985"}],"version-history":[{"count":0,"href":"https:\/\/www.techeshta.com\/wp-json\/wp\/v2\/docs\/15985\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.techeshta.com\/wp-json\/wp\/v2\/docs\/15983"}],"prev":[{"title":"Introduction of Layouts for Elementor","link":"https:\/\/www.techeshta.com\/docs\/layouts-for-elementor\/getting-started\/introduction-of-layouts-for-elementor\/","href":"https:\/\/www.techeshta.com\/wp-json\/wp\/v2\/docs\/15984"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.techeshta.com\/wp-json\/wp\/v2\/media\/15634"}],"wp:attachment":[{"href":"https:\/\/www.techeshta.com\/wp-json\/wp\/v2\/media?parent=15985"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.techeshta.com\/wp-json\/wp\/v2\/doc_tag?post=15985"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}