Merge pull request #7790 from Automattic/fix/sensei-pro-upgrade-url

m1r0 · web-flow · commit 05995bcc6135 · 2025-04-10T16:44:58.000+03:00
Sensei Upsell: Update upgrade URL based on hosting provider
diff --git a/assets/admin/editor-wizard/steps/course-upgrade-step.js b/assets/admin/editor-wizard/steps/course-upgrade-step.js
@@ -11,6 +11,7 @@ import { useSelect } from '@wordpress/data';
 import { EXTENSIONS_STORE } from '../../../extensions/store';
 import senseiProUpsellImage from '../../../images/sensei-pro-upsell.png';
 import CheckIcon from '../../../icons/checked.svg';
+import { getSenseiProUpsellUrl } from '../../helpers';
 
 /**
  * Upgrade step during course creation wizard.
@@ -100,12 +101,13 @@ const FeatureItem = ( { children } ) => (
 CourseUpgradeStep.Actions = ( { goToNextStep } ) => {
 	const upgrade = () => {
 		window.open(
-			'https://senseilms.com/sensei-pro/?utm_source=plugin_sensei&utm_medium=upsell&utm_campaign=course_editor_wizard',
+			getSenseiProUpsellUrl( 'course_editor_wizard' ),
 			'sensei-pricing',
 			'noreferrer'
 		);
 		goToNextStep();
 	};
+
 	return (
 		<>
 			<Button
diff --git a/assets/admin/editor-wizard/steps/lesson-patterns-step.js b/assets/admin/editor-wizard/steps/lesson-patterns-step.js
@@ -9,6 +9,7 @@ import { Fragment } from '@wordpress/element';
  */
 import PatternsStep from './patterns-step';
 import LogoTreeIcon from '../../../icons/logo-tree.svg';
+import { getSenseiProUpsellUrl } from '../../helpers';
 import { useHideEditorWizardUpsell } from '../helpers';
 
 /**
@@ -63,7 +64,9 @@ const UpsellBlock = () => (
 			) }{ ' ' }
 			<a
 				className="sensei-editor-wizard-patterns-upsell__link"
-				href="https://senseilms.com/sensei-pro/?utm_source=plugin_sensei&utm_medium=upsell&utm_campaign=lesson_patterns_editor_wizard"
+				href={ getSenseiProUpsellUrl(
+					'lesson_patterns_editor_wizard'
+				) }
 				rel="noreferrer external"
 				target="blank"
 			>
diff --git a/assets/admin/helpers.js b/assets/admin/helpers.js
@@ -0,0 +1,37 @@
+/**
+ * Get the Sensei Pro upgrade URL.
+ *
+ * @param {string} campaign The campaign name.
+ *
+ * @return {string} The upgrade URL.
+ */
+export const getSenseiProUpsellUrl = ( campaign = '' ) => {
+	const { upsellUrl } = window.sensei_admin;
+
+	const senseiParams = new URLSearchParams( {
+		utm_source: 'plugin_sensei',
+		utm_medium: 'upsell',
+		utm_campaign: campaign,
+	} );
+
+	return `${ upsellUrl }?${ senseiParams.toString() }`;
+};
+
+/**
+ * Get the Sensei Pro checkout URL.
+ *
+ * @param {string} campaign The campaign name.
+ *
+ * @return {string} The checkout URL.
+ */
+export const getSenseiProCheckoutUrl = ( campaign = '' ) => {
+	const { checkoutUrl } = window.sensei_admin;
+
+	const senseiParams = new URLSearchParams( {
+		utm_source: 'plugin_sensei',
+		utm_medium: 'checkout',
+		utm_campaign: campaign,
+	} );
+
+	return `${ checkoutUrl }?${ senseiParams.toString() }`;
+};
diff --git a/assets/blocks/course-outline/outline-block/outline-edit.js b/assets/blocks/course-outline/outline-block/outline-edit.js
@@ -27,8 +27,7 @@ import ExistingLessonsModal from './existing-lessons-modal';
 import OutlinePlaceholder from './outline-placeholder';
 import useSenseiProSettings from './use-sensei-pro-settings';
 import { applyFilters } from '@wordpress/hooks';
-
-const SENSEI_PRO_LINK = 'https://senseilms.com/sensei-pro/';
+import { getSenseiProUpsellUrl } from '../../../admin/helpers';
 
 const ALLOWED_BLOCKS = [
 	'sensei-lms/course-outline-module',
@@ -106,7 +105,7 @@ const OutlineEdit = ( props ) => {
 		if ( removeCourseOutlineGeneratorUpsell ) {
 			window.location.hash = 'generate-course-outline-using-ai';
 		} else {
-			window.location.href = SENSEI_PRO_LINK;
+			window.location.href = getSenseiProUpsellUrl( 'outline_edit' );
 		}
 	}, [ removeCourseOutlineGeneratorUpsell ] );
 
diff --git a/assets/blocks/quiz/ordering-promo/index.js b/assets/blocks/quiz/ordering-promo/index.js
@@ -5,8 +5,10 @@ import { __ } from '@wordpress/i18n';
 import { addFilter } from '@wordpress/hooks';
 import { ExternalLink } from '@wordpress/components';
 
-const PROMO_LINK =
-	'https://senseilms.com/sensei-pro/?utm_source=plugin_sensei&utm_medium=upsell&utm_campaign=quiz_ordering_question_type';
+/**
+ * Internal dependencies
+ */
+import { getSenseiProUpsellUrl } from '../../../admin/helpers';
 
 function addOrderingPromoOption( options ) {
 	options.push( {
@@ -39,7 +41,9 @@ function addPromoLink( children, option ) {
 			<div className="sensei-lms-question-block__type-selector__option__description sensei-lms-question-block__type-selector__option__description--disabled">
 				{ option.description }
 			</div>
-			<ExternalLink href={ PROMO_LINK }>
+			<ExternalLink
+				href={ getSenseiProUpsellUrl( 'quiz_ordering_question_type' ) }
+			>
 				{ __( 'Upgrade to Sensei Pro', 'sensei-lms' ) }
 			</ExternalLink>
 		</div>
diff --git a/assets/blocks/quiz/quiz-block/quiz-settings.test.js b/assets/blocks/quiz/quiz-block/quiz-settings.test.js
@@ -39,7 +39,13 @@ jest.mock( '@wordpress/block-editor', () => ( {
 jest.mock( '@wordpress/data' );
 
 describe( '<QuizSettings />', () => {
+	afterEach( () => {
+		delete window.sensei_admin;
+	} );
 	beforeEach( () => {
+		window.sensei_admin = {
+			upsellUrl: 'https://senseilms.com/sensei-pro',
+		};
 		useSelect.mockImplementation( () => [
 			{
 				attributes: {
diff --git a/assets/blocks/quiz/quiz-block/quiz-timer-promo.js b/assets/blocks/quiz/quiz-block/quiz-timer-promo.js
@@ -4,6 +4,11 @@
 import { ToggleControl, ExternalLink } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 
+/**
+ * Internal dependencies
+ */
+import { getSenseiProUpsellUrl } from '../../../admin/helpers';
+
 /**
  * Quiz block inserter for adding new or existing questions.
  */
@@ -20,7 +25,7 @@ const QuizTimerPromo = () => {
 			/>
 
 			<p>
-				<ExternalLink href="https://senseilms.com/sensei-pro/?utm_source=plugin_sensei&utm_medium=upsell&utm_campaign=quiz_timer">
+				<ExternalLink href={ getSenseiProUpsellUrl( 'quiz_timer' ) }>
 					{ __( 'Upgrade to Sensei Pro', 'sensei-lms' ) }
 				</ExternalLink>
 			</p>
diff --git a/assets/home/sections/sensei-pro-ad.js b/assets/home/sections/sensei-pro-ad.js
@@ -11,7 +11,10 @@ import { EXTENSIONS_STORE } from '../../extensions/store';
 import { Col } from '../grid';
 import senseiProAdImageUrl from '../../images/sensei-pro-ad-image.png';
 import senseiProAdStarsUrl from '../../images/sensei-pro-ad-stars.png';
-import { addUtms } from '../utils';
+import {
+	getSenseiProUpsellUrl,
+	getSenseiProCheckoutUrl,
+} from '../../admin/helpers';
 
 /**
  * Sensei Pro Ad to be shown on Sensei Home.
@@ -109,9 +112,7 @@ const SenseiProAd = ( { show } ) => {
 							</ul>
 
 							<a
-								href={ addUtms(
-									'https://senseilms.com/checkout/?add-to-cart=7009'
-								) }
+								href={ getSenseiProCheckoutUrl( 'home' ) }
 								target="_blank"
 								rel="noreferrer external"
 								className="sensei-home__sensei-pro-ad__button is-primary is-large components-button"
@@ -120,9 +121,7 @@ const SenseiProAd = ( { show } ) => {
 							</a>
 
 							<a
-								href={ addUtms(
-									'https://senseilms.com/sensei-pro/'
-								) }
+								href={ getSenseiProUpsellUrl( 'home' ) }
 								target="_blank"
 								rel="noreferrer external"
 								className="sensei-home__sensei-pro-ad__button is-secondary is-large components-button"
diff --git a/assets/js/admin/course-access-period-promo-sidebar.js b/assets/js/admin/course-access-period-promo-sidebar.js
@@ -4,6 +4,11 @@
 import { ExternalLink, SelectControl, PanelBody } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 
+/**
+ * Internal dependencies
+ */
+import { getSenseiProUpsellUrl } from '../../admin/helpers';
+
 /**
  * Course access period promo sidebar component.
  */
@@ -15,7 +20,9 @@ const CourseAccessPeriodPromoSidebar = () => {
 		>
 			<div className="sensei-course-access-period-promo">
 				<p>
-					<ExternalLink href="https://senseilms.com/sensei-pro/?utm_source=plugin_sensei&utm_medium=upsell&utm_campaign=course_access_period">
+					<ExternalLink
+						href={ getSenseiProUpsellUrl( 'course_access_period' ) }
+					>
 						{ __( 'Upgrade to Sensei Pro', 'sensei-lms' ) }
 					</ExternalLink>
 				</p>
diff --git a/assets/js/admin/course-general-sidebar.js b/assets/js/admin/course-general-sidebar.js
@@ -18,6 +18,7 @@ import { applyFilters } from '@wordpress/hooks';
 /**
  * Internal dependencies
  */
+import { getSenseiProUpsellUrl } from '../../admin/helpers';
 import editorLifecycle from '../../shared/helpers/editor-lifecycle';
 import {
 	extractStructure,
@@ -140,7 +141,9 @@ const CourseGeneralSidebar = () => {
 			{ ! hideCoteachersUpgrade && (
 				<div className="sensei-course-coteachers-wrapper">
 					{ __( 'Multiple teachers?', 'sensei-lms' ) }{ ' ' }
-					<ExternalLink href="https://senseilms.com/sensei-pro/?utm_source=plugin_sensei&utm_medium=upsell&utm_campaign=co-teachers">
+					<ExternalLink
+						href={ getSenseiProUpsellUrl( 'co-teachers' ) }
+					>
 						{ __( 'Upgrade to Sensei Pro', 'sensei-lms' ) }
 					</ExternalLink>
 				</div>
diff --git a/assets/js/admin/course-pricing-promo-sidebar.js b/assets/js/admin/course-pricing-promo-sidebar.js
@@ -7,9 +7,13 @@ import { escapeHTML } from '@wordpress/escape-html';
 import { Button, ExternalLink, PanelBody } from '@wordpress/components';
 
 /**
- * Course Pricing Promo Sidebar component.
+ * Internal dependencies
  */
+import { getSenseiProUpsellUrl } from '../../admin/helpers';
 
+/**
+ * Course Pricing Promo Sidebar component.
+ */
 const CoursePricingPromoSidebar = () => {
 	/**
 	 * Filters to get description for pricing component.
@@ -32,9 +36,7 @@ const CoursePricingPromoSidebar = () => {
 			<p> { escapeHTML( description ) } </p>
 			<p>
 				<ExternalLink
-					href={
-						'https://senseilms.com/sensei-pro/?utm_source=plugin_sensei&utm_medium=upsell&utm_campaign=course_pricing'
-					}
+					href={ getSenseiProUpsellUrl( 'course_pricing' ) }
 				>
 					{ __( 'Upgrade to Sensei Pro', 'sensei-lms' ) }
 				</ExternalLink>
diff --git a/assets/js/admin/lesson-ai.js b/assets/js/admin/lesson-ai.js
@@ -6,10 +6,12 @@ import { __ } from '@wordpress/i18n';
 import { addFilter } from '@wordpress/hooks';
 import { compose } from '@wordpress/compose';
 import { Icon } from '@wordpress/icons';
+
 /**
  * Internal dependencies
  */
 import AiIcon from '../../icons/ai-icon.svg';
+import { getSenseiProUpsellUrl } from '../../admin/helpers';
 
 const withQuestionGeneratorUpsellButton = ( BlockEdit ) => ( props ) => {
 	return (
@@ -20,7 +22,7 @@ const withQuestionGeneratorUpsellButton = ( BlockEdit ) => ( props ) => {
 					className="sensei-pro-ai-generate-questions-button upsell"
 					onClick={ () => {
 						window.open(
-							'https://senseilms.com/sensei-pro/?utm_source=plugin_sensei&utm_medium=upsell&utm_campaign=quesion-ai',
+							getSenseiProUpsellUrl( 'question-ai' ),
 							'_blank'
 						);
 					} }
diff --git a/changelog/fix-sensei-pro-upgrade-url b/changelog/fix-sensei-pro-upgrade-url
@@ -0,0 +1,4 @@
+Significance: minor
+Type: added
+
+Fix: Update Sensei Pro upgrade URL to handle WordPress.com hosted sites correctly
diff --git a/includes/admin/home/tasks/task/class-sensei-home-task-pro-upsell.php b/includes/admin/home/tasks/task/class-sensei-home-task-pro-upsell.php
@@ -10,6 +10,8 @@
 	exit; // Exit if accessed directly.
 }
 
+use Sensei\Internal\Services\Sensei_Pro_Upsell;
+
 /**
  * Sensei_Home_Task_Pro_Upsell.
  *
@@ -74,7 +76,13 @@ public static function mark_completed_and_redirect() {
 		update_option( self::get_id(), true );
 
 		// phpcs:ignore WordPress.Security.SafeRedirect.wp_redirect_wp_redirect -- We're redirecting to an external URL.
-		wp_redirect( 'https://senseilms.com/sensei-pro/?utm_source=plugin_sensei&utm_medium=upsell&utm_campaign=sensei-home' );
+		wp_redirect(
+			add_query_arg(
+				Sensei_Pro_Upsell::get_default_utm_params( 'sensei-home' ),
+				Sensei_Pro_Upsell::get_base_url()
+			)
+		);
+		exit;
 	}
 
 	/**
diff --git a/includes/class-sensei-admin.php b/includes/class-sensei-admin.php
@@ -3,6 +3,7 @@
 use Sensei\Admin\Content_Duplicators\Course_Lessons_Duplicator;
 use Sensei\Admin\Content_Duplicators\Lesson_Quiz_Duplicator;
 use Sensei\Admin\Content_Duplicators\Post_Duplicator;
+use Sensei\Internal\Services\Sensei_Pro_Upsell;
 
 if ( ! defined( 'ABSPATH' ) ) {
 	exit; // Exit if accessed directly
@@ -444,13 +445,30 @@ public function register_scripts( $hook ) {
 		// Event logging.
 		Sensei()->assets->enqueue( 'sensei-event-logging', 'js/admin/event-logging.js', [ 'jquery' ], true );
 
+		// Add global admin data.
+		$this->localize_admin_data();
+
 		if ( $this->has_custom_navigation( $screen ) ) {
 			Sensei()->assets->enqueue( 'sensei-admin-custom-navigation', 'js/admin/custom-navigation.js', [], true );
 		}
 
 		wp_localize_script( 'sensei-event-logging', 'sensei_event_logging', [ 'enabled' => Sensei_Usage_Tracking::get_instance()->get_tracking_enabled() ] );
 	}
 
+	/**
+	 * Localize admin data that should be available on all admin pages.
+	 *
+	 * This method adds global data to the admin scripts, such as the upsell URL.
+	 */
+	private function localize_admin_data() {
+		$data = [
+			'upsellUrl'   => Sensei_Pro_Upsell::get_base_url(),
+			'checkoutUrl' => Sensei_Pro_Upsell::get_checkout_url(),
+		];
+
+		wp_localize_script( 'sensei-event-logging', 'sensei_admin', $data );
+	}
+
 	/**
 	 * Check if the current screen has a custom navigation.
 	 *
diff --git a/includes/class-sensei-course.php b/includes/class-sensei-course.php
@@ -3,6 +3,8 @@
 	exit; // Exit if accessed directly
 }
 
+use Sensei\Internal\Services\Sensei_Pro_Upsell;
+
 /**
  * Sensei Course Class
  *
@@ -265,9 +267,18 @@ public function showcase_courses_screen() {
 						<span class="sensei-showcase-upsell__price-period"><?php esc_html_e( 'per year, 1 site', 'sensei-lms' ); ?></span>
 					</div>
 
+					<?php
+					$upsell_args = array_merge(
+						Sensei_Pro_Upsell::get_default_utm_params(),
+						[ 'utm_campaign' => 'showcase' ]
+					);
+
+					$primary_url    = Sensei_Pro_Upsell::get_sensei_pro_upsell_url( 'showcase' );
+					$learn_more_url = add_query_arg( $upsell_args, 'https://senseilms.com/documentation/showcase/' );
+					?>
 					<ul class="sensei-showcase-upsell__buttons">
-						<li><a href="https://senseilms.com/sensei-pro/?utm_source=plugin_sensei&utm_medium=upsell&utm_campaign=showcase" class="sensei-showcase-upsell__button sensei-showcase-upsell__button--primary" target="_blank" rel="noreferrer"><?php esc_html_e( 'Get Sensei Pro', 'sensei-lms' ); ?></a></li>
-						<li><a href="https://senseilms.com/documentation/showcase/?utm_source=plugin_sensei&utm_medium=upsell&utm_campaign=showcase" class="sensei-showcase-upsell__button sensei-showcase-upsell__button--secondary" target="_blank" rel="noreferrer"><?php esc_html_e( 'Learn more', 'sensei-lms' ); ?></a></li>
+						<li><a href="<?php echo esc_url( $primary_url ); ?>" class="sensei-showcase-upsell__button sensei-showcase-upsell__button--primary" target="_blank" rel="noreferrer"><?php esc_html_e( 'Get Sensei Pro', 'sensei-lms' ); ?></a></li>
+						<li><a href="<?php echo esc_url( $learn_more_url ); ?>" class="sensei-showcase-upsell__button sensei-showcase-upsell__button--secondary" target="_blank" rel="noreferrer"><?php esc_html_e( 'Learn more', 'sensei-lms' ); ?></a></li>
 					</ul>
 				</div>
 
diff --git a/includes/class-sensei-groups-landing-page.php b/includes/class-sensei-groups-landing-page.php
diff --git a/includes/class-sensei-lesson.php b/includes/class-sensei-lesson.php
diff --git a/includes/class-sensei-settings-api.php b/includes/class-sensei-settings-api.php
diff --git a/includes/course-theme/class-sensei-course-theme-template-selection.php b/includes/course-theme/class-sensei-course-theme-template-selection.php
diff --git a/includes/internal/emails/class-email-list-table.php b/includes/internal/emails/class-email-list-table.php
diff --git a/includes/internal/services/class-sensei-pro-upsell.php b/includes/internal/services/class-sensei-pro-upsell.php
diff --git a/sensei-lms.php b/sensei-lms.php
