Examples

Override CTA Text

Add from Address Book

 

<!-- replace 'localhost-only' with your key if you want to run this outside of your localhost environment -->
<script src="https://api.cloudsponge.com/widget/localhost-only.js"></script>

<!-- customize widget behavior here -->
<script type="text/javascript">
// this is where you can configure the behavior and style of the widget
// http://www.cloudsponge.com/developer/#the-contact-importer-widget
cloudsponge.init({
  localeData: {
    GET_CONTACTS: 'Send ${0} invites'
  }
});
</script>

<!-- Any link with a class="cs_import" will start the import process -->
<a class="cloudsponge-launch">Add from Address Book</a><br />

<!-- This textarea will be populated with the contacts returned by CloudSponge -->
<textarea class="cloudsponge-contacts"
  placeholder="This textarea has class='cloudsponge-contacts to tell our widget that this is where we want the contact to be inserted. It doesn't have to be a textarea, it can be any type of HTML element.'"
  style="width:100%; height:200px;"></textarea>