Reading Time: 2 minutes

Are you interested in taking your Azure Web Apps or even your Azure Blog Site posts to the next level by embedding Azure Cloud Shell? Well people, as of 11/12 there is a way! Today I am going to demonstrate a quick way of embedding Azure Cloud Shell Button in your WordPress Blog Site posts.

    Within your WordPress Site Admin Panel do the following:

  1. Go to Dashboard, Posts, Add New Post.
  2. Switch to Text Editor
  3. Paste the following code within the Editor
#Embedding a pop-up Cloud Shell using HTML Code
<a style="cursor:pointer" onclick='javascript:window.open("https://shell.azure.com", "_blank", "toolbar=no,scrollbars=yes,resizable=yes,menubar=no,location=no,status=no")'><image src="https://shell.azure.com/images/launchcloudshell.png" /></a>

And there you go! An Azure Cloud Shell Button!

When you press the button a new Browser window will open prompting for credentials from your Azure subscription.

Click on the Azure Subscription that you need to connect.

Choose to connect using Linux Bash or PowerShell

Voila!

Additional information on how to customize the Shell Experience or adding it in your Apps can be found here.

Thanks for reading!