---
articleType: Tutorial
categories:
- Troubleshooting
- Products
last_updated: '2026-05-21'
primaryTopic: enable-webgl
relatedModules:
- name: products-list
  route: /admin/dashboard/products/all/
- name: catalog-product-discover
  route: /admin/products
- name: catalog-product-all
  route: /admin/products/all
- name: collections-list
  route: /admin/dashboard/products/collections/
- name: catalog-product-favorites
  route: /admin/products/favorites
shortDescription: Learn how to activate WebGL in your browser to ensure the Fourthwall
  Product Designer functions correctly.
tags:
- webgl
- hardware-acceleration
- product-designer
- browser-settings
- chrome
- firefox
- safari
- edge
- graphics-rendering
- storefront-thumbnails
title: Enable WebGL in your browser
tasks:
- enable WebGL in Chrome
- enable hardware acceleration
- troubleshoot Product Designer errors
- verify WebGL status
- Fix grey or blank product thumbnails on the storefront
- Fix product images showing as blank boxes on the shop
terms:
- WebGL
- Product Designer
- hardware acceleration
- designer not working
- WebGL disabled
- chrome://gpu
- 3D designer
- grey thumbnails
- blank product images
- product thumbnails not loading
- product images not showing
- thumbnails blank on shop
- product images grey boxes
- images not loading on shop
- storefront thumbnails blank
labels:
- hardware-acceleration
- designer
- webgl
contextString: Available on all Fourthwall plans. Troubleshooting guide for common issues.
breadcrumbPath: "Create and sell products > How to Guides"
path: create-and-sell-products/how-to-guides/enable-webgl
---

# Enable WebGL in your browser

WebGL is required for the Fourthwall Product Designer to function. It also powers product thumbnail rendering on your shop. Without WebGL, the designer will not load and storefront product images can appear as blank or grey boxes. If your browser shows a warning that WebGL is disabled or blocked, follow the steps below for your browser.

## How to enable WebGL in Google Chrome

To enable WebGL in Chrome, turn on hardware acceleration and verify the setting via `chrome://gpu`.

1. Open Chrome and go to `chrome://settings`.
2. Scroll down and click **Advanced**.
3. Under **System**, turn on **Use hardware acceleration when available**.
4. Restart Chrome.
5. Go to `chrome://gpu` and confirm WebGL is listed as enabled.

If WebGL is still blocked after these steps:

1. Go to `chrome://flags/#disable-webgl`.
2. Set the flag to **Enabled**.
3. Restart Chrome.

## How to enable WebGL in Mozilla Firefox

WebGL is controlled by a configuration flag in Firefox. Changing it from `true` to `false` re-enables WebGL.

1. Open Firefox and go to `about:config`.
2. Click **Accept the Risk and Continue**.
3. Search for `webgl.disabled`.
4. If the value is set to `true`, double-click it to change it to `false`.
5. Restart Firefox.
6. Verify WebGL is working at [WebGL Report](https://webglreport.com/).

## How to enable WebGL in Microsoft Edge

Edge uses hardware acceleration to enable WebGL. Turn it on via Edge settings.

1. Open Edge and go to `edge://settings/system`.
2. Turn on **Use hardware acceleration when available**.
3. Restart Edge.
4. Go to `edge://gpu` to confirm WebGL status.

## How to enable WebGL in Safari (Mac only)

Safari requires enabling WebGL 2.0 through the Develop menu's experimental features.

1. Open Safari and go to **Safari** > **Settings** (or **Preferences**).
2. Click the **Advanced** tab.
3. Check **Show Develop menu in the menu bar**.
4. In the menu bar, click **Develop** > **Experimental Features**.
5. Ensure **WebGL 2.0** is enabled.

## What to do if WebGL is still not working

If WebGL remains unavailable after following the steps above, try these additional checks:

- Update your browser to the latest version.
- Disable browser extensions one at a time to check if one is blocking WebGL.
- Check if a firewall or security tool is blocking graphics rendering.
- Test WebGL functionality at [WebGL Report](https://webglreport.com/).

If you are still having issues, reach out at [support@fourthwall.com](mailto:support@fourthwall.com).