{"id":3001,"date":"2021-06-23T08:16:46","date_gmt":"2021-06-23T08:16:46","guid":{"rendered":"https:\/\/elementor.com\/academy\/?p=3001"},"modified":"2023-02-21T10:45:10","modified_gmt":"2023-02-21T10:45:10","slug":"embed-elementor-templates-in-customizer-widgets-area-inside-themes-anywhere-pro","status":"publish","type":"post","link":"https:\/\/elementor.com\/academy\/embed-elementor-templates-in-customizer-widgets-area-inside-themes-anywhere-pro\/","title":{"rendered":"Embed Templates"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3001\" class=\"elementor elementor-3001\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6c7952e8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6c7952e8\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5d4202e7\" data-id=\"5d4202e7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-231e7b8f elementor-widget elementor-widget-video\" data-id=\"231e7b8f\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=0srVsjqlJmY&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8cf9d56 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8cf9d56\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-145c643e\" data-id=\"145c643e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5aa12c9d elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"5aa12c9d\" data-element_type=\"widget\" data-widget_type=\"tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-tabs\">\n\t\t\t<div class=\"elementor-tabs-wrapper\" role=\"tablist\" >\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1521\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1521\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1522\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1522\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"elementor-tabs-content-wrapper\" role=\"tablist\" aria-orientation=\"vertical\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1521\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1521\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1521\" tabindex=\"0\" hidden=\"false\"><p>Get your page builder everywhere and anywhere! In the video, we show how to insert a designed page builder template into the sidebar, to make the whole page look more stylish and inviting. We also examine two other ways to embed Elementor page builder templates anywhere in your website.<\/p><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1522\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1522\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1522\" tabindex=\"0\" hidden=\"hidden\"><p><br \/>hey everyone this is Noah from Elementor<br \/>have you ever wanted full control over<br \/>your sidebars design without having to<br \/>limit yourself to the WordPress or<br \/>themes built in settings if so this is<br \/>the right tutorial for you in this video<br \/>I&#8217;ll be showing you how in the simplest<br \/>of ways you could use your saved<br \/>Elementor templates to insert creative<br \/>designs into widget areas or into any<br \/>area that supports short codes this<br \/>includes sidebars footers pop-ups you<br \/>name it so let&#8217;s begin as you could see<br \/>here I have a standard blog post with a<br \/>standard WordPress sidebar the page<br \/>needs some touch-ups so I&#8217;d like to add<br \/>a design sidebar display of my own now<br \/>you probably remember how to save a<br \/>section as a template in Elementor and<br \/>where all the templates are listed<br \/>nevertheless we&#8217;ll head over to the<br \/>dashboard<br \/>Elementor my library where you could<br \/>find all the saved templates from here<br \/>you have a direct link to add a new<br \/>template and edit it within Elementor<br \/>but I already added a new template and<br \/>saved it as blog sidebar let&#8217;s edit it<br \/>before we continue here is a little<br \/>sweet tip if you are designing a<br \/>template for your sidebar and you want<br \/>to view it in a more suitable width you<br \/>could always go over to the mobile mode<br \/>of the page alright<br \/>so here you can see the template itself<br \/>and now I&#8217;d like to show you how to<br \/>insert this save template as the post<br \/>sidebar so I&#8217;ll head over to the<br \/>dashboard again and appearance widgets<br \/>and here you will find our cool<br \/>Elementor template widgets and once it&#8217;s<br \/>dragged into the sidebar I could select<br \/>the template that I want so I&#8217;ll select<br \/>this one now note how right after you<br \/>select a template you have a direct link<br \/>to edit it then I&#8217;ll save and I&#8217;ll just<br \/>quickly erase the rest of these widgets<br \/>and now I&#8217;ll go back to my post right<br \/>here and refresh its and will you look<br \/>at that so simple now I&#8217;d like to change<br \/>the background of the about me area so<br \/>in the templates editing page right here<br \/>I&#8217;ll head over to the section and style<br \/>and I&#8217;ll give it an image say this one<br \/>and a background overlay alright and<br \/>then I will save it and I&#8217;ll go back to<br \/>our post refresh it and see how the<br \/>background has changed here as well and<br \/>now that we are on the topic of widgets<br \/>note that alimentar itself also has a<br \/>template widget if I open here a new<br \/>page edit with Elementor<br \/>see how here too you have a template<br \/>widget which you could drag in and<br \/>select the template of your choice say<br \/>this one so now that we went over the<br \/>widget option for the templates I&#8217;ll<br \/>show you the shortcode option so we&#8217;ll<br \/>head back to the dashboard<br \/>Elementor my library and as you could<br \/>see each and every template has its own<br \/>shortcode so for example if I want to<br \/>add it to our post a newsletter signup<br \/>area right in the middle of its contents<br \/>so all I do is go over to the template<br \/>that I want and copy its shortcode then<br \/>head over to our post and edit it and<br \/>then I could paste the shortcode<br \/>wherever that I want stay here<br \/>update<br \/>view it and here it is<br \/>this powerful feature and widget is so<br \/>helpful it opens for you and unlimited<br \/>design control over your entire websites<br \/>display simply amazing I hope you<br \/>enjoyed this video for more videos and<br \/>tutorials subscribe our youtube channel<br \/>or visit us at Doc&#8217;s Elementor com<br \/><br \/><\/p><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Overview Transcript Overview Get your page builder everywhere and anywhere! In the video, we show how to insert a designed page builder template into the sidebar, to make the whole page look more stylish and inviting. We also examine two other ways to embed Elementor page builder templates anywhere in your website. Transcript hey everyone [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[],"class_list":["post-3001","post","type-post","status-publish","format-standard","hentry","category-other"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Embed Templates - Academy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/academy\/embed-elementor-templates-in-customizer-widgets-area-inside-themes-anywhere-pro\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Embed Templates - Academy\" \/>\n<meta property=\"og:description\" content=\"Overview Transcript Overview Get your page builder everywhere and anywhere! In the video, we show how to insert a designed page builder template into the sidebar, to make the whole page look more stylish and inviting. We also examine two other ways to embed Elementor page builder templates anywhere in your website. Transcript hey everyone [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/academy\/embed-elementor-templates-in-customizer-widgets-area-inside-themes-anywhere-pro\/\" \/>\n<meta property=\"og:site_name\" content=\"Academy\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-23T08:16:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-21T10:45:10+00:00\" \/>\n<meta name=\"author\" content=\"Hodaya\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hodaya\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Embed Templates - Academy","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:\/\/elementor.com\/academy\/embed-elementor-templates-in-customizer-widgets-area-inside-themes-anywhere-pro\/","og_locale":"en_US","og_type":"article","og_title":"Embed Templates - Academy","og_description":"Overview Transcript Overview Get your page builder everywhere and anywhere! In the video, we show how to insert a designed page builder template into the sidebar, to make the whole page look more stylish and inviting. We also examine two other ways to embed Elementor page builder templates anywhere in your website. Transcript hey everyone [&hellip;]","og_url":"https:\/\/elementor.com\/academy\/embed-elementor-templates-in-customizer-widgets-area-inside-themes-anywhere-pro\/","og_site_name":"Academy","article_published_time":"2021-06-23T08:16:46+00:00","article_modified_time":"2023-02-21T10:45:10+00:00","author":"Hodaya","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Hodaya","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/academy\/embed-elementor-templates-in-customizer-widgets-area-inside-themes-anywhere-pro\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/embed-elementor-templates-in-customizer-widgets-area-inside-themes-anywhere-pro\/"},"author":{"name":"Hodaya","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c"},"headline":"Embed Templates","datePublished":"2021-06-23T08:16:46+00:00","dateModified":"2023-02-21T10:45:10+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/academy\/embed-elementor-templates-in-customizer-widgets-area-inside-themes-anywhere-pro\/"},"wordCount":705,"publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"articleSection":["Other"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/academy\/embed-elementor-templates-in-customizer-widgets-area-inside-themes-anywhere-pro\/","url":"https:\/\/elementor.com\/academy\/embed-elementor-templates-in-customizer-widgets-area-inside-themes-anywhere-pro\/","name":"Embed Templates - Academy","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/#website"},"datePublished":"2021-06-23T08:16:46+00:00","dateModified":"2023-02-21T10:45:10+00:00","breadcrumb":{"@id":"https:\/\/elementor.com\/academy\/embed-elementor-templates-in-customizer-widgets-area-inside-themes-anywhere-pro\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/academy\/embed-elementor-templates-in-customizer-widgets-area-inside-themes-anywhere-pro\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/academy\/embed-elementor-templates-in-customizer-widgets-area-inside-themes-anywhere-pro\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Elementor","item":"https:\/\/elementor.com\/"},{"@type":"ListItem","position":2,"name":"Academy","item":"https:\/\/elementor.com\/academy\/"},{"@type":"ListItem","position":3,"name":"Other","item":"https:\/\/elementor.com\/academy\/other\/"},{"@type":"ListItem","position":4,"name":"Embed Templates"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/academy\/#website","url":"https:\/\/elementor.com\/academy\/","name":"Elementor Academy","description":"Page Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/academy\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/academy\/#organization","name":"Elementor Academy","alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","url":"https:\/\/elementor.com\/academy\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","width":490,"height":85,"caption":"Elementor Academy"},"image":{"@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c","name":"Hodaya","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/324f2d5cff44331b747d766f10e31793b1e29ad4f98f129d409760191f88ccc5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/324f2d5cff44331b747d766f10e31793b1e29ad4f98f129d409760191f88ccc5?s=96&d=mm&r=g","caption":"Hodaya"},"url":"https:\/\/elementor.com\/academy\/author\/hodaya\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/3001","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/comments?post=3001"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/3001\/revisions"}],"predecessor-version":[{"id":9390,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/3001\/revisions\/9390"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media?parent=3001"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/categories?post=3001"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/tags?post=3001"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}