When your website uses basic authentication (like .htaccess), Marker.io might have trouble capturing complete screenshots. You may notice that images or styles (such as fonts or CSS) are missing. This happens because our servers can’t access your website without logging in.
To fix this, you can set up Basic Authentication in Marker.io.
Steps to Set Up Basic Authentication:
Go to Project Settings:
Open your Marker.io dashboard.
Navigate to Settings for the specific project.
Access Widget Security Settings:
In the project settings, select Widget and then go to Screen capture.
Enable Basic Authentication:
Turn on the Basic Auth toggle switch.
Enter Login Credentials:
Input the username and password that your website requires for authentication.
Once you've configured Basic Authentication, Marker.io will be able to capture full screenshots, including all website elements such as images and stylesheets. This ensures the screenshots look exactly the same as what you see on the website.
Note: Using our browser extensions in conjunction with our widget will mean pixel-perfect screenshots.
See our instructions for adding browser extensions here.
Need Help?
If you have any questions, comments, or corrections, chat with us at the bottom right of our web pages.