Start a conversation

Redirecting your website to your PWA

Overview

This article outlines the process of enabling your website to redirect the users to your Web App by the use of a script or a QR code.

Diagnosis

You will want your users when using their mobile devices to be able to access the PWA version of you app so they can view the content of your site in a specially designed and optimal manner.

Prerequisites

  • PWA (Progressive Web App type)
  • (applicable to Website Redirect) Access to edit your website's code.
  • (applicable to QR Code) QR Scanner app installed on your mobile device.

Solution

Redirect to Web App

Enabling Your Website Redirect

You can use the redirect script to allow the site to recognise when someone is visiting from their phone and automatically send them to the Web App for optimal viewing.

  1. Download or view the redirect attachment from the Web App Publishing information in the email received after you published your PWA.  The script is available once you publish your app or you may have to request it.
  2. Copy the redirect script and paste it into the header of the front-end site's home page. This is only possible if you have access to edit your website's code. 

    Note:
    • Don't add this script to each page of the front-end site, because that will result in an endless loop that prevents users from visiting specific pages of your front-end site on their phone. The home page header is enough.
    • If you have already set up a custom domain for your PWA, you'll want to replace the entire URL in the redirect script with the custom URL you created.
    • You can see below the corresponding excerpt from the script

webapp-redirect.png

 3. Access your site's URL on your mobile device's browser.

Using Your QR Code

QR codes are basically bar codes that contain a URL. The process is as follows:

  1. You can download your Web App QR code from the email with Web App Publishing information you received after you published your PWA.

  2. Use your QR scanner app and scan the code.
Choose files or drag and drop files
Was this article helpful?
Yes
No
  1. Support

  2. Posted

Comments