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.
Using our Widget
To use our widget to import contacts, follow these steps:
- Login in your Shopify account
Online Storein the left menu:
- Click on
Pages, click on an existing page or add one clicking in the top right
- After open/create-new page, now click in the
Show HTMLbutton 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
Savebutton at the bottom right:
- Preview your page clicking in the
Viewbutton at the top right:
- Test it: click in the
Add from AddressBooklink, and you’ll see our widget in action:
- Need help? Comments? Want to customize it? Let us know!
Creating a Google Credential
If you want to provide Gmail importing for your customers, you’ll need to configure a Google API Credential and then submit your project to Google for verification.
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.
To ensure that you are successful the first time, please join our webinar on Getting Started with CloudSponge. We show you how to avoid the common pitfalls when setting up your Google OAuth project.
You can still test out your integration once you have created the OAuth credential.
Need help? Comments? Want to customize it? Let us know!