1. Install and activate the WordPress PWA plugin

Go to the WordPress Plugin Directory to get the latest version of the WordPress PWA plugin. Then follow the steps below.

  • Click the Download button to get a .zip file.

  • Once the download is completed, log into your WordPress site and go to Plugins > Add new.

  • Click Upload Plugin and upload the previous .zip file.

Alternatively, you can directly install our plugin from your WordPress Admin. Navigate on the left menu to Plugins > Add new and search for "WordPress PWA" (By WordPress PWA). Then click the Install Now button.

  • Once installed, remember to Activate the plugin. To do so, you can navigate to Plugins > Installed Plugins, and then click on Activate the WordPress PWA plugin.

2. Add Frontity's injector in your WordPress theme

After installing and activating the WordPress PWA plugin:

  • Navigate to Appearance > Editor > Theme header (header.php).

  • Copy and paste the following code on the header.php file of your current theme, right after the <head> tag:

    <?php
    if (isset($GLOBALS['wp_pwa_path'])) {
    require( WP_PLUGIN_DIR . $GLOBALS['wp_pwa_path'] . '/injector/wp-pwa-injector.php');
    }
    ?>
  • Click Update File to apply and save changes.

Important: Our injector must be the first script to load, please make sure no other scripts are inserted before ours.

3. Enter your Site ID

  • Click the PWA button on the left menu of your WordPress dashboard to navigate to the plugin configuration screen.

  • Go to Step 3 ("Connect this WordPress...) and click theInsert a valid Site ID blue button.

  • Enter the Site ID we previously gave you.

If you don’t know which is the Site ID for your WordPress site, please contact us.