Hello Retail panel login & third-party cookie phase-out

Third-party cookies are being phased out:

Major web browsers are phasing out third-party cookies, a fundamental component relied upon by web services for storing information across different domains.
Among the functionalities affected by this transition is the seamless single sign-on experience. In the case of Hello Retail, the absence of third-party cookies means a change in how users access and log into the Hello Retail panel on their website.

Hello Retail Panel login:

With the phase-out of third-party cookies, users will no longer experience automatic login to the Hello Retail panel on their website after logging in to their my.helloretail account.

Going forward a manual login process will have to be initiated once you are on your website. 

Note that the authorization achieved from logging in is unique to your websites domain, so if you have multiple websites with different domains, such as www.webshop.com and www.anothershop.com, you'll need to login to the panel for each of them individually.

Methods to Trigger the Login Process:

To initiate the login process for the Hello Retail panel, you can use one of the following methods:

These methods will trigger the appearance of the hello retail panel button.
When clicked it will initialise the login window:

1. Add query parameter to the URL:
   You can manually append the query parameter ?hello_retail_login to the URL of the website where you intend to log in to the hello retail panel.
   Just enter the parameter and reload the page with the parameter present.

   https://www.someshop.com?hello_retail_login

2. Navigate from my.helloretail.com:
   Visit my.helloretail.com and use one of the external links provided.
   These will send you to your website with the login quary parameter attached.

   • "Go to Website" link from the top navigation of the website dashboard page:

     

   • External link in the address column of the websites overview list:

     

These methods will trigger the login window directly:

1. Use a Bookmarklet:
   You can create a bookmarklet with the following functionality and click it whenever you need to login to the panel:

   javascript: (() => {hrq = window.hrq || []; hrq.push(["login"]); })();

   The following shows how to create a bookmarklet in chrome:

   • Open the bookmarks settings page by entering the following url in the address bar:

     chrome://bookmarks

   • Click the three dots menu in the top right corner and click the "Add new bookmark" option. A popup will open where you can give the bookmark a name and a URL field where you can add the javascript snippet from above:

     

2. Direct API login function call:
   You can call the API login function directly in your browser console using the following command:

   hrq.push(["login"])