Skip to content

Pricing page 2.0, fullscreen Checkout experience and WordPress.org compliance update

Latest
Compare
Choose a tag to compare
@swashata swashata released this 21 Oct 10:30
5669671

Version 2.9.0 comes with various improvements and updates to provide a better experience for your users and stay compliant with the latest wp.org guidelines.

✨ Freemius Pricing Page 2.0

pricing-page-wp-sdk

Our new pricing page is officially out of beta and now bundled into the SDK! This updated version is fully responsive and open source. It supports more pricing use cases to better fit your needs. Check it out: Freemius Pricing Page on GitHub.

Breaking Change

With the removal of the iFrame-based pricing page, any custom CSS you’ve added through the Developer Dashboard will no longer work.

We understand the breaking nature of this update. While we’re working to bring back easy customizability, for now, there are two ways you can customize the CSS or the pricing app itself.

1: Using filters to modify the CSS and variables

The pricing page uses the same structure of CSS variables as our checkout. You can leverage the templates/pricing.php filter to print some inline CSS to modify the style.

For example:

my_fs()->add_filter('templates/pricing.php', function ( $template ) {
	$style = <<<'CSS'
<style>
#fs_pricing_app {
	--fs-ds-blue-10: #ECEFF1;
	--fs-ds-blue-100: #CFD8DC;
	--fs-ds-blue-200: #B0BEC5;
	--fs-ds-blue-300: #90A4AE;
	--fs-ds-blue-400: #78909C;
	--fs-ds-blue-500: #607D8B;
	--fs-ds-blue-600: #546E7A;
	--fs-ds-blue-700: #455A64;
	--fs-ds-blue-800: #37474F;
	--fs-ds-blue-900: #263238;
}
</style>
CSS;

	return $style . $template;
});

Please note that the CSS variables need to be applied on the #fs_pricing_app container.

2: Replacing the entire app

You can follow the instructions outlined here to replace the pricing page application with a custom build of yours.

In the near future, we will provide you with an easier way to modify the styles of the built-in application.

🛒 Fullscreen Checkout Experience

fullscreen-checkout

We’ve made the checkout experience even cleaner! When checking out, users are now redirected to the new fullscreen checkout version, reducing distractions while maintaining the natural and seamless user experience you’re used to. After a successful purchase, your users will be redirected back to the WP Admin, the license will auto-activate, and they’ll see a notification with a download link to the paid version.

📬 Improved In-Dashboard Contact Form

If you’re using the in-dashboard contact form, it will now open in a new tab as a full-screen view. This change along with the others, aligns us with the latest WordPress.org guidelines—say goodbye to all iFrames in the SDK!

⚡ Improved API caching

We noticed some API request caching could consume a significant amount of memory. We have now optimized the system to not cache API requests with large amounts of data.