Check Browser Console for Errors

What is the error console?

The error console is a tool built into your web browser that lets you see what's going on behind the scenes of a website. It's used by developers to check for errors in the website’s code. If something isn’t working right, such as, a button won't click, or a page loads incorrectly, the console may show an error message that helps explain what went wrong.

How to Open the Console:

Google Chrome (recommended browser):

1. Open the website you want to check for errors.
2. On your keyboard, press Ctrl + Shift + J (Windows) OR Cmd + Option + J (Mac).
3. A panel will appear—this is the Developer Tools. Click on the “Console” tab at the top if it’s not already open.

Microsoft Edge:

1. Visit the website you want to inspect.
2. Press Ctrl + Shift + J (Windows).
3. Click the “Console” tab if it's not already open. 

Safari:

*Need to enable feature before you're able to view it. 

1. Click Safari in the top menu > Settings > Advanced tab.
2. Check the box that says “Show features for web developers."
3. Visit the website you want to inspect.
4. Press Cmd + Option + C on your keyboard (Mac).
5. The console will appear at the bottom or side of your screen.

Firefox:

1. Visit the website you want to inspect.
2. Press Ctrl + Shift + K (Windows) or Cmd + Option + K (Mac).
3. The console will appear at the bottom or side of your screen.

The console will look similar to this: 

Red messages in the console are errors.

Yellow messages are warnings, less serious.

It’s okay if you don’t understand the errors! Take a screenshot and share it with our support team to analyse.