> This page is for Developer.
> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs.bigcommerce.com/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.bigcommerce.com/_mcp/server.
# Global Regions
[Global regions](/developer/docs/admin/widgets-and-scripts#global-regions) are special regions you can use to place and manage content sitewide.
In this tutorial, we will explore the concept of global regions by creating a global region and placing a widget in it using Page Builder.
### Prerequisites
* [A BigCommerce store](https://support.bigcommerce.com/s/article/Starting-a-Bigcommerce-Trial).
* Knowledge of the [Widgets API](/developer/docs/admin/widgets-and-scripts).
* Knowledge of [Page Builder](https://support.bigcommerce.com/s/article/Page-Builder).
> **Note**
>
> This tutorial builds on the workflow in [Create and Place a Widget](/developer/docs/admin/widgets-and-scripts/guide). If you haven't worked with regions or widgets before, complete that tutorial first.
The steps in this tutorial require you to edit your theme's template files. You can edit theme files in either of the following ways:
* **Locally, using [Stencil CLI](/developer/docs/storefront/stencil/cli/install)**, BigCommerce's theme development and deployment tool. [Download your theme](/developer/docs/storefront/stencil/cli/options-and-commands), make your edits, then run `stencil push` to apply the changes to your store.
* **In the control panel**, using [Edit Theme Files](https://support.bigcommerce.com/s/article/Stencil-Themes#edit).
## Create a global region
As with non-global regions, you add global regions at the template file level. For a global region to appear on all of the targeted pages, you need to add that region to the templates of the pages you want to target.
Let's start by creating a global region called `below_content--global` and adding it to your store's home and category pages. Page templates live in your theme's [`templates/pages/`](/developer/docs/storefront/stencil/themes/foundations/directory-structure) folder. In your theme's template files, add `{{{region name="below_content--global"}}}` to `templates/pages/home.html` and `templates/pages/category.html` as shown in the following examples.
**home.html**
```html showLineNumbers={false}
{{#if products.featured}}
{{> components/products/featured products=products.featured columns=theme_settings.homepage_featured_products_column_count}}
{{/if}}
{{{region name="home_below_featured_products"}}}
{{#if products.top_sellers}}
{{> components/products/top products=products.top_sellers columns=theme_settings.homepage_top_products_column_count}}
{{/if}}
{{{region name="home_below_top_products"}}}
{{#if products.new}}
{{> components/products/new products=products.new columns=theme_settings.homepage_new_products_column_count}}
{{/if}}
{{{region name="home_below_new_products"}}}
{{{region name="below_content--global"}}}
```
**category.html**
```html showLineNumbers={false}
{{> components/category/product-listing}}
{{{region name="category_below_content"}}}
{{{region name="below_content--global"}}}
```
If you are using [Stencil CLI](/developer/docs/storefront/stencil/cli/install) and editing theme files locally, run a `stencil push` command to apply your changes before proceeding to the next step. `stencil push` bundles your theme into a zip file and uploads the zip to BigCommerce. For more information on Stencil CLI commands, see [Stencil CLI Options and Commands](/developer/docs/storefront/stencil/cli/options-and-commands).
To preview the global region you just created, launch [Page Builder](https://support.bigcommerce.com/s/article/Page-Builder) by going to **Storefront** > **My Theme** in the control panel, then click **Customize**.
Scroll to the bottom of your home page. You should see the `below_content--global` region under the non-global region below **New Products**.
## Place a widget in the global region
To test your global region's functionality, drag and drop one of the basic widgets from the left pane into the `below_content--global` region, then click **Preview**. You should see the widget you just placed displayed on the home page and the category pages of your store.
## Related resources
### Articles
* [Widgets Overview](/developer/docs/admin/widgets-and-scripts)
* [Create and Place a Widget](/developer/docs/admin/widgets-and-scripts/guide)
* [Page Builder Overview](/developer/docs/storefront/stencil/content/page-builder)
* [Installing Stencil CLI](/developer/docs/storefront/stencil/cli/install)
### Endpoints
* [Widgets API](/developer/api-reference/rest/admin/content/widgets)