Add snippets article

Author: craigshoemaker

articles/static-web-apps/snippets.md

@@ -0,0 +1,43 @@
+---
+title: Snippets in Azure Static Web Apps (preview)
+description: Inject custom code in the HEAD or BODY elements at runtime in Azure Static Web Apps 
+services: static-web-apps
+author: craigshoemaker
+ms.service: static-web-apps
+ms.topic:  overview
+ms.date: 06/22/2023
+ms.author: cshoe
+---
+
+# Snippets in Azure Static Web Apps (preview)
+
+Azure Static Web Apps allows you to inject custom code into the `head` or `body` elements at runtime. These pieces of code are known as "snippets".
+
+Common use cases of snippets include:
+
+- Analytics scripts
+- Common scripts
+- Global UI elements
+
+## Add a snippet
+
+1. Go to your static web app in the Azure portal.
+
+1. From the *Settings* menu, select **Configuration**.
+
+1. Select the **Snippets** tab.
+
+1. Enter the following settings in the Snippets window:
+
+    | Setting | Value | Comments |
+    |---|---|--|
+    | Location | Select which element as the destination for your code. | |
+    | Name | Enter a snippet name. | |
+    | Insertion location | Select whether you want to **Prepend** or **Append** your code to the selected element. | Prepend means your code appears directly after the open tag of the element. Append means your code appears directly before the close tag of the element. |
+    | Environment | Select the environment(s) you want to target. | If you select **Select environment** then you can choose a selection of environments to target. |
+
+1. Enter your code in the text box.
+
+1. Select **OK** to close the window.
+
+1. Select **Save** to commit your changes.