Login with Amazon is a Shopify app that enables customers to log in to an e-commerce store using their Amazon accounts. This app is easy and free to integrate.
Login with Amazon app reduces the registration process for those people who already have Amazon accounts. This app increases higher engagement of customers and conversions.
This app adds a button “Login with Amazon” on Login and registrations screen which makes customers sign into e-commerce store by just using their Amazon account.
Information used by App:
This app uses the following information from Amazon account to login into e-commerce store using Amazon account
- Customer Name
- Customer email address
- Customer Default Zipcode
Some Facts
- For merchants outside of the US, this app can be used as long as they do not activate Amazon payments
- This app does not support selling products on Amazon Seller Central
Installing the app:
To install this app, click Login with Amazon . After going to this link, click the “Get” button
Then enter the store URL, and login into store.
After logging into the store, Click “Install app”
After installing the app, the dashboard has the following steps to use app
Register Site with Login with Amazon
- Go to Amazon developer center
- Then create a developer account using Developer console button on the above page
- After completing registration process, click “Register New application”
- Then enter your store details and click Save
Configure the app:
- Login into Amazon developer center , click “Web Settings” and then copy client ID and Client Secret
- Enter those details and click “Save”
Integrate App with Store:
- Open the “Customer/login.liquid” template in theme editor of your store copy and paste below code after <input type="submit" class="btn" value="{{'customer.login.sign_in' | t }}"> to display the “Login with Amazon” button
- The code required is
<!-- Amazon Login button -->
<a href='#' class='login-with-amazon'>
<img src="https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_156x32.png"
alt="Login with Amazon" border="0" width="156" height="32">
</a>
<!-- handle clicks -->
<script src="//hosted.loginwithamazon.com/shopify.js"></script>
<a href='#' class='login-with-amazon'>
<img src="https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_156x32.png"
alt="Login with Amazon" border="0" width="156" height="32">
</a>
<!-- handle clicks -->
<script src="//hosted.loginwithamazon.com/shopify.js"></script>
- Click “Save” and preview the store
Add Amazon button on registration page:
- Open the “Customer/register.liquid” template in theme editor of your store copy and paste below code after <h1 class="text-center"> {{ 'customer.register.title' | t }}</h1> to display the “Login with Amazon” button
- The code required is
<!-- Amazon Login button -->
<a href='#' class='login-with-amazon'>
<img src="https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_156x32.png"
alt="Login with Amazon" border="0" width="156" height="32">
</a>
<!-- handle clicks -->
<script src="//hosted.loginwithamazon.com/shopify.js"></script>
<a href='#' class='login-with-amazon'>
<img src="https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_156x32.png"
alt="Login with Amazon" border="0" width="156" height="32">
</a>
<!-- handle clicks -->
<script src="//hosted.loginwithamazon.com/shopify.js"></script>
- Click “Save” and preview the store
Sample store Screenshot:
The sample screenshot of the store using this app is as below:
No comments:
Post a Comment