12min

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
  2. Sign in with your account or create a new one.
Document image



3. Create an App to get access to your CloudSponge app KEY

Document image



4. Get your Cloudsponge KEY in credentials tab.

Document image

5. Set the OAuth credentials from Google, Yahoo and Microsoft accounts; Add the the proxy URL for Google Contacts in the CloudSponge dashboard.

Document image



6. Insert CloudSponge key in Bubble plugin settings.

Document image



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.

Document image





CS Services Element

The element is used to open one service chosen by the user and display the name of the service.

Document image





CS Multiservice Element

The element is used to open the widget screen where a user chooses which type of service to get the contacts.

Document image



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.
Document image

Demo to preview the settings