I don't see the PageProofer icon on my website

If the PageProofer button isn’t showing on your website, work through these checks in order. Most of the time it’s the embed code or the site’s domains.

1. The embed code is on the page

Open the page’s HTML source and look for the PageProofer embed snippet. If it isn’t there, sign into PageProofer, open Site Settings for the site and choose the Javascript Embed tab. Copy the snippet and paste it into your website’s HTML, just before the closing </body> tag. Adding it to a footer or layout that every page uses means it’s on every page.

2. The website’s domain is in your site’s domain list

PageProofer only loads on the domains listed for the site. Open Site Settings and check the Domain(s) field. The domain you are looking at in your browser’s address bar has to be in the list.

• Enter one domain per line. You can list as many as you need, for example your live site, a staging site and a local development site, and all their feedback stays together in one PageProofer site.
• Enter just the domain, like my-website.com. If you paste a full address such as https://my-website.com/about, PageProofer removes the https:// and the page path for you.
• Leave out port numbers. For a local site at localhost:3000, enter localhost.
• www. is handled for you if you list the domain without it: listing my-website.com also covers www.my-website.com. It doesn’t work the other way round, so if you list www.my-website.com you also need to add my-website.com.
• Use * as a wildcard to cover subdomains, for example *.my-website.com matches staging.my-website.com and dev.my-website.com.

There’s more detail in Site Domains.

3. PageProofer is turned on for you

In Site Settings, check Who should see PageProofer on your website?

• Only invited PageProofer users: you need to be signed into PageProofer and invited to this site. Go to app.pageproofer.com and check the site is in your list.
• All website visitors: anyone visiting the website sees PageProofer.
• No one, disable it: PageProofer is turned off for everyone. Choose one of the other options to turn it back on.

PageProofer also won’t load if the site has been archived or the account’s subscription has ended.

4. The button isn’t hidden

If Hide the PageProofer button? is ticked in Site Settings, PageProofer is still on the page but the button isn’t shown. It’s meant for websites that open PageProofer from their own link or button with window.pageProoferEmbed.open(). Untick it to bring the button back.

5. Ask the embed code what’s wrong

When PageProofer decides not to load, the embed code says why. Open your browser’s developer tools, go to the Network tab, reload the page and select the request to app.pageproofer.com/embed/…. Its response is a single line, such as:

• PageProofer invalid domain, check the site settings: the domain isn’t in the site’s domain list (step 2). The message shows the domains you’ve set up and the domain the page was loaded from, so you can compare them.
• PageProofer has been disabled: the site is set to No one, disable it or is archived (step 3).
• PageProofer account is not active: the account’s subscription has ended.
• PageProofer access denied (401): you aren’t signed in, or you haven’t been invited to this site (step 3).
• PageProofer site not found: the embed code is for a site that no longer exists. Copy a fresh snippet from Site Settings (step 1).

6. Your website’s Content Security Policy is blocking it

Open your browser’s developer tools and choose the Console tab. If you see red errors saying a pageproofer.com file “violates the following Content Security Policy directive”, your website is blocking PageProofer. See PageProofer is blocked by my website’s Content Security Policy for what to add.

7. Your browser is blocking cookies

If everything above checks out, your browser’s privacy settings may be stopping you from signing in on your website. See I don’t see PageProofer on my website for how to adjust cookie settings in each browser.