Displaying read-only AddressBook and Wallet widgets

After the buyer has chosen a shipping address and payment method from the Amazon Pay widgets, you can render read-only versions of the AddressBook and Wallet widgets to give the buyer one last chance to review their choices before confirming their purchase.

Show the read-only versions of the widgets using the same code that originally rendered the widgets on your site. Add the displayMode: "Read" parameter to the code.

 
<!--Place this code in your webpage -->

<div id="readOnlyAddressBookWidgetDiv">
</div>
 
<div id="readOnlyWalletWidgetDiv">
</div>

<script>
  new OffAmazonPayments.Widgets.AddressBook({
    sellerId: 'YOUR_SELLER_ID_HERE',
    amazonOrderReferenceId: amazonOrderReferenceId,
    // amazonOrderReferenceId obtained from Address widget
    displayMode: "Read",
    design: {
      designMode: 'responsive'
    },
    onError: function(error) {
      // your error handling code
    }
  }).bind("readOnlyAddressBookWidgetDiv");
</script>

<script>
  new OffAmazonPayments.Widgets.Wallet({
    sellerId: 'YOUR_SELLER_ID_HERE',
    amazonOrderReferenceId: amazonOrderReferenceId,  
    // amazonOrderReferenceId obtained from Address widget
    displayMode: "Read",
    design: {
      designMode: 'responsive'
    },
    onError: function(error) {
     // your error handling code
    }
  }).bind("readOnlyWalletWidgetDiv");
</script>
    

If you need to show the read-only widget on the same page as the editable AddressBook or Wallet widgets, subscribe to the onAddressSelect or onPaymentSelect notifications, and redraw the read-only widget at that time. Otherwise, the read-only widget will not show the correct information.