diff --git a/README.md b/README.md index 1a32219..faa6e82 100644 --- a/README.md +++ b/README.md @@ -1,10 +1,26 @@ # CloudSponge Examples This is a public library of fully functional examples of the CloudSponge widget. You can deploy any of these html files into your `localhost` environment to start tinkering around with the product. -## basic.html -The simplest way to integrate the CloudSponge widget is to add an anchor tag with the cs_import class somewhere on your page. +Hosting this directory is straightforward if you have python installed on your system: + +* open a terminal +* cd to this directory +* run `python -m SimpleHTTPServer 5000` +* open [localhost:5000/](http://localhost:5000/) in a browser + +## Basic Installation + +The simplest way to integrate the CloudSponge widget is to add an anchor tag with the cloudsponge-launch class somewhere on your page. + +* [Run /hello-world.html](/hello-world.html) +* [Run /basic.html](/basic.html) +* [Documentation](https://www.cloudsponge.com/developer/contact-picker/basic-installation/) + +## Deep Links -## deep-links.html You can skip the main menu and let your users go straight to the contact source that they want by adding these deep links to your page. -Most people replace these text links with graphics. You can download some icons here if you don't have your own set. +* [Run /deep-links.html](/deep-links.html) +* [Documentation](https://www.cloudsponge.com/developer/contact-picker/linking-options/deep-links/) + +Most people replace these text links with graphics. You can [download some icons here](https://www.iconfinder.com/cloudsponge) if you don't have your own set. diff --git a/basic.html b/basic.html index 89f95fe..f0e2533 100644 --- a/basic.html +++ b/basic.html @@ -9,37 +9,35 @@ CloudSponge Basic Installation - - +

Basic Integration

-

The simplest way to integrate the CloudSponge widget is to add an anchor tag with the cs_import class somewhere on your page.

+

The simplest way to integrate the CloudSponge widget is to add an anchor tag with the cloudsponge-launch class somewhere on your page.

- Add from Address Book
+ Add from Address Book
+

The easiest way to populate an element is to give it a class or cloudsponge-contacts.

- + + +
+ + Back + +
+
diff --git a/deep-links.html b/deep-links.html index 10120e7..8d1f62a 100644 --- a/deep-links.html +++ b/deep-links.html @@ -9,68 +9,39 @@ CloudSponge Deep Link Installation - - +

Deep Link Integration

You can skip the main menu and let your users go straight to the contact source that they want by adding these deep links to your page.

-

Most people replace these text links with graphics. You can download some icons here if you don't have your own set.

+

Most people replace these text links with graphics. You can download some icons here if you don't have your own set.

- Gmail
- Yahoo
- Outlook.com
- iCloud
- AOL
-
-
-
+ Google Contacts
+ Yahoo
+ Outlook.com
+ Office 365
+ iCloud
+ AOL

- + + +
+ + Back + +
diff --git a/hello-world.html b/hello-world.html new file mode 100644 index 0000000..ac0e55a --- /dev/null +++ b/hello-world.html @@ -0,0 +1,32 @@ + + + + + + + + + + +Add from Address Book + + + + + + \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..b807790 --- /dev/null +++ b/index.html @@ -0,0 +1,26 @@ + + + + + + + + + +
+
+ + + diff --git a/start.sh b/start.sh new file mode 100755 index 0000000..d2b329f --- /dev/null +++ b/start.sh @@ -0,0 +1,4 @@ +#!/bin/bash + +python -m SimpleHTTPServer 5001 & +open http://localhost:5001 \ No newline at end of file diff --git a/zap-to-sendgrid.html b/zap-to-sendgrid.html new file mode 100644 index 0000000..af98ff9 --- /dev/null +++ b/zap-to-sendgrid.html @@ -0,0 +1,113 @@ + + + + + + + + + + + + + + Zap to SendGrid + + + + + + + + + +
+ +

Zap to SendGrid

+

A quick refer-a-friend feature powered by Zapier and SendGrid.

+ + +   +   +   +   +   + +
+ + + + +
+ +