> ## Documentation Index
> Fetch the complete documentation index at: https://www.checklyhq.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Creating A Browser Check

> Get started with Checkly by creating your first Browser Check

> [!TIP]
>
> Learn more about all the [Browser Check capabilities](https://www.checklyhq.com/docs/detect/synthetic-monitoring/browser-checks/overview.md) in the general overview.

This guide will walk you through creating your first Browser Check with Checkly.

Browser Checks are perfect for monitoring realistic user flows within your application or services. If you are looking for monitoring general availability, check out the [Uptime Monitor Quickstart](https://www.checklyhq.com/docs/detect/uptime-monitoring/url-monitors/quickstart.md).

> **Prerequisites**
>
> * A Checkly account (sign up at [checklyhq.com](https://checklyhq.com))
> * The URL of a website you want to monitor

**1. Create a Browser Check**

![Light mode interface](https://mintcdn.com/checkly-422f444a/SdrQKfCB6NPoo3Ex/images/next/quickstart-welcome-light.png?fit=max\&auto=format\&n=SdrQKfCB6NPoo3Ex\&q=85\&s=8d605f10aff58de518896eb60261e65c)

1. **Head to [Create a Check](https://app.checklyhq.com/accounts/create)**
2. **Choose from one of the Browser Check templates** to start from a working example

**2. Edit Your Test Script**

The following test script will check if the homepage is available, performing correctly, and [looks visually correct](https://www.checklyhq.com/docs/detect/synthetic-monitoring/browser-checks/visual-regressions.md).

![Light mode interface](https://mintcdn.com/checkly-422f444a/6qveEuGHBRjnnvr2/images/next/quickstart-test-light.png?fit=max\&auto=format\&n=6qveEuGHBRjnnvr2\&q=85\&s=6a60d9f9d13cf2d2ec08e2718a219603)

**3. Configure Check Settings**

Configure your check settings by clicking the "Settings" button in the top right corner of the check editor

![Light mode interface](https://mintcdn.com/checkly-422f444a/6qveEuGHBRjnnvr2/images/next/quickstart-settings-light.png?fit=max\&auto=format\&n=6qveEuGHBRjnnvr2\&q=85\&s=e175612d2964b9cd19d5a0bde564853c)

> [!NOTE]
>
> For your first check, the default settings work well. You can always adjust them later.

**4. Choose Scheduling Frequency and Locations**

![Light mode interface](https://mintcdn.com/checkly-422f444a/6qveEuGHBRjnnvr2/images/next/quickstart-schedule-light.png?fit=max\&auto=format\&n=6qveEuGHBRjnnvr2\&q=85\&s=c177f1165623da958ce64bcf498e5c7c)

**5. Set Up Alerts**

Configure who gets notified when issues are detected:

![Light mode interface](https://mintcdn.com/checkly-422f444a/6qveEuGHBRjnnvr2/images/next/quickstart-alerts-light.png?fit=max\&auto=format\&n=6qveEuGHBRjnnvr2\&q=85\&s=f0ac0d4ff70bbfd069df618b247dc85b)

**6. Test and Save**

Before activating your check:

1. **Click "Test Check"** to run it once and verify it works
2. **Review the results** to ensure your website loads correctly
3. **Check for any errors** in the console or network tabs
4. **Click "Save and Activate"** to start continuous monitoring

**7. View Results**

Once your check is active:

![Light mode interface](https://mintcdn.com/checkly-422f444a/6qveEuGHBRjnnvr2/images/next/quickstart-reporting-light.png?fit=max\&auto=format\&n=6qveEuGHBRjnnvr2\&q=85\&s=cfa6f1a2b1cb1c9d8eb159091771f2f7)

1. **Visit your dashboard** to see real-time results
2. **Check the results page** for detailed performance metrics
3. **Review screenshots** and timing information
4. **Set up additional checks** for other critical pages

## Next Steps

Now that you have your first check running:

* **Add API Checks**: Monitor your backend services and APIs
* **Create Check Groups**: Organize related checks together
* **Set up Status Pages**: Share uptime information with users
* **Explore Integrations**: Connect with Slack, PagerDuty, or other tools

## Upgrading to Monitoring as Code

As your monitoring needs grow, consider upgrading to our CLI approach:

* **Version Control**: Keep your monitoring configuration in Git
* **Team Collaboration**: Review changes through pull requests
* **CI/CD Integration**: Deploy monitoring alongside your applications
* **Advanced Scripting**: Write custom Playwright tests for complex flows

Ready to make the switch? Check out the **Monitoring as Code** tab above!


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.