# Frontity - Progressive Web App Themes with Google AMP # **Contributors:** [poliuk](https://profiles.wordpress.org/poliuk), [luisherranz](https://profiles.wordpress.org/luisherranz), [rmartinezduque](https://profiles.wordpress.org/rmartinezduque), [orballo](https://profiles.wordpress.org/orballo), [davidarenas](https://profiles.wordpress.org/davidarenas) **Tags:** pwa, progressive web app, google amp, mobile theme, react **Author URI:** https://frontity.com/?utm_source=plugin-repository&utm_medium=link&utm_campaign=plugin-description **Requires at least:** 4.7 **Tested up to:** 5.0 **Stable tag:** trunk **License:** GPLv3 **License URI:** http://www.gnu.org/licenses/gpl.html Make your mobile site fast and highly engaging with a Progressive Web App (PWA) theme built with React. ## Description ## **[Frontity](https://frontity.com/?utm_source=plugin-repository&utm_medium=link&utm_campaign=plugin-description)** (or WordPress PWA) is a plugin that adds a Progressive Web App (PWA) theme for mobile visitors to your site. Suitable for **blogs and news sites**, this theme makes your site faster and more engaging on mobile devices. A Progressive Web App (PWA) theme is a great way to improve site performance and offer an outstanding mobile experience for your users as it combines the best of mobile web and the best of mobile apps. You can use web push notifications, let users experience instant loading times, swipe between articles, access your site from the home screen, among many things. This way, Frontity significantly helps to increase **user engagement**, **page views** per session, retention, and boost **revenue**. In addition, Frontity combines the power of PWA technologies with Google AMP (Accelerated Mobile Pages). You can enable this feature on your mobile site without any extra configuration and enjoy both PWA and AMP benefits. ### How does Frontity work? ### * **Keep your desktop theme**: Frontity is a Progressive Web App (PWA) theme for mobile visitors - your desktop theme will not change and will continue to show for your non-mobile visitors. * **Same URL**: Frontity uses the same URL as your regular theme. When a visit comes from a mobile device, it automatically loads the PWA theme. * **Control what to display**: you can choose what to display in your menu (lists of posts, pages, categories) and exclude specific URLs from being loaded into the PWA theme. * **Customize appearance**: change theme color, your logo, link styles, size of featured images, and other graphic elements to match your blog’s identity. * **The latest PWA technologies**: we use the latest JavaScript Frameworks (ReactJS) to deliver the best progressive web apps experiences. ### With Frontity, you can... ### * **Combine PWA features with Google AMP**: you can easily enable Google AMP on your Progressive Web App theme without any extra configuration and enjoy both PWA and AMP benefits. * **Experience instant loading times**: Frontity is optimized to make your blog load in less than one second and ensures it always achieves a high performance, which matters so much to your SEO efforts. * **Use web push notifications**: keep readers engaged and notified of new posts with instant web notifications that pop up on their mobile device. * **Improve UX and reduce bounce rates**: infinite and horizontal scrolling allow to instantly navigate between posts, categories, or pages. This app-like design keeps users engage with your blog and reduces bounce rates. * **Get more traffic and revenue**: speed is key for publishers nowadays. Frontity's features have been proved to increase page views per visit and boost revenue. * **Get automatic updates**: your Progressive Web App theme will be automatically updated every time we release a new version with improvements and fixes. ### Extensions ### Frontity can be integrated with the tools you already use: * Google Analytics * OneSignal Push Notifications * Disqus Comments * Yoast SEO * ComScore * Google AdSense * Smart Ads * DoubleClick for Publishers * Google Tag Manager... ### Instant demo ### Visit **[frontity.com/demo](https://frontity.com/demo?utm_source=plugin-repository&utm_medium=demo-link&utm_campaign=plugin-description)** and enter your email address and site's URL to view an instant demo of our PWA theme on your blog. Please note that **not all Frontity’s features are shown in the basic demo**. If you have any questions or doubts, feel free to visit our [Help and FAQ page](https://frontity.com/get-help?utm_source=plugin-repository&utm_medium=link&utm_campaign=plugin-description). IMPORTANT * **Access** to our platform is currently **limited**. In order to configure and activate the Progressive Web App (PWA) theme you have to request a Site ID first. To do so, install the plugin like any other WordPress plugin and activate it. Then click the Frontity menu entry, follow the steps given to request a Site ID, and start using our PWA theme. * **Compatibility**: please note our PWA theme is only suitable for **blogs**, **news sites** and magazines. It is not compatible with e-commerce, corporate, classifieds, or custom WordPress sites. We will not be able to provide you with a Site ID if your site is not compatible with Frontity. ## Installation ## **From your WordPress Control Panel:** - Go to Plugins > Add new, and search for “Frontity”. - Click the “Install now” button. - Once the plugin has been installed, click “Activate Plugin”. **From the WordPress Plugin Directory:** - Click the “Download” button to get a .zip file. - Once the download is completed, go to your WordPress Control Panel > Plugins > Add new. - Upload the previous .zip file. - Activate the plugin after its installation. Once the plugin is installed and activated, click the Frontity menu entry and follow the steps given to request a Site ID. ## Frequently Asked Questions ## ### How do I get a Site ID? ### First, install the plugin like any other WordPress plugin and activate it. Then click the Frontity menu entry and fill out the form to request a Site ID. Please note our PWA theme is suitable for **blogs, news sites and magazines**. It is not compatible with e-commerce, corporate, classifieds, or custom WordPress sites. ### Can I view a demo? ### Sure, go to **[frontity.com/demo](https://frontity.com/demo?utm_source=plugin-repository&utm_medium=demo-link&utm_campaign=plugin-description)** and fill out the required fields to view your demo. Please note that **not all Frontity’s features** are shown in the basic demo. ### Is Frontity compatible with third-party plugins? ### Frontity uses the REST API to take the content from your WordPress site and display it in a client-side rendered PWA. If a third-party plugin is compatible with the REST API, it should be compatible with ours as well. But it really depends on each plugin. Frontity is compatible with some of the most popular plugins, such as YOAST SEO. It does not support, however, those third-party plugins that implement major features such as WooCommerce. ### Why mobile speed is important? ### According to Google, 53% of visitors leave a mobile site after 3 seconds if the content doesn’t load quickly. No one likes to stare at an empty screen waiting for pages to load. These users who are frustrated by a slow-loading site are more likely to bounce: visit your site once, leave and never return. If you don’t want to lose more traffic, you need to prioritize your mobile performance. Speed is key to keep users engaged, which results in greater pageviews and ad revenue, among many other benefits. ### How do I get in touch? ### For any questions or doubts you can contact us at support@frontity.com or visit our [FAQ page](https://frontity.com/get-help?utm_source=plugin-repository&utm_medium=link&utm_campaign=plugin-description). For technical issues, visit documentation at [support.frontity.com](https://support.frontity.com/). ## Screenshots ## 1. Frontity Plugin > How it works 2. Frontity Plugin > Activation of PWA theme and Google AMP 3. Frontity Plugin > Insert Site ID 4. Frontity Plugin > Advanced Settings ## Changelog ## Please take a look at our [Changelog](https://github.com/frontity/wp-plugin/blob/master/CHANGELOG.md) file.