• Beyond M365
  • Posts
  • Build a custom website using Power Automate (part 1)

Build a custom website using Power Automate (part 1)

minimal setup to generate custom web page using power automate

Author

Aslam Marikkar
January 14, 2025

Introduction

Have you ever wanted to publish a quick web page without bothering with complicated hosting steps? Maybe you want to showcase a simple portfolio, share an event registration form, or just experiment with web design. Well, Power Automate can help you do all that and more—no hosting required. In this tutorial, we’ll explore how to set up a custom website using only Power Automate.

Why is this so cool? Because the moment you realize you can skip the whole domain and hosting hustle (or at least test an idea before committing to a full-on site), you’ll feel like you just discovered a secret shortcut. Let’s uncover that secret—step by step.

What You’ll Need

  • A Power Automate Premium license or access through Microsoft 365.

  • Basic understanding of HTML (if you want to customize your web content).

  • A few minutes of your time—because it’s simpler than you might think!

Step-by-Step Tutorial

1. Create a New Automated Cloud Flow

  1. Sign in to Power Automate and head over to the Create menu.

  2. Select Automated Cloud Flow.

  3. Give a name to your cloud flow and select a request http trigger.

    Note: If you find difficulty in finding the trigger. select skip which will navigate to the power automate designer page. Filter by selecting “Premium“ under Runtime option, and search for keyword ”Request” or “When an HTTP trigger is received“ and select the trigger.

Selecting the initial trigger

2. Configure the HTTP trigger

  1. Under “Who will trigger the flow?“, pick “Anyone“ , to make the site public.

  2. The HTTP URL wont be generated until the flow is saved, so leave that for now.

  3. You can leave the “Request Body JSON Schema“ as blank.

  4. Select “Advanced Parameters“ and make sure that “Method“ is selected to make the option available.

  5. Under “Method“, select “GET“.

3. Configure the Response Action

  1. Add a new action: Response.

  2. In the Headers section, type:

    • Key: content-type

    • Value: text/html

  3. In the Body section, paste your HTML content—this is your web page.

Here’s an example you can use to test the flow: 

<!DOCTYPE html>
<html>
<head>
    <title>Power Automate Page</title>
    <style>
        body { font-family: Arial, sans-serif; text-align: center; padding: 50px; background-color: #f0f0f0; }
        h1 { color: #0078d4; }
        p { color: #333; }
        a { 
            display: inline-block; 
            margin-top: 20px; 
            padding: 10px 15px; 
            background-color: #0078d4; 
            color: #fff; 
            text-decoration: none; 
            border-radius: 4px; 
        }
        a:hover { background-color: #005ea0; }
    </style>
</head>
<body>

    <h1>Welcome to My Power Automate Page</h1>
    <p>This page is created using Power Automate—no hosting needed!</p>
    <a href="https://powerautomate.microsoft.com" target="_blank">Learn More</a>

</body>
</html>

4. Save & Test Your Flow

  1. Click Save in the top-right corner of the flow designer.

  2. Once saved, copy the HTTP URL from the trigger (it’ll appear in the trigger’s settings after you save).

  3. Open a new browser tab and paste that URL and hit Enter.

And there you have it. we built a custom web page, using a flow with just a request trigger and a response connector.

In next iterations. I will introduce a robust web template, add more functionalities and in show how you can use your own domain URL instead of using the flows randomly generated URL.

Reply

or to participate.