WP-PWA Support Documentation
Search…
Introduction
Getting started
Installation guide
How to check WP-PWA is properly installed
How to preview your PWA
Exclude URLs in the PWA
Integrations
Troubleshooting
Useful information
Powered By GitBook
Installation guide

1. Install and activate WP-PWA plugin

Go to the WordPress Plugin Directory to get the latest version of WP-PWA. 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 "WP-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 WP-PWA plugin.

2. Enter your Site ID

  • Navigate to the WP-PWA menu item (on your WordPress dashboard) > Advanced Settings.
  • Once you're in the Advanced Settings screen, 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.
  • Click Save changes.

3. Add WP-PWA injector to your WordPress theme

After installing and activating WP-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:
    1
    <?php
    2
    if (isset($GLOBALS['wp_pwa_path'])) {
    3
    require( WP_PLUGIN_DIR . $GLOBALS['wp_pwa_path'] . '/injector/wp-pwa-injector.php');
    4
    }
    5
    ?>
    Copied!
  • Click Update File to apply and save changes.
https://youtu.be/FfNZMoQoWUU
youtu.be
Important: Our injector must be the first script to load, please make sure no other scripts are inserted before ours.
Previous
Getting started
Next
How to check WP-PWA is properly installed
Last modified 3yr ago
Copy link
Contents
1. Install and activate WP-PWA plugin
2. Enter your Site ID
3. Add WP-PWA injector to your WordPress theme