Coder Social home page Coder Social logo

amzn / login-with-amazon-wordpress Goto Github PK

View Code? Open in Web Editor NEW
15.0 13.0 14.0 36 KB

A pre-integrated plugin that can be installed into a Wordpress powered website to integrate with Login with Amazon.

License: Apache License 2.0

JavaScript 14.99% PHP 85.01%

login-with-amazon-wordpress's Introduction

Getting Started

Steps

  1. Register Your Application
  2. Install Plugin (Quick & Easy) or Install Plugin (Recommended)
  3. Configure Plugin

Register Your Application

First, you will need to register your website as an Application on the App Console. You can find a link to the App Console at the following address: https://login.amazon.com.

Register Your Login with Amazon Application

  1. In the App Console register a new application by clicking the Register new Application button. The Register Your Application form will appear.

    Note: You will be redirected to Seller Central, which handles application registration for Login with Amazon. If this is your first time using Seller Central, you will be asked to setup a Seller Central account.

    Screenshot 1

  2. In the application details page, add basic details about your product. These details will be used on your website and mobile apps (if applicable).

    • Name Shown to Users. This is the name displayed on the consent screen when the users agree to share the information with your application. This name applies to Android, iOS, and website versions of your application.
    • Description. A description of your application for Login with Amazon users.
    • Privacy Notice URL. The Privacy URL is the location of your company or application's privacy policy. It is also displayed on the consent screen. This link is displayed to users when they first login to your application (for example, http://www.example.com/privacy.html).
    • Logo Image File. This logo is displayed on the sign-in and consent screen when users log into your website or mobile app.
      The logo will be automatically resized to 50 x150 pixels. The following formats are accepted: PNG, JPEG, GIF.
  3. When you are finished, click Save to save your changes. Your sample registration should look similar to this:

    Screenshot 2

Add a Website to your Application

  1. From the Application screen, click Web Settings. You will automatically be assigned values for Client ID and Client Secret. The client ID identifies your website, and the client secret is used in some circumstances to verify your website is authentic. The client secret, like a password, is confidential. To view the client secret, click Show Secret. You should take note of your Client ID as you'll need it again later on.

    Screenshot 3

  2. To add Allowed JavaScript Origins or Allowed Return URLs to your application, click Edit.

    Screenshot 4

  3. Click Save

Install Plugin (Recommended)

This approach suggests modifying files locally. It is recommended if any of the following apply to you:

  • You're a developer.
  • You test your site on your own computer before releasing changes.
  • You have a staging site.
  • You use git or some other form of versioning software to manage your WordPress codebase.

If none of these apply to you, we suggest the Quick & Easy approach.

If you have a custom process, these instructions may need to be modified slightly to fit your deployment process.

  1. Create a backup.
  2. Download the plugin.
  3. Extract the zip file.
  4. Copy the extracted folder to your wp-content/plugins directory.
  5. Test as desired.
  6. Upload the changes to your live site.

Install Plugin (Quick & Easy)

It is important that you create a backup before installing any extensions, including this one.

  1. Download the plugin.
  2. Log in to your WordPress control panel.
  3. In the side bar select Plugins: Add New
  4. From the top of the page select Upload Plugin.
  5. Upload the file you downloaded in step 1 to the form you have navigated to.

Configure Plugin

  1. Log in to your WordPress control panel.
  2. In the side bar select Settings: Login With Amazon Settings
  3. Enter your Client ID from when you registered your application with Amazon and submit the form.
  4. Verify that the Login With Amazon button is showing on the login page.

login-with-amazon-wordpress's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

login-with-amazon-wordpress's Issues

Love your app

Hey there great work so far really enjoying it.

Question however, is there a way I can add it into my wordpress page say /my-account you know where you go to login, or register, a button at the bottom that takes you directly to the login screen with amazon? here is an example.
https://www.reddressboutique.com/customer/account/login/
see how they have it there at the bottom?
https://www.theoddportrait.com/my-account/

would want to add it down there, not sure if there is a shortcode , sorry newish to hope it was not answered elsewhere but thanks for the support !

Woocommerce account login?

Hi,

Thank you for the plugin.
Can it be used for Woocommerce store customer account login?

Thank you,
Raman

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.