Boost your sales and leads by integrating the Google PageSpeed Insights service! This Wordpress plugin is easy to use, fully customizable and lightweight. It lets your visitors analyze the PageSpeed score of their website. You can use this data to educate your customers about the (SEO) benefits of having a good PageSpeed score. And use this data in forms like Contact Form 7 and Gravity Forms. Or use the results, in for example, custom reports. The options are endless. You can process and display the results however you like!

Basic Demo:

Key Benefits:

• Generate leads
• Educate your customers about PageSpeed scores
• Keep customers engaged on your website
• Save the PageSpeed scores and process however you like
• Easy to use. Select it in Gutenberg Blocks or use it with a shortcode
• Clear documentation available
• Fast setup
• No coding needed
• Clean code, following the Wordpress coding standards
• Compatible with Woocommerce
• Compatible with all Wordpress themes
• Compatible with WPML
• Compatible with all the major browsers
• Fully responsive design out of the box
• Mobile friendly
• Fully customizable

Customization Features:

• Specify the minimum score for a positive result
• Easily change colors and other Gutenberg features
• Set placeholders and submit button
• Change submit button text
• Use different styles
• Display results in blocks, text or in specified HTML elements
• Redirect to other pages with results
• Email results

Requirements

You will need a free Google PageSpeed Insights Api key. Please read more about this in the configuration section.

Dependencies

This plugin needs the Google PageSpeed Api to be operating and reachable. Current version v5.

Support and Request

Please don't hesitate to contact support, ask a presale question or request a feature!
We will happily create more translations! Please shoot us a message if you would like to request a new language! Currently available in English, Dutch, German and Swedish.

Changelog

Please see the changelog on the homepage of this plugin.

1. Get Google PageSpeed Insights score of any website
2. Process the results however you like
3. Integrate the results in any form (like Contact Form 7 and Gravity Forms)

A Google PageSpeed Api key is required to use this plugin

Installation guide

Installation via Wordpress (recommended)

You can install this plugin via the Wordpress admin. Please follow these steps:

1. Navigate to: Menu -> Plugins -> Add New
2. Click ‘Upload Plugin’ in the top left corner
3. Locate and select the plugin .zip file
4. Upload and activate the plugin

Installation via (S)FTP

If you don’t want to install the plugin via the Wordpress backend, you can install the plugin via these steps:

1. Connect with the FTP server. Please ask you hosting for the details and credentials.
2. Upload the plugin files:
   1. Navigate to [website root]/wp-content/plugins/
   2. Create a directory ‘pagespeed-insights-integration’
   3. Unzip the plugin files in [website root]/wp-content/plugins/pagespeed-integration
3. Login the Wordpress admin
4. Navigate to: Menu -> Plugins -> Installed Plugins
5. Locate the plugin and click ‘activate’

Configuration guide

Plugin setup

You will need a Google Pagespeed Api key and save it in the Wordpress admin. To get an Api key, navigate to the Google PageSpeed Insights docs, click ‘Get a key’ and follow the steps.
If you have obtained a key, you can save it via the Wordpress Admin, or via the wp-config.php file

a. wp-config.php (recommended)

You can find the wp-config.php file in the root folder of your Wordpress website. Write the following line of code in wp-config.php:

define( 'GOOGLE_PAGESPEED_INSIGHTS_API_KEY', 'replacethiswithyourkey' );

You can place that line of code below the line ‘define( 'DB_COLLATE', …… )’

b. Wordpress admin

Please follow these steps to set the API Key via the Wordpress backend

1. Navigate to ‘Menu -> Google PSI’.
2. Paste in the Api key and save the settings

Usage: Gutenberg block

To display and configure the form, you can use the block ‘Pagespeed Insights integration’ in any post or page which has Gutenberg blocks enabled. Please use the block options to configure the form.

Usage: shortcode

If you would like to display the form via a shortcode, you can use the following shortcode:

[wdevs_psi]

You can use the following attributes (shortcode attributes are lower-cased):

• placeholder
• show-submit-button
• submit-button-text
• category
• strategy
• minimum-score
• result-format
• redirect-url
• html-result-selector
• html-website-selector
• email-addresses
• class-name

Example:

[wdevs_psi placeholder="https://example.com", strategy="desktop" minimum-score="70"]