How to Use the Inspector

3 min. readlast update: 11.01.2024

Want access to the same tools developers and designers use?

With BarnumPT’s Inspector tool, you can view detailed information about any element on a web page—perfect for finding inspiration or understanding how the web is built.

 


 

Steps to Use the Inspector

  1. Open the BarnumPT Extension
    Click the Hat icon in your browser toolbar to open the BarnumPT popup.

  2. Select the Inspector Tool
    Choose the Inspector option, and you can now hover over any element on the page to view basic details about it.

 


 

Inspector Features

  1. Hover and Click for More Details

    • Hover over any webpage element to see quick details.
    • Click on an element to open a detailed view with more specific attributes.
  2. View Fonts


    • Click on the Fonts tab to see all the fonts used on the page.
    • You can click any font to copy it to your clipboard, making it easy to reuse in your own designs.
  3. View Colors


    • Click the Colors tab to see all the colors used on the page.
    • You can copy any color to your clipboard or save it for future use.
  4. View Element Details

    • See detailed information about the selected elements, including attributes that can be copied directly to your clipboard.
    • Use this to grab inspiration and easily apply similar design elements to your ClickFunnels 2.0 projects.

 


 

Empowering Your Design Workflow

With BarnumPT’s Inspector, you’ll get a deeper understanding of how web pages are built. This tool helps you gather inspiration and insights to build funnels faster, both for yourself and your clients.

 


 

Frequently Asked Questions

Q: Is this available for Free members?
A: Yes, it is available for all users.

 


 

Need Help?

Don’t worry if something’s not quite right or you get stuck! Our team is here to help you.

We have a small team so you may have to wait 24-72 hours for a response.  

Was this article helpful?