CloudSponge Contact Picker Plugin

Introduction

CloudSponge Contact Picker Plugin - offers seamless integration and the possibility to import major address books contacts into your application.
Prerequisites
You must have an account with CloudSponge to interact with the plugin. Create you development account here.

Plugin setup

  1. Go to the CloudSponge page​
  1. Sign in with your account or create a new one.
Image without caption
3. Create an App to get access to your CloudSponge app KEY
Image without caption
4. Get your Cloudsponge KEY in credentials tab.
Image without caption
5. Set the OAuth credentials from Google, Yahoo and Microsoft accounts; Add the the proxy URL for Google Contacts in the CloudSponge dashboard.
Image without caption
6. Insert CloudSponge key in Bubble plugin settings.
Image without caption
You're all set!
7. Place the Oauth Element on page for the authorization process, use it as text area for your contacts or make it 0x0 pixels to just authorize.

Plugin Element

Plugin Visual Element

The plugin contains 3 visual elementΡ‹ which should be used on page.
CSOauth Element
This element is a Oauth / Textarea for authorization and it has a textarea to display the chosen contacts.
Image without caption
CS Services Element
The element is used to open one service chosen by the user and display the name of the service.
Image without caption
CS Multiservice Element
The element is used to open the widget screen where a user chooses which type of service to get the contacts.
Image without caption

Plugin Actions

  • Getinfo - action is used to retrieve the contact data in state form from CSOauth element

Plugin States

  • CSOauth Contact - state which returns contact value of the CSOauth element.
Image without caption

Demo to preview the settings