This guide will show you how to examine your HTML code with the Google Chrome Inspector so you can troubleshoot issues with Elle.
Step 1: Download Google Chrome
If you are not using Google Chrome, download it now. You can do so for free right here:
All of our guides are written for users of Chrome. It is an elegant and powerful browser that will make managing your Elle installation far easier.
Step 2: Using the Chrome Inspector
Select a part of your website you'd like to examine by right-clicking on it and selecting Inspect:
You will see something that looks like this appear:
Using this, you can examine your HTML code for errors, and verify if the Elle button is working.
The best way to examine the HTML code for errors is by comparing the Elle code in your website to the Elle code in these two guides:
Compare your code and the model code side by side and see if there are any differences. The most common problem is that something got deleted in a variable field that shouldn't have been. For example, when you were putting the Elle button code in, a " " may have been deleted.
Want to know if Elle is working? See this article on How to Verify Elle is functioning in the Console and Network tabs.