{"id":163935,"date":"2026-02-19T15:53:39","date_gmt":"2026-02-19T13:53:39","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=163935"},"modified":"2026-02-17T17:49:28","modified_gmt":"2026-02-17T15:49:28","slug":"how-to-use-angie-test-mode-for-elementor-widgets-and-snippets","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/how-to-use-angie-test-mode-for-elementor-widgets-and-snippets\/","title":{"rendered":"How to use Angie Test Mode for Elementor widgets and snippets"},"content":{"rendered":"\n

Angie Test Mode is a protective staging environment within the Angie plugin that allows you to preview code snippets and widgets without affecting your live Elementor site. It activates automatically when creating new elements, isolating changes in a “Test Mode” state until you manually select the Publish to Live<\/strong> button within the Snippets<\/strong> menu.<\/p>\n\n\n\n

What are the different widget modes?<\/h2>\n\n\n\n

Widgets can be in one of the three modes:<\/p>\n\n\n\n

    \n
  • Test environment only<\/strong>: \u2013 The snippet isn\u2019t live on your site. It\u2019s visible only when entering test mode. This is used to check the quality of the code before going live.<\/li>\n\n\n\n
  • Test & Live Not Synced<\/strong>: The snippet is live on your site, but there are unsaved changes made in Angie that are only visible in test mode. If you’re happy with the changes, you can publish them to make them live.<\/li>\n\n\n\n
  • Live & Synced:<\/strong> The snippet is live on your site and visible to all users.<\/li>\n<\/ul>\n\n\n\n

    What are the prerequisites for using Test Mode?<\/h2>\n\n\n\n
      \n
    • Angie plugin<\/strong>: Must be installed and activated.<\/li>\n<\/ul>\n\n\n\n

      How do I enter Test Mode?<\/h2>\n\n\n\n

      Test Mode triggers automatically during the creation process. You can verify the status using these visual indicators:<\/p>\n\n\n\n

        \n
      • Locate the Test Mode indicator<\/strong> at the bottom of the screen.<\/li>\n\n\n\n
      • Observe the Pink Frame<\/strong> surrounding the right pane of the editor.<\/li>\n<\/ul>\n\n\n\n
        \"Image<\/figure>\n\n\n\n

        How can I exit Test Mode and save my changes?<\/h2>\n\n\n\n

        If you\u2019re satisfied with the changes Angie made, you can save them and exit test mode.<\/p>\n\n\n\n

        To save and exist test mode<\/strong>:<\/p>\n\n\n\n

          \n
        1. From WP Admin<\/strong>: Navigate to Angie>Snippets<\/strong>.
          \"In<\/li>\n\n\n\n
        2. Publish the snippet<\/strong>: Locate the snippet you want to save and click Publish to Live<\/strong>.
          \"The<\/li>\n<\/ol>\n\n\n\n

          If the widget or snippet is causing issues with your site, or you simply want to check the live site, you can easily backtrack by exiting test mode without saving. <\/p>\n\n\n\n

          To exit test mode without saving<\/strong>:<\/p>\n\n\n\n

            \n
          • Exit without saving<\/strong>: Click the X<\/strong> in the Test mode box.
            \"The<\/li>\n<\/ul>\n\n\n\n

            Warning<\/strong>: If you exit test mode without saving, you will no longer see your widget or snippet. You will be able to access them again by re-entering test mode.<\/p>\n\n\n\n

            Restart test mode<\/h2>\n\n\n\n

            If a snippet causes errors or you wish to discard changes, you can backtrack using this process:<\/p>\n\n\n\n

              \n
            1. From WP Admin<\/strong>: Navigate to Angie>Snippets<\/strong>.
              \"In<\/li>\n\n\n\n
            2. Turn on testing<\/strong>: At the top of the screen, click Enable Dev Mode<\/strong>.
              \"The<\/li>\n<\/ol>\n\n\n\n

              Test mode is re-enabled and you can access the unsaved widgets and code snippets.
              When you open a page containing the widget or code snippet, you may have to refresh the page in order to see the widget or snippet. <\/p>\n","protected":false},"excerpt":{"rendered":"

              Angie Test Mode is a protective staging environment within the Angie plugin that allows you to preview code snippets and widgets without affecting your live Elementor site. It activates automatically when creating new elements, isolating changes in a “Test Mode” state until you manually select the Publish to Live button within the Snippets menu. What […]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":[],"footnotes":""},"categories":[2203],"tags":[1359],"class_list":["post-163935","post","type-post","status-publish","format-standard","hentry","category-angie","tag-elementor-ai"],"acf":[],"yoast_head":"\nHow to use Angie Test Mode for Elementor widgets and snippets | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about How to use Angie Test Mode for Elementor widgets and snippets in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\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\/help\/how-to-use-angie-test-mode-for-elementor-widgets-and-snippets\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to use Angie Test Mode for Elementor widgets and snippets | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about How to use Angie Test Mode for Elementor widgets and snippets in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/how-to-use-angie-test-mode-for-elementor-widgets-and-snippets\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2026-02-19T13:53:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/1-enter-test-mode.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1424\" \/>\n\t<meta property=\"og:image:height\" content=\"891\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Cliff Churgin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cliff Churgin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/how-to-use-angie-test-mode-for-elementor-widgets-and-snippets\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-use-angie-test-mode-for-elementor-widgets-and-snippets\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"How to use Angie Test Mode for Elementor widgets and snippets\",\"datePublished\":\"2026-02-19T13:53:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-use-angie-test-mode-for-elementor-widgets-and-snippets\/\"},\"wordCount\":442,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-use-angie-test-mode-for-elementor-widgets-and-snippets\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/1-enter-test-mode-1024x641.png\",\"keywords\":[\"Elementor AI\"],\"articleSection\":[\"Angie\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/how-to-use-angie-test-mode-for-elementor-widgets-and-snippets\/\",\"url\":\"https:\/\/elementor.com\/help\/how-to-use-angie-test-mode-for-elementor-widgets-and-snippets\/\",\"name\":\"How to use Angie Test Mode for Elementor widgets and snippets | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-use-angie-test-mode-for-elementor-widgets-and-snippets\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-use-angie-test-mode-for-elementor-widgets-and-snippets\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/1-enter-test-mode-1024x641.png\",\"datePublished\":\"2026-02-19T13:53:39+00:00\",\"description\":\"Learn everything about How to use Angie Test Mode for Elementor widgets and snippets in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/how-to-use-angie-test-mode-for-elementor-widgets-and-snippets\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/how-to-use-angie-test-mode-for-elementor-widgets-and-snippets\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/how-to-use-angie-test-mode-for-elementor-widgets-and-snippets\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/1-enter-test-mode.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/1-enter-test-mode.png\",\"width\":1424,\"height\":891,\"caption\":\"Image of the test mode window and pink frame.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/how-to-use-angie-test-mode-for-elementor-widgets-and-snippets\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor AI\",\"item\":\"https:\/\/elementor.com\/help\/elementor-ai\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Angie\",\"item\":\"https:\/\/elementor.com\/help\/elementor-ai\/angie\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"How to use Angie Test Mode for Elementor widgets and snippets\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\",\"name\":\"Cliff Churgin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"caption\":\"Cliff Churgin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to use Angie Test Mode for Elementor widgets and snippets | Elementor","description":"Learn everything about How to use Angie Test Mode for Elementor widgets and snippets in this article from Elementor's Knowledge Base. Get Elementor tips & more.","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\/help\/how-to-use-angie-test-mode-for-elementor-widgets-and-snippets\/","og_locale":"en_US","og_type":"article","og_title":"How to use Angie Test Mode for Elementor widgets and snippets | Elementor","og_description":"Learn everything about How to use Angie Test Mode for Elementor widgets and snippets in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/how-to-use-angie-test-mode-for-elementor-widgets-and-snippets\/","og_site_name":"Help","article_published_time":"2026-02-19T13:53:39+00:00","og_image":[{"width":1424,"height":891,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/1-enter-test-mode.png","type":"image\/png"}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Cliff Churgin","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/how-to-use-angie-test-mode-for-elementor-widgets-and-snippets\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/how-to-use-angie-test-mode-for-elementor-widgets-and-snippets\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"How to use Angie Test Mode for Elementor widgets and snippets","datePublished":"2026-02-19T13:53:39+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/how-to-use-angie-test-mode-for-elementor-widgets-and-snippets\/"},"wordCount":442,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/how-to-use-angie-test-mode-for-elementor-widgets-and-snippets\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/1-enter-test-mode-1024x641.png","keywords":["Elementor AI"],"articleSection":["Angie"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/how-to-use-angie-test-mode-for-elementor-widgets-and-snippets\/","url":"https:\/\/elementor.com\/help\/how-to-use-angie-test-mode-for-elementor-widgets-and-snippets\/","name":"How to use Angie Test Mode for Elementor widgets and snippets | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/how-to-use-angie-test-mode-for-elementor-widgets-and-snippets\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/how-to-use-angie-test-mode-for-elementor-widgets-and-snippets\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/1-enter-test-mode-1024x641.png","datePublished":"2026-02-19T13:53:39+00:00","description":"Learn everything about How to use Angie Test Mode for Elementor widgets and snippets in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/how-to-use-angie-test-mode-for-elementor-widgets-and-snippets\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/how-to-use-angie-test-mode-for-elementor-widgets-and-snippets\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/how-to-use-angie-test-mode-for-elementor-widgets-and-snippets\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/1-enter-test-mode.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/1-enter-test-mode.png","width":1424,"height":891,"caption":"Image of the test mode window and pink frame."},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/how-to-use-angie-test-mode-for-elementor-widgets-and-snippets\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Elementor AI","item":"https:\/\/elementor.com\/help\/elementor-ai\/"},{"@type":"ListItem","position":3,"name":"Angie","item":"https:\/\/elementor.com\/help\/elementor-ai\/angie\/"},{"@type":"ListItem","position":4,"name":"How to use Angie Test Mode for Elementor widgets and snippets"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3","name":"Cliff Churgin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","caption":"Cliff Churgin"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/163935","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=163935"}],"version-history":[{"count":2,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/163935\/revisions"}],"predecessor-version":[{"id":163995,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/163935\/revisions\/163995"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=163935"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=163935"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=163935"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}