{"id":2306,"date":"2026-06-04T11:14:42","date_gmt":"2026-06-04T11:14:42","guid":{"rendered":"https:\/\/locationweather.io\/docs\/?post_type=docs&#038;p=2306"},"modified":"2026-06-04T11:15:29","modified_gmt":"2026-06-04T11:15:29","slug":"how-to-use-location-weather-blocks-in-elementor-by-saved-templates","status":"publish","type":"docs","link":"https:\/\/locationweather.io\/docs\/how-to-use-location-weather-blocks-in-elementor-by-saved-templates\/","title":{"rendered":"How to Use Location Weather Blocks in Elementor by Saved Templates"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>Elementor<\/strong> is one of the most popular WordPress page builders. In this guide, we\u2019ll show you how to display your pre-built <strong>Location Weather Saved Templates<\/strong> inside any Elementor page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">By enabling the <strong>Elementor Page Builder Addon<\/strong>, you can use a simple shortcode to place your ready-made weather blocks directly inside the Elementor editor. No rebuilding from scratch \u2014 just paste the shortcode and your fully styled weather block appears instantly.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">You can complete this in 2 Simple Steps:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Step 1:<\/strong> Install Location Weather and create a Weather Block.<\/li>\n\n\n\n<li><strong>Step 2:<\/strong> Add the shortcode inside Elementor using Location Weather Saved Templates.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Install Location Weather and Create a Weather Block<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If you haven&#8217;t already, install and activate <strong>Location Weather<\/strong>, enter your licence key, and configure at least one weather block. Once it&#8217;s saved, it will appear under <strong>Location Weather \u2192 Saved Templates<\/strong> with its own shortcode.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Add the Shortcode inside Elementor Using Location Weather Saved Templates<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Follow these 5 steps to place your Saved Template into Elementor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>1. Enable Elementor Addon<\/strong>&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to your WordPress dashboard, navigate to <strong>Location Weather<\/strong>, and click the <strong>Integrations<\/strong> tab.&nbsp;<\/li>\n\n\n\n<li>Scroll to <strong>Page Builder Addons<\/strong> and switch the <strong>Elementor<\/strong> toggle to <strong>ON<\/strong>. Click <strong>Save<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a2bbd787831a&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a2bbd787831a\" class=\"wp-block-image aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"470\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/locationweather.io\/docs\/wp-content\/uploads\/2026\/06\/How-to-Use-Location-Weather-Blocks-in-Elementor-using-Saved-Templates-1-1024x470.png\" alt=\"\" class=\"wp-image-2310\" srcset=\"https:\/\/locationweather.io\/docs\/wp-content\/uploads\/2026\/06\/How-to-Use-Location-Weather-Blocks-in-Elementor-using-Saved-Templates-1-1024x470.png 1024w, https:\/\/locationweather.io\/docs\/wp-content\/uploads\/2026\/06\/How-to-Use-Location-Weather-Blocks-in-Elementor-using-Saved-Templates-1-300x138.png 300w, https:\/\/locationweather.io\/docs\/wp-content\/uploads\/2026\/06\/How-to-Use-Location-Weather-Blocks-in-Elementor-using-Saved-Templates-1-768x353.png 768w, https:\/\/locationweather.io\/docs\/wp-content\/uploads\/2026\/06\/How-to-Use-Location-Weather-Blocks-in-Elementor-using-Saved-Templates-1.png 1465w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2. Copy the Shortcode<\/strong>&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to <strong>Location Weather \u2192 Saved Templates<\/strong>.&nbsp;<\/li>\n\n\n\n<li>Find the template you want to use and click the shortcode snippet in the <strong>Shortcode<\/strong> column (for example, [sp_lw_template id=&#8221;101&#8243;]) to copy it.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a2bbd78788e6&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a2bbd78788e6\" class=\"wp-block-image aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"440\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/locationweather.io\/docs\/wp-content\/uploads\/2026\/06\/How-to-Use-Location-Weather-Saved-Template-for-Page-Builder-Integrations-2-1024x440.png\" alt=\"\" class=\"wp-image-2311\" srcset=\"https:\/\/locationweather.io\/docs\/wp-content\/uploads\/2026\/06\/How-to-Use-Location-Weather-Saved-Template-for-Page-Builder-Integrations-2-1024x440.png 1024w, https:\/\/locationweather.io\/docs\/wp-content\/uploads\/2026\/06\/How-to-Use-Location-Weather-Saved-Template-for-Page-Builder-Integrations-2-300x129.png 300w, https:\/\/locationweather.io\/docs\/wp-content\/uploads\/2026\/06\/How-to-Use-Location-Weather-Saved-Template-for-Page-Builder-Integrations-2-768x330.png 768w, https:\/\/locationweather.io\/docs\/wp-content\/uploads\/2026\/06\/How-to-Use-Location-Weather-Saved-Template-for-Page-Builder-Integrations-2.png 1436w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>3. Open Elementor<\/strong>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Open the page where you want the weather block to appear and click <strong>Edit with Elementor<\/strong>.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a2bbd7878f23&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a2bbd7878f23\" class=\"wp-block-image aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"473\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/locationweather.io\/docs\/wp-content\/uploads\/2026\/06\/How-to-Add-Saved-Template-Shortcode-in-Elementor-1024x473.png\" alt=\"\" class=\"wp-image-2312\" srcset=\"https:\/\/locationweather.io\/docs\/wp-content\/uploads\/2026\/06\/How-to-Add-Saved-Template-Shortcode-in-Elementor-1024x473.png 1024w, https:\/\/locationweather.io\/docs\/wp-content\/uploads\/2026\/06\/How-to-Add-Saved-Template-Shortcode-in-Elementor-300x138.png 300w, https:\/\/locationweather.io\/docs\/wp-content\/uploads\/2026\/06\/How-to-Add-Saved-Template-Shortcode-in-Elementor-768x354.png 768w, https:\/\/locationweather.io\/docs\/wp-content\/uploads\/2026\/06\/How-to-Add-Saved-Template-Shortcode-in-Elementor.png 1482w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>4. Place the Widget<\/strong>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the left Elementor panel, search for <strong>Saved Template <\/strong>and select the preferred <strong>weather widget <\/strong>for your page layout.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a2bbd7879401&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a2bbd7879401\" class=\"wp-block-image aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"432\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/locationweather.io\/docs\/wp-content\/uploads\/2026\/06\/How-to-Find-Location-Weather-Saved-Templates-in-Elementor-1024x432.png\" alt=\"\" class=\"wp-image-2313\" srcset=\"https:\/\/locationweather.io\/docs\/wp-content\/uploads\/2026\/06\/How-to-Find-Location-Weather-Saved-Templates-in-Elementor-1024x432.png 1024w, https:\/\/locationweather.io\/docs\/wp-content\/uploads\/2026\/06\/How-to-Find-Location-Weather-Saved-Templates-in-Elementor-300x127.png 300w, https:\/\/locationweather.io\/docs\/wp-content\/uploads\/2026\/06\/How-to-Find-Location-Weather-Saved-Templates-in-Elementor-768x324.png 768w, https:\/\/locationweather.io\/docs\/wp-content\/uploads\/2026\/06\/How-to-Find-Location-Weather-Saved-Templates-in-Elementor.png 1485w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>5. Choose and Edit the Saved Template<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>After finding the Saved Template widget, in the left settings panel, choose, edit, and add new templates directly from Elementor as needed.&nbsp;<\/li>\n\n\n\n<li>You can easily add style to make it more attractive in the Elementor canvas.<\/li>\n\n\n\n<li>Click <strong>Publish<\/strong> or <strong>Update<\/strong> to save the page.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a2bbd787999a&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a2bbd787999a\" class=\"wp-block-image aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"464\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/locationweather.io\/docs\/wp-content\/uploads\/2026\/06\/How-to-Edit-Add-Publish-Location-Weather-Saved-Templates-in-Elementor-1024x464.png\" alt=\"\" class=\"wp-image-2315\" srcset=\"https:\/\/locationweather.io\/docs\/wp-content\/uploads\/2026\/06\/How-to-Edit-Add-Publish-Location-Weather-Saved-Templates-in-Elementor-1024x464.png 1024w, https:\/\/locationweather.io\/docs\/wp-content\/uploads\/2026\/06\/How-to-Edit-Add-Publish-Location-Weather-Saved-Templates-in-Elementor-300x136.png 300w, https:\/\/locationweather.io\/docs\/wp-content\/uploads\/2026\/06\/How-to-Edit-Add-Publish-Location-Weather-Saved-Templates-in-Elementor-768x348.png 768w, https:\/\/locationweather.io\/docs\/wp-content\/uploads\/2026\/06\/How-to-Edit-Add-Publish-Location-Weather-Saved-Templates-in-Elementor.png 1477w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Tip:<\/strong> After publishing, open the page on the frontend to confirm the weather block is rendering correctly. If it doesn&#8217;t appear, check that the Elementor addon is toggled <strong>ON<\/strong> under <strong>Location Weather \u2192 Integrations<\/strong>.<\/p>\n","protected":false},"parent":0,"menu_order":2,"template":"","docs_cat":[6],"class_list":["post-2306","docs","type-docs","status-publish","hentry","docs_cat-page-builders"],"taxonomy_info":{"docs_cat":[{"value":6,"label":"Page Builders"}]},"featured_image_src_large":[],"author_info":[],"comment_info":"","_links":{"self":[{"href":"https:\/\/locationweather.io\/docs\/wp-json\/wp\/v2\/docs\/2306","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/locationweather.io\/docs\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/locationweather.io\/docs\/wp-json\/wp\/v2\/types\/docs"}],"version-history":[{"count":1,"href":"https:\/\/locationweather.io\/docs\/wp-json\/wp\/v2\/docs\/2306\/revisions"}],"predecessor-version":[{"id":2316,"href":"https:\/\/locationweather.io\/docs\/wp-json\/wp\/v2\/docs\/2306\/revisions\/2316"}],"wp:attachment":[{"href":"https:\/\/locationweather.io\/docs\/wp-json\/wp\/v2\/media?parent=2306"}],"wp:term":[{"taxonomy":"docs_cat","embeddable":true,"href":"https:\/\/locationweather.io\/docs\/wp-json\/wp\/v2\/docs_cat?post=2306"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}