This guide will help you to get CloudSponge working in your Shopify store.
The first step is install our extension in your store from the Shopify Ecommerce Plugins page:
Clicking in the above link will automatically create a CloudSponge for your store, and now all public pages will be able to use our widget.
To use our widget to import contacts, follow these steps:
Login in your Shopify account
Online Store in the left menu:
Pages, click on an existing page or add one clicking in the top right
Add page button.
After open/create-new page, now click in the
Show HTML button like above:
Add the below code to add a link to launch our widget and the textarea to receive the imported contacts:
<!-- Any link with a class="cs_import" will start the import process -->
<p><a class="cs_import">Add from Address Book</a></p>
<!-- This textarea will be populated with the contacts returned by CloudSponge -->
<textarea id="contact_list" style="width: 450px; height: 82px;"></textarea>
Click on the
Save button at the bottom right:
Preview your page clicking in the
View button at the top right:
Test it: click in the
Add from AddressBook link, and you’ll see our widget in action:
Need help? Comments? Want to customize it? Let us know!
If you want to provide Gmail importing for your customers, you’ll need to spend 2 minutes to configure a Google API Credential.
After you follow these steps, your users will see your domain in the Google Authentication window instead of ours.
Contacts APIand click on it:
Enable APIbutton is available:
Namewith your app name.
Authorized redirect URIswith
Product name shown to userswith the app name that will be displayed to your users.
Client secret and
Redirect URI values from Google and click on Save button.
NB If you observe a 400 error with a message of “Error: invalid_scope” when you attempt to complete the OAuth flow, then your OAuth account needs to be reviewed before Google will let you request access to people’s address books. This is a new requirement that they introduced on May 11, 2017. We’ve prepared some background and directions for navigating the new reivew process.