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 product name in the Google Authentication window.
Important: Google requires you to submit a review of your application before they will allow strangers to use approve your OAuth permission requests. Google warns that the OAuth review may take up to a week. In our experience, the review may be faster than 24 hours as long as Google doesn’t have any questions about your application. We’ve prepared some background and directions to help you navigate the new process successfully. You can still test out your integration immediately.
These are the actions required to set up your Google OAuth:
Watch how to create a Google OAuth credential in a few minutes.
Or follow the general steps below:
Authorized redirect URIswith your Proxy URL.
Redirect URIvalues 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 review process.
Read our background and directions for a quick turnaround from the review process.