{"id":38576,"date":"2024-07-05T15:59:21","date_gmt":"2024-07-05T10:29:21","guid":{"rendered":"https:\/\/www.inogic.com\/blog\/?p=38576"},"modified":"2024-11-28T14:56:17","modified_gmt":"2024-11-28T09:26:17","slug":"personalize-your-power-pages-portal-with-custom-sign-out-redirects","status":"publish","type":"post","link":"https:\/\/www.inogic.com\/blog\/2024\/07\/personalize-your-power-pages-portal-with-custom-sign-out-redirects\/","title":{"rendered":"Personalize Your Power Pages Portal with Custom Sign-Out Redirects"},"content":{"rendered":"

\"Personalize<\/p>\n

Recently, we had a requirement regarding the Power Pages Portal where the website was a customer website and there were multiple Web Pages present. So, whenever the user logs out of any web page and again tries to sign in to the same site on the same browser, then the portal by default redirects the user to the web page where they signed out. So, the user wanted to be redirected to a specific page after signing in to the same portal site.<\/p>\n

So, after researching various solutions, we found that each had its shortcomings. Ultimately, we discovered an effective method (which is provided below) to achieve this.<\/p>\n

To redirect a user to a custom page after logging in on the Power Pages Portal Website, there are two major steps:<\/p>\n

Step 1: Disable the Profile site setting<\/strong><\/h2>\n
    \n
  1. Go to Power Pages Management. On the sitemap, under the Website <\/strong>section, select Site Setting<\/strong> and then search for \u2018Authentication\/Registration\/ProfileRedirectEnabled<\/strong>\u2019.\"Personalize<\/li>\n
  2. Open the record and set the value of the Value <\/strong>field to false,<\/strong> then save and close the record.<\/li>\n<\/ol>\n

    After switching the value from true<\/strong> to false<\/strong>, the logged-in user will no longer be redirected to the Profile <\/strong>page but instead will be redirected to the page shown upon user sign-out.<\/p>\n

    \"Personalize<\/p>\n

    Step 2: Adding Code to Content Snippets.<\/strong><\/p>\n

      \n
    1. On the Sitemap, under the Content <\/strong>section, select Content Snippets<\/strong>.\"Personalize<\/li>\n
    2. Create a new Content Snippet<\/strong> for the sign-in page named “Account\/SignIn\/PageCopy”<\/strong> and include the other details if they are not already provided.\"Personalize<\/li>\n
    3. Add\u00a0the provided JavaScript\u00a0code\u00a0below\u00a0to\u00a0Value\u00a0(HTML). In the below code, we want the user to get redirected to the Welcome page (Which is our Custom page) instead of the Profile<\/strong> Page, so every time the user signs in, they will be redirected to the Welcome<\/strong> So here, instead of the Welcome<\/strong> page, rewrite the web page name you want to redirect and change the URL accordingly.<\/li>\n<\/ol>\n

      You can find your website’s return URL once you log out of your site.<\/p>\n

      <script>\r\n$(document).ready(() => {\r\nwindow.onload = function() {\r\nif(window.location.href.toLowerCase().contains('welcome')){\r\n\r\n}else{\r\nwindow.location.href = \"https:\/\/company.powerappsportals.com\/SignInreturnUrl=%2FWelcome%2F<\/a>\";\r\n}\r\n}\r\n})\r\n<\/script>\r\n<\/pre>\n
      In the above code, when the sign-in page gets loaded (when the user signs out), we will check the URL of the sign-in page, if it contains the return URL of the Welcome page or not. If not, then the URL will be changed to the welcome page URL.<\/p>\n
      Instead of checking whether the current URL contains the \u2018welcome\u2019<\/strong> word, you can also compare the whole URL, just like,<\/p>\n
      if (window.location.href.toLowerCase() == Page URL)<\/p>\n
      \"Personalize<\/p>\n
        \n
      1. Save<\/strong> and close the Content<\/strong> Snippet<\/strong>.<\/li>\n
      2. Now Sync<\/strong> and check.<\/li>\n
      3. Output of our scenario<\/strong>:
        \na. Before applying the above steps<\/strong>:<\/li>\n<\/ol>\n