Can I customize the consent screen for social login to display my store’s name and logo?

To display your store’s name and logo on the social login consent screen, you’ll need to register your own app with the social platform and obtain their approval. Once approved, you can integrate the API key and secret into our app: Professional > Custom API Keys, this app will handle the authentication flow for you. For further detail, you can check an industrial standard OAuth2.

To enable social login, you’ll need to register an application on the social platform for your store. This involves agreeing to usage terms and requesting necessary permissions. Once approved, the social platform will provide an API key and secret. When a customer signs in using their social account, they’ll be redirected to the social platform’s authorization server for verification and consent. The authorization server will display your store’s name, terms, and requested permissions for the customer to approve.

Below is the references of all social platforms:

• Google: Social media app registration console, Document, app verification is required if the consent screen display app name, instead of domain.
• Facebook: Social media app registration console, Document, business review and approval from Facebook are required for production release.
• Apple: Social media app registration console, Document
• X: Social media app registration console, Document
• Amazon: Social media app registration console, Document
• Discord: Social media app registration console, Document
• Linkedin: Social media app registration console, Document
• Spotify: Social media app registration console, Document
• Microsoft: Social media app registration console, Document
• Yahoo: Social media app registration console, Document
• LINE: Social media app registration console, Document
• Snapchat: Social media app registration console, Document
• Github: Social media app registration console, Document
• KAKAO: Social media app registration console, Document
• Tumblr: Social media app registration console, Document
• Twitch: Social media app registration console, Document
• VK: Social media app registration console, Document
• Yandex: Social media app registration console, Document

Google login error with 403 disallowed_useragent

Google has discontinued support for embedded webviews and unknown browsers for logins since September 30, 2021. Embedded webviews are web browsers within mobile apps. For example, clicking a store link from Facebook would open Facebook’s own browser, not a standard one like Chrome or Safari. Google considers third-party webviews a security risk.Get more details.

Google One-Tap popup not shown

Google One-Tap will not display in the same browser or the last website visited for a period of time if users close One Tap Close ‘X’ button. It is so called Exponential Cooldown. In such case, you can clear all browser’s application data to restore. In example of Chrome, F12 > Chrome Developer Tools > Application tab > Clear storage in left tree > Select all data items > click Clear site data

Manual install

The auto installation hardly fits all themes. In such case, it needs to manually insert custom tags in the proper location in the theme templates. You can try to insert the tags manually:

<div name="hiko-container"></div>

Optional attribures:

• type: with value register or login
• ignore: do not auto install, use custom styles and html tags instead.
• register_tag: the value will be tagged in customer profile

Change the button display sequence

App admin > Logo and Color > Sequence , click on the up and down arrows

Is Instagram login supported?

Instagram no longer supports app Authentication, so it is unable to be used as part of any Social Login solution.You can see the official statement from Instagram.

Does Amazon login in amazon.co.jp and amazon.co.uk supported?

Yes, it does. Amazon has 3 different regions, North America (amazon.com), Europe (amazon.co.uk), and Far East (amazon.co.jp). Each of them hold customer accounts separately. You can choose one of the 3 regions for your store from Professional > Custom API Keys > Amazon > .

Apple private email relay

Customers sigin in with Apple can choose to hide the email address. When choosing hide, Apple will create a unique, random email addresses to let personal email staying in private. The domain of the generated email address will be privaterelay.appleid.com. The emails will be able to send and receive messages to and from customers using Apple’s private email relay service.

Customize login button width

In some themes, the width of login form is too wide that causes login button in the block extended too wide together. The width can be customize in CSS. For example:

<style>
.center {
   margin: auto;
   width: 300px;
}
          
@media (max-width: 300px) {
   .center {
       width: 90%;
   }
}
</style>

<div name="hiko-container" class="center" type="login"></div>