How to test your widget?
While you are still figuring out how the widget is going to look from the end user’s point of view, here is a simple trick to help you test the widget. That too, without needing any help from a developer.
Follow these steps:
Add following HTML code in the HTML section
<!DOCTYPE html>
<html>
<head>
<title>Test page</title>
</head>
<body>
<div>
<h1> This is a test page </h1>
</div>
(Add Javascript snippet from your ARNR widget configuration here.
Make sure that <script> </script> tags appear only once)
</body>
</html>
Now get the Javascript snippet from ARNR Embed tab on widget configuration screen & paste it just before the </body> tag.
Now the widget will load in the preview section. Click to expand.
Now you can make any changes to the widget configuration, save & just refresh the test page on codepen. That’s it.
, multiple selections available,
Related content
Show unread release count on widget launcher
Show unread release count on widget launcher
Read with this
Release page & Widget templates & widget modes
Release page & Widget templates & widget modes
Read with this
Step-by-step guide to Release pages & Widgets
Step-by-step guide to Release pages & Widgets
Read with this
Releases in release pages & widgets
Releases in release pages & widgets
Read with this
Slack
Read with this
Choose how the static resources are served for your release page
Choose how the static resources are served for your release page
Read with this