Polypane is a stand-alone browser with built-in tools for responsive design, accessibility, performance, and meta info.

Integrating Polypane with the Marker.io widget for reporting bugs and feedback significantly improves your QA process.

  • Set up Polypane Integration

  • Why use the Polypane Integration?

  • Sample Polypane Session

  • Sample Feedback Page

  • Sample PM/Issue tracker page

  • Recap

Set up Polypane Integration

To enable the Polypane integration, ensure you've set up a destination on app.marker.io. Check our Get Started Academy for help.

Create an account on Polypane.

Authenticate with Marker.io.

  • The Integrations popover is visible above each Pane by clicking the 🧩 icon.

  • Select the "Marker.io" tab > Chose "Select New destination".

  • Choose your destination.

  • Go back to Polypane

  • Activate the Marker.io integration by enabling the Active checkbox.

  • Now the marker.io widget appears on your Pane.

  • Repeat for other panes where required.

Why use the Polypane Integration?

When anyone reports feedback on Polypane through the Marker.io widget, technical data, including the viewport size, will automatically be included with the feedback.

The technical data we capture includes:

  • Page URL

  • Browser information

  • Browser viewport dimensions

  • Screen Size

  • Operating system

With this information, your developers can quickly reproduce the bug in the same environment.

Sample Polypane Capture

Here we use Polypane to report on a 1024 X 768 pane.

Sample Feedback page

Below is a sample feedback page containing the Polypane session information, including the viewport/pane dimensions used during the reported feedback.

*image to be updated*

Sample PM/Issue tracker page

The Polypane device information is also sent to the PM/Issue tracking tool you integrated with. Our sample Trello issue is below.

Recap

To allow the Marker.io widget to record and pass the Polypane session viewport, follow the steps above. We will detect the Polypane information and automatically capture it for you!

Did this answer your question?