How to Change the Default Images

The notification inbox shows an image when the user has no notifications. To change it set the images.emptyInboxUrl key with your image's url when you initialize the inbox. For example:

ESM
<div id="notifications-inbox" />
<script type="module">
  import { renderWidget } from 'https://unpkg.com/@magicbell/embeddable';

  let targetEl = document.getElementById('notifications-inbox');
  let options = {
    apiKey: MAGICBELL_API_KEY,
    userEmail: CURRENT_USER_EMAIL,
    height: 500,
    images: {
      emptyInboxUrl: 'https://my-site.com/empty-inbox.png',
    },
  };

  renderWidget(targetEl, options);
</script>