Error while using chooser/saver: "Uh oh! Seems like this widget is not configured properly...."

[gauravsc]

I am trying demo for chooser/saver demo at https://codepen.io/gauravsc/pen/dqRGjv
I am getting error "Uh oh! Seems like this widget is not configured properly. Origin does not match any app domain". I have added www.codepen.io in Chooser/Saver domains in app settings.

Below is my code. I am getting error at both Chooser/Saver.

<script type="text/javascript" src="https://www.dropbox.com/static/api/2/dropins.js" id="dropboxjs" data-app-key="ihmj5go9ryc2tjh"></script>
<div class="container">
<div class="row">
    <h1>Dropbox Chooser/Saver Demo</h1>
    <div class="col-md-6"> <a href="https://images.pexels.com/photos/1048033/pexels-photo-1048033.jpeg?cs=srgb&dl=abstract-asymmetry-bot..." class="dropbox-saver"></a></div>
    <div class="col-md-6">
    <div id="dropbox-container"></div>
    <hr>
    <ul id="img_list" class="small-block-grid-1 medium-block-grid-2 large-block-grid-3">

    </ul>
  </div>
 
 
</div>

</div>
 
 
</div>

</div>

[Greg-DB · Accepted solution]

It looks like CodePen serves on just codepen.io, not www.codepen.io, so you need to register codepen.io (without the 'www') for your app's 'Chooser/Saver domains' 
on the app's page on the App Console.