add: update onboarding task list copies and illustrations (#44854)

packages/js/admin-e2e-tests/changelog/update-task-list-copies

@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Update tests for new task list copies

packages/js/admin-e2e-tests/src/constants/taskTitles.ts

@@ -1,10 +1,9 @@
 export const TaskTitles = {
 	storeDetails: 'Store details',
-	addPayments: 'Set up payments',
+	addPayments: 'Get paid',
-	wooPayments:
+	wooPayments: 'Get paid with WooPayments',
-		'Set up WooPaymentsBy setting up, you are agreeing to the Terms of Service2 minutes',
+	addProducts: 'Add your products',
-	addProducts: 'Add my products',
+	taxSetup: 'Collect sales tax',
-	taxSetup: 'Set up tax rates',
+	setUpShippingCosts: 'Get your products shipped',
-	setUpShippingCosts: 'Set up shipping',
 	personalizeStore: 'Personalize my store',
 };

packages/js/admin-e2e-tests/src/pages/PaymentsSetup.ts

@@ -18,7 +18,7 @@ export class PaymentsSetup extends BasePage {
 	url = 'wp-admin/admin.php?page=wc-admin&task=payments';
 
 	async isDisplayed(): Promise< void > {
-		await waitForElementByText( 'h1', 'Set up payments' );
+		await waitForElementByText( 'h1', 'Get paid' );
 	}
 
 	async possiblyCloseHelpModal(): Promise< void > {

packages/js/admin-e2e-tests/src/pages/ProductsSetup.ts

@@ -8,7 +8,7 @@ export class ProductsSetup extends BasePage {
 	url = 'wp-admin/admin.php?page=wc-admin&task=products';
 
 	async isDisplayed(): Promise< void > {
-		await waitForElementByText( 'h1', 'Add my products' );
+		await waitForElementByText( 'h1', 'Add your products' );
 	}
 
 	async isStartWithATemplateDisplayed(

packages/js/admin-e2e-tests/src/specs/tasks/payment.ts

@@ -44,7 +44,7 @@ export const testAdminPaymentSetupTask = () => {
 		} );
 
 		it( 'Can visit the payment setup task from the homescreen if the setup wizard has been skipped', async () => {
-			await homeScreen.clickOnTaskList( 'Set up payments' );
+			await homeScreen.clickOnTaskList( 'Get paid' );
 			await paymentsSetup.possiblyCloseHelpModal();
 			await paymentsSetup.isDisplayed();
 		} );
@@ -71,7 +71,7 @@ export const testAdminPaymentSetupTask = () => {
 			await homeScreen.navigate();
 			await homeScreen.isDisplayed();
 			await waitForTimeout( 1000 );
-			await homeScreen.clickOnTaskList( 'Set up payments' );
+			await homeScreen.clickOnTaskList( 'Get paid' );
 			await paymentsSetup.possiblyCloseHelpModal();
 			await paymentsSetup.isDisplayed();
 			await paymentsSetup.showOtherPaymentMethods();

packages/js/e2e-core-tests/src/specs/activate-and-setup/onboarding-tasklist.test.js

@@ -78,9 +78,9 @@ const runTaskListTest = () => {
 
 			// Work around for https://github.com/woocommerce/woocommerce-admin/issues/6761
 			if ( taskListItems.length === 6 ) {
-				// Click on "Set up shipping" task to move to the next step
+				// Click on "Get your products shipped" task to move to the next step
 				const [ setupTaskListItem ] = await page.$x(
-					'//div[contains(text(),"Set up shipping")]'
+					'//div[contains(text(),"Get your products shipped")]'
 				);
 				await setupTaskListItem.click();
 

plugins/woocommerce-admin/client/task-lists/fills/utils.js

@@ -11,7 +11,7 @@ const onboardingData = getAdminSetting( 'onboarding' );
 export const isImportProduct = () => {
 	return (
 		window?.wcAdminFeatures?.[ 'import-products-task' ] &&
-		onboardingData?.profile?.selling_venues &&
+		onboardingData?.profile?.business_choice &&
-		onboardingData?.profile?.selling_venues !== 'no'
+		onboardingData?.profile?.business_choice === 'im_already_selling'
 	);
 };

plugins/woocommerce-admin/client/task-lists/setup-task-list/components/task-headers/appearance.js

@@ -7,7 +7,6 @@ import { Button } from '@wordpress/components';
 /**
  * Internal dependencies
  */
-import TimerImage from './timer.svg';
 import { WC_ASSET_URL } from '../../../../utils/admin-settings';
 import { useAppearanceClick } from '../../../fills/appearance';
 
@@ -17,7 +16,6 @@ const AppearanceHeader = ( { task } ) => {
 	const taskTitle = task.title;
 	const taskDescription = task.content;
 	const taskCta = task.actionLabel;
-	const taskTime = task.time;
 
 	return (
 		<div className="woocommerce-task-header__contents-container">
@@ -39,10 +37,6 @@ const AppearanceHeader = ( { task } ) => {
 				>
 					{ taskCta }
 				</Button>
-				<p className="woocommerce-task-header__timer">
-					<img src={ TimerImage } alt="Timer" />{ ' ' }
-					<span>{ taskTime }</span>
-				</p>
 			</div>
 		</div>
 	);

plugins/woocommerce-admin/client/task-lists/setup-task-list/components/task-headers/marketing.js

@@ -7,7 +7,6 @@ import { __ } from '@wordpress/i18n';
 /**
  * Internal dependencies
  */
-import TimerImage from './timer.svg';
 import { WC_ASSET_URL } from '../../../../utils/admin-settings';
 
 const MarketingHeader = ( { task, goToTask } ) => {
@@ -15,14 +14,14 @@ const MarketingHeader = ( { task, goToTask } ) => {
 		<div className="woocommerce-task-header__contents-container">
 			<img
 				alt={ __( 'Marketing illustration', 'woocommerce' ) }
-				src={ WC_ASSET_URL + 'images/task_list/sales-illustration.png' }
+				src={ WC_ASSET_URL + 'images/task_list/sales-illustration.svg' }
 				className="svg-background"
 			/>
 			<div className="woocommerce-task-header__contents">
-				<h1>{ __( 'Get more sales', 'woocommerce' ) }</h1>
+				<h1>{ __( 'Reach more customers', 'woocommerce' ) }</h1>
 				<p>
 					{ __(
-						'Give your business a boost by enabling social channels such as newsletter, Facebook, Google, in-person selling, and more.',
+						'Start growing your business by showcasing your products on social media and Google, boost engagement with email marketing, and more!',
 						'woocommerce'
 					) }
 				</p>
@@ -31,12 +30,8 @@ const MarketingHeader = ( { task, goToTask } ) => {
 					isPrimary={ ! task.isComplete }
 					onClick={ goToTask }
 				>
-					{ __( 'Add sales channels', 'woocommerce' ) }
+					{ __( 'Grow your business', 'woocommerce' ) }
 				</Button>
-				<p className="woocommerce-task-header__timer">
-					<img src={ TimerImage } alt="Timer" />{ ' ' }
-					<span>{ task.time }</span>
-				</p>
 			</div>
 		</div>
 	);

plugins/woocommerce-admin/client/task-lists/setup-task-list/components/task-headers/payments.js

@@ -7,7 +7,6 @@ import { __ } from '@wordpress/i18n';
 /**
  * Internal dependencies
  */
-import TimerImage from './timer.svg';
 import { WC_ASSET_URL } from '../../../../utils/admin-settings';
 
 const PaymentsHeader = ( { task, goToTask } ) => {
@@ -16,15 +15,15 @@ const PaymentsHeader = ( { task, goToTask } ) => {
 			<img
 				alt={ __( 'Payment illustration', 'woocommerce' ) }
 				src={
-					WC_ASSET_URL + 'images/task_list/payment-illustration.png'
+					WC_ASSET_URL + 'images/task_list/payment-illustration.svg'
 				}
 				className="svg-background"
 			/>
 			<div className="woocommerce-task-header__contents">
-				<h1>{ __( 'Add a way to get paid', 'woocommerce' ) }</h1>
+				<h1>{ __( 'It’s time to get paid', 'woocommerce' ) }</h1>
 				<p>
 					{ __(
-						'Choose from fast & secure online and offline payment methods to make it easy for your customers to pay in your store.',
+						'Give your customers an easy and convenient way to pay! Set up one (or more!) of our fast and secure online or in person payment methods.',
 						'woocommerce'
 					) }
 				</p>
@@ -33,12 +32,8 @@ const PaymentsHeader = ( { task, goToTask } ) => {
 					isPrimary={ ! task.isComplete }
 					onClick={ goToTask }
 				>
-					{ __( 'View options', 'woocommerce' ) }
+					{ __( 'Get paid', 'woocommerce' ) }
 				</Button>
-				<p className="woocommerce-task-header__timer">
-					<img src={ TimerImage } alt="Timer" />{ ' ' }
-					<span>{ task.time }</span>
-				</p>
 			</div>
 		</div>
 	);

plugins/woocommerce-admin/client/task-lists/setup-task-list/components/task-headers/products.js

@@ -7,7 +7,6 @@ import { __ } from '@wordpress/i18n';
 /**
  * Internal dependencies
  */
-import TimerImage from './timer.svg';
 import { WC_ASSET_URL } from '../../../../utils/admin-settings';
 
 const ProductsHeader = ( { task, goToTask } ) => {
@@ -17,15 +16,15 @@ const ProductsHeader = ( { task, goToTask } ) => {
 				alt={ __( 'Products illustration', 'woocommerce' ) }
 				src={
 					WC_ASSET_URL +
-					'images/task_list/sales-section-illustration.png'
+					'images/task_list/sales-section-illustration.svg'
 				}
 				className="svg-background"
 			/>
 			<div className="woocommerce-task-header__contents">
-				<h1>{ __( 'Add products to sell', 'woocommerce' ) }</h1>
+				<h1>{ __( 'List your products', 'woocommerce' ) }</h1>
 				<p>
 					{ __(
-						'Build your catalog by adding what you want to sell. You can add products manually or import them from a different store.',
+						'Start selling by adding products or services to your store. Choose to list products manually, or import them from a different store. ',
 						'woocommerce'
 					) }
 				</p>
@@ -36,10 +35,6 @@ const ProductsHeader = ( { task, goToTask } ) => {
 				>
 					{ __( 'Add products', 'woocommerce' ) }
 				</Button>
-				<p className="woocommerce-task-header__timer">
-					<img src={ TimerImage } alt="Timer" />{ ' ' }
-					<span>{ __( '2 minutes', 'woocommerce' ) }</span>
-				</p>
 			</div>
 		</div>
 	);

plugins/woocommerce-admin/client/task-lists/setup-task-list/components/task-headers/purchase.js

@@ -10,7 +10,6 @@ import { recordEvent } from '@woocommerce/tracks';
  * Internal dependencies
  */
 import CartModal from '~/dashboard/components/cart-modal';
-import TimerImage from './timer.svg';
 import { WC_ASSET_URL } from '../../../../utils/admin-settings';
 
 const PurchaseHeader = ( { task } ) => {
@@ -48,10 +47,6 @@ const PurchaseHeader = ( { task } ) => {
 				>
 					{ __( 'Continue', 'woocommerce' ) }
 				</Button>
-				<p className="woocommerce-task-header__timer">
-					<img src={ TimerImage } alt="Timer" />{ ' ' }
-					<span>{ task.time }</span>
-				</p>
 			</div>
 			{ cartModalOpen && (
 				<CartModal

plugins/woocommerce-admin/client/task-lists/setup-task-list/components/task-headers/shipping.js

@@ -7,7 +7,6 @@ import { __ } from '@wordpress/i18n';
 /**
  * Internal dependencies
  */
-import TimerImage from './timer.svg';
 import { WC_ASSET_URL } from '../../../../utils/admin-settings';
 
 const ShippingHeader = ( { task, goToTask } ) => {
@@ -16,17 +15,15 @@ const ShippingHeader = ( { task, goToTask } ) => {
 			<img
 				alt={ __( 'Shipping illustration', 'woocommerce' ) }
 				src={
-					WC_ASSET_URL + 'images/task_list/shipping-illustration.png'
+					WC_ASSET_URL + 'images/task_list/shipping-illustration.svg'
 				}
 				className="svg-background"
 			/>
 			<div className="woocommerce-task-header__contents">
-				<h1>
+				<h1>{ __( 'Get your products shipped', 'woocommerce' ) }</h1>
-					{ __( 'Set up shipping for your store', 'woocommerce' ) }
-				</h1>
 				<p>
 					{ __(
-						'Choose where and how you will ship your products, select shipping methods, and add fixed or calculated rates.',
+						'Choose where and how you’d like to ship your products, along with any fixed or calculated rates.',
 						'woocommerce'
 					) }
 				</p>
@@ -35,12 +32,8 @@ const ShippingHeader = ( { task, goToTask } ) => {
 					isPrimary={ ! task.isComplete }
 					onClick={ goToTask }
 				>
-					{ __( 'Add shipping zones', 'woocommerce' ) }
+					{ __( 'Start shipping', 'woocommerce' ) }
 				</Button>
-				<p className="woocommerce-task-header__timer">
-					<img src={ TimerImage } alt="Timer" />{ ' ' }
-					<span>{ task.time }</span>
-				</p>
 			</div>
 		</div>
 	);

plugins/woocommerce-admin/client/task-lists/setup-task-list/components/task-headers/store-details.js

@@ -7,7 +7,6 @@ import { __ } from '@wordpress/i18n';
 /**
  * Internal dependencies
  */
-import TimerImage from './timer.svg';
 import { WC_ASSET_URL } from '../../../../utils/admin-settings';
 
 const StoreDetailsHeader = ( { task, goToTask } ) => {
@@ -38,10 +37,6 @@ const StoreDetailsHeader = ( { task, goToTask } ) => {
 				>
 					{ __( 'Add details', 'woocommerce' ) }
 				</Button>
-				<p className="woocommerce-task-header__timer">
-					<img src={ TimerImage } alt="Timer" />{ ' ' }
-					<span>{ __( '2 minutes', 'woocommerce' ) }</span>
-				</p>
 			</div>
 		</div>
 	);

plugins/woocommerce-admin/client/task-lists/setup-task-list/components/task-headers/tax.js

@@ -7,7 +7,6 @@ import { __ } from '@wordpress/i18n';
 /**
  * Internal dependencies
  */
-import TimerImage from './timer.svg';
 import { WC_ASSET_URL } from '../../../../utils/admin-settings';
 
 const TaxHeader = ( { task, goToTask } ) => {
@@ -15,14 +14,14 @@ const TaxHeader = ( { task, goToTask } ) => {
 		<div className="woocommerce-task-header__contents-container">
 			<img
 				alt={ __( 'Tax illustration', 'woocommerce' ) }
-				src={ WC_ASSET_URL + 'images/task_list/tax-illustration.png' }
+				src={ WC_ASSET_URL + 'images/task_list/tax-illustration.svg' }
 				className="svg-background"
 			/>
 			<div className="woocommerce-task-header__contents">
-				<h1>{ __( 'Add your tax rates', 'woocommerce' ) }</h1>
+				<h1>{ __( 'Configure your tax settings', 'woocommerce' ) }</h1>
 				<p>
 					{ __(
-						'Set up tax rates manually or use WooCommerce Tax to automate your sales tax calculations for you.',
+						'Choose to set up your tax rates manually, or use one of our tax automation tools.',
 						'woocommerce'
 					) }
 				</p>
@@ -31,12 +30,8 @@ const TaxHeader = ( { task, goToTask } ) => {
 					isPrimary={ ! task.isComplete }
 					onClick={ goToTask }
 				>
-					{ __( 'Yes, please', 'woocommerce' ) }
+					{ __( 'Collect sales tax', 'woocommerce' ) }
 				</Button>
-				<p className="woocommerce-task-header__timer">
-					<img src={ TimerImage } alt="Timer" />{ ' ' }
-					<span>{ task.time }</span>
-				</p>
 			</div>
 		</div>
 	);

plugins/woocommerce-admin/client/task-lists/setup-task-list/components/task-headers/woocommerce-payments.js

@@ -7,13 +7,10 @@ import apiFetch from '@wordpress/api-fetch';
 import { useDispatch } from '@wordpress/data';
 import { useState } from '@wordpress/element';
 import { WC_ADMIN_NAMESPACE } from '@woocommerce/data';
-import { Link } from '@woocommerce/components';
-import interpolateComponents from '@automattic/interpolate-components';
 
 /**
  * Internal dependencies
  */
-import TimerImage from './timer.svg';
 import { WC_ASSET_URL, getAdminSetting } from '~/utils/admin-settings';
 import sanitizeHTML from '~/lib/sanitize-html';
 
@@ -52,7 +49,7 @@ const WoocommercePaymentsHeader = ( { task, trackClick } ) => {
 			<img
 				alt={ __( 'Payment illustration', 'woocommerce' ) }
 				src={
-					WC_ASSET_URL + 'images/task_list/payment-illustration.png'
+					WC_ASSET_URL + 'images/task_list/payment-illustration.svg'
 				}
 				className="svg-background"
 			/>
@@ -67,29 +64,11 @@ const WoocommercePaymentsHeader = ( { task, trackClick } ) => {
 				) : (
 					<p>
 						{ __(
-							"You're only one step away from getting paid. Verify your business details to start managing transactions with WooPayments.",
+							'Power your payments with a simple, all-in-one option. Verify your business details to start managing transactions with WooCommerce Payments.',
 							'woocommerce'
 						) }
 					</p>
 				) }
-				<p>
-					{ interpolateComponents( {
-						mixedString: __(
-							'By clicking "Verify Details", you agree to the {{link}}Terms of Service{{/link}}',
-							'woocommerce'
-						),
-						components: {
-							link: (
-								<Link
-									href="https://wordpress.com/tos/"
-									target="_blank"
-									type="external"
-									rel="noreferrer"
-								/>
-							),
-						},
-					} ) }
-				</p>
 				<Button
 					isSecondary={ task.isComplete }
 					isPrimary={ ! task.isComplete }
@@ -97,12 +76,8 @@ const WoocommercePaymentsHeader = ( { task, trackClick } ) => {
 					disabled={ isBusy }
 					onClick={ onClick }
 				>
-					{ __( 'Verify details', 'woocommerce' ) }
+					{ __( 'Get paid', 'woocommerce' ) }
 				</Button>
-				<p className="woocommerce-task-header__timer">
-					<img src={ TimerImage } alt="Timer" />{ ' ' }
-					<span>{ __( '2 minutes', 'woocommerce' ) }</span>
-				</p>
 			</div>
 		</div>
 	);

plugins/woocommerce-admin/client/task-lists/setup-task-list/components/task-list-completed-header.scss

@@ -26,7 +26,7 @@ $ces-feedback-height: 64px;
 	align-items: center;
 }
 
-.woocommerce-task-header__contents-container.woocommerce-task-header__customize-store img.svg-background {
+.woocommerce-task-header__contents-container img.svg-background {
 	padding-right: 16px;
 	padding-top: 9px; // align with header text
 }

plugins/woocommerce/assets/images/task_list/payment-illustration.svg

@@ -0,0 +1,10 @@
+<svg width="94" height="100" viewBox="0 0 94 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M90.2885 53H17.7115C15.659 53 14 54.675 14 56.7392V96.2608C14 98.325 15.659 100 17.7115 100H90.2885C92.341 100 94 98.325 94 96.2608V56.7392C94 54.675 92.341 53 90.2885 53Z" fill="#EAE2FF"/>
+<path d="M90.3561 100C92.3712 100 94.0001 98.2812 94.0001 96.1633V75C74.3401 75 56.6921 84.5196 44.9092 100H90.3561Z" fill="#CFB9F6"/>
+<path d="M94 64H14V70.477H94V64Z" fill="#3C2861"/>
+<rect x="21" y="77" width="36" height="5" fill="white"/>
+<rect x="21" y="87" width="20" height="5" fill="white"/>
+<circle cx="78" cy="16" r="16" fill="#EAE2FF"/>
+<circle cx="16" cy="27" r="16" fill="#E5E5E5"/>
+<path d="M15.55 37.7V35.5C13.075 35.425 11.15 34.325 10 32.85L10.65 32.275C11.625 33.475 13.275 34.65 15.55 34.75V26.8C13.025 26.1 10.525 25.35 10.525 22.5C10.525 19.875 12.875 18.325 15.55 18.25V16H16.35V18.275C18.475 18.4 20.075 19.275 21.15 20.6L20.525 21.175C19.475 19.825 18.025 19.15 16.35 19.025V26.15C18.925 26.9 21.525 27.825 21.525 30.975C21.525 32.775 20.425 35.275 16.35 35.475V37.7H15.55ZM20.65 30.975C20.65 28.5 18.6 27.7 16.35 27.025V34.75C19.75 34.55 20.65 32.475 20.65 30.975ZM11.4 22.5C11.4 24.6 13.35 25.275 15.55 25.925V19C13.225 19.075 11.4 20.525 11.4 22.5Z" fill="white"/>
+</svg>

plugins/woocommerce/assets/images/task_list/sales-illustration.svg

@@ -0,0 +1,10 @@
+<svg width="104" height="110" viewBox="0 0 104 110" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="104" height="110" fill="white"/>
+<path d="M60.9592 63.8646C60.9592 57.8878 55.8092 53.0465 49.4692 53.0465C43.1292 53.0465 37.9792 57.8981 37.9792 63.8646C37.9792 69.831 43.1292 74.6826 49.4692 74.6826C55.8092 74.6826 60.9592 69.831 60.9592 63.8646Z" fill="#3C2861"/>
+<path d="M54.4893 63.2968L49.8993 33L48.7193 33.1961C44.6093 52.6645 28.0693 58.0219 15.1793 60.1071C10.6493 60.84 3.99931 63.7716 5.13931 71.2864C6.27931 78.8013 12.9493 79.5858 17.4793 78.8529C19.7093 78.4916 22.0893 78.1923 24.5493 78.0271V105H25.8093C34.3493 105 36.3993 101.15 35.3393 95.2245C34.6393 91.3019 33.1493 83.3019 32.1993 78.1097C41.8493 78.9664 51.8893 83.0955 57.9093 93.831L59.0893 93.6348L54.4893 63.3071V63.2968Z" fill="#EAE2FF"/>
+<path d="M5.1293 71.2762C6.2693 78.791 12.9393 79.5755 17.4693 78.8426C18.0393 78.7497 18.6193 78.6671 19.2093 78.5846L16.3493 59.911C15.9593 59.9833 15.5593 60.0452 15.1693 60.1071C10.6393 60.84 3.9893 63.7717 5.1293 71.2865V71.2762Z" fill="#CFB9F6"/>
+<path d="M99 5H59V39L70 39V49L80.1249 39H99V5Z" fill="#E5E5E5"/>
+<circle cx="70" cy="22" r="2" transform="rotate(-90 70 22)" fill="white"/>
+<circle cx="79" cy="22" r="2" transform="rotate(-90 79 22)" fill="white"/>
+<circle cx="88" cy="22" r="2" transform="rotate(-90 88 22)" fill="white"/>
+</svg>

plugins/woocommerce/assets/images/task_list/sales-section-illustration.svg

@@ -0,0 +1,12 @@
+<svg width="104" height="110" viewBox="0 0 104 110" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="104" height="110" fill="white"/>
+<rect x="33" y="5" width="66" height="66" rx="3" fill="#EAE2FF"/>
+<circle cx="21" cy="21" r="16" fill="#CFB9F6"/>
+<path d="M21 13V29" stroke="white" stroke-width="0.7"/>
+<path d="M29 21L13 21" stroke="white" stroke-width="0.7"/>
+<rect x="33" y="84" width="66" height="7" fill="#E5E5E5"/>
+<path d="M40.8601 47.4101C41.2901 46.9301 48.4101 39.8101 49.3401 38.8901C50.1901 38.0601 51.2601 37.7001 52.5401 37.6001C53.5601 37.5301 87.0301 35.0701 87.0301 35.0701L87.5701 37.6501C87.5701 37.6501 52.2001 41.2001 52.1701 41.2001C49.3701 44.9101 45.3601 50.6401 44.9901 51.0601C43.9801 52.2001 42.2301 52.3001 41.0801 51.3001C39.9501 50.2801 39.8501 48.5301 40.8601 47.3901V47.4101Z" fill="#CFB9F6"/>
+<path d="M90.8699 47.4101C90.4399 46.9301 83.3199 39.8101 82.3899 38.8901C81.5399 38.0601 80.4699 37.7001 79.1899 37.6001C78.1699 37.5301 44.6999 35.0701 44.6999 35.0701L44.1599 37.6501C44.1599 37.6501 79.5299 41.2001 79.5599 41.2001C82.3599 44.9101 86.3699 50.6401 86.7399 51.0601C87.7499 52.2001 89.4999 52.3001 90.6499 51.3001C91.7799 50.2801 91.8799 48.5301 90.8699 47.3901V47.4101Z" fill="#CFB9F6"/>
+<path d="M78.43 29C70.31 29 68.07 34.89 65.87 34.89C63.67 34.89 61.43 29 53.3 29C48.16 29 42.79 32.31 40 33.65V37.68H43C43.41 40.26 45.5 47.72 53.38 47.72C62.19 47.72 62.38 38.75 65.86 38.75C69.34 38.75 69.54 47.72 78.34 47.72C86.22 47.72 88.31 40.27 88.72 37.68H91.72V33.65C88.93 32.31 83.56 29 78.42 29H78.43ZM53.38 45.27C48.92 45.27 45.93 41.32 45.93 37.37C45.93 33.05 49.83 31.35 53.46 31.35C57.09 31.35 61.22 33.25 61.22 37.09C61.22 41.5 57.98 45.27 53.39 45.27H53.38ZM78.35 45.27C73.75 45.27 70.52 41.5 70.52 37.09C70.52 33.25 74.64 31.35 78.28 31.35C81.92 31.35 85.81 33.05 85.81 37.37C85.81 41.33 82.81 45.27 78.36 45.27H78.35Z" fill="#3C2861"/>
+<rect x="33" y="98" width="41" height="7" fill="#E5E5E5"/>
+</svg>

plugins/woocommerce/assets/images/task_list/shipping-illustration.svg

@@ -0,0 +1,17 @@
+<svg width="104" height="110" viewBox="0 0 104 110" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="104" height="110" fill="white"/>
+<path d="M67 39H16V95H67V39Z" fill="#CFB9F6"/>
+<path d="M27.0965 105C30.9625 105 34.0749 101.866 34.0482 97.9998C34.0216 94.1339 30.866 91 27 91C23.134 91 20.0216 94.1339 20.0482 97.9998C20.0749 101.866 23.2305 105 27.0965 105Z" fill="#3C2861"/>
+<path d="M57 5H5V39H31H57V5Z" fill="#E5E5E5"/>
+<path d="M62 44H43V65H52.5H62V44Z" fill="white"/>
+<rect x="46" y="53" width="13" height="3" fill="#E5E5E5"/>
+<rect x="46" y="47" width="13" height="3" fill="#E5E5E5"/>
+<rect x="46" y="59" width="8" height="3" fill="#E5E5E5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M67 71.5L16 71.5L16 70.5L67 70.5L67 71.5Z" fill="#3C2861"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M32.4998 5L43.9961 95L42.9998 95L31.9998 5L32.4998 5Z" fill="#3C2861"/>
+<path d="M27.8268 11.0462C27.0825 11.0462 26.444 10.6182 26.1456 10.0017L24.6778 10.0017C24.3794 10.6182 23.7392 11.0462 22.9966 11.0462C22.254 11.0462 21.6138 10.6182 21.3154 10.0017L19.8477 10.0017C19.5492 10.6182 18.909 11.0462 18.1665 11.0462C17.4239 11.0462 16.7837 10.6182 16.4853 10.0017L15.0175 10.0017C14.7191 10.6182 14.0789 11.0462 13.3363 11.0462C12.5938 11.0462 11.9536 10.6182 11.6552 10.0017L10 10.0017L10 12.0719C10.7009 12.3335 11.2006 12.9958 11.2006 13.7736C11.2006 14.5514 10.7009 15.2138 10 15.4753L10 16.8C10.7009 17.0615 11.2006 17.7239 11.2006 18.5017C11.2006 19.2795 10.7009 19.9419 10 20.2034L10 21.5281C10.7009 21.7896 11.2006 22.4519 11.2006 23.2298C11.2006 24.0076 10.7009 24.6682 10 24.9298L10 27L11.6569 27C11.9553 26.3835 12.5955 25.9555 13.3381 25.9555C14.0806 25.9555 14.7208 26.3835 15.0192 27L16.487 27C16.7854 26.3835 17.4256 25.9555 18.1682 25.9555C18.9108 25.9555 19.551 26.3835 19.8494 27L21.3172 27C21.6156 26.3835 22.2558 25.9555 22.9983 25.9555C23.7409 25.9555 24.3811 26.3835 24.6795 27L26.1473 27C26.4457 26.3835 27.0859 25.9555 27.8285 25.9555C28.5711 25.9555 29.2113 26.3835 29.5097 27L31 27L31 24.8584C30.3876 24.5595 29.966 23.9431 29.966 23.2281C29.966 22.5131 30.3876 21.8966 31 21.5977L31 20.1304C30.3876 19.8315 29.966 19.215 29.966 18.5C29.966 17.785 30.3876 17.1685 31 16.8696L31 15.4023C30.3876 15.1034 29.966 14.4869 29.966 13.7719C29.966 13.0569 30.3876 12.4405 31 12.1416L31 10L29.5097 10C29.2113 10.6165 28.571 11.0445 27.8285 11.0445L27.8268 11.0462Z" fill="white"/>
+<path d="M87.7429 79.5C87.7429 79.5 84.4857 69.337 83.5714 66.466C82.6571 63.595 80.3829 62 76.8857 62H67V95H94.6343C97.0457 95 99 93.207 99 91.007V83.504C99 81.293 97.0457 79.511 94.6343 79.511L87.7429 79.5Z" fill="#EAE2FF"/>
+<path d="M83 79.5C83 79.5 80.7006 71.8362 80.0551 69.5525C79.4097 67.2688 77.8041 66 75.3353 66H70.5V79.5H83Z" fill="white"/>
+<path d="M82.0965 105C85.9625 105 89.0749 101.866 89.0482 97.9998C89.0216 94.1339 85.866 91 82 91C78.134 91 75.0216 94.1339 75.0482 97.9998C75.0749 101.866 78.2305 105 82.0965 105Z" fill="#3C2861"/>
+<rect x="13" y="13" width="15" height="11" fill="#E5E5E5"/>
+</svg>

plugins/woocommerce/assets/images/task_list/tax-illustration.svg

@@ -0,0 +1,31 @@
+<svg width="104" height="110" viewBox="0 0 104 110" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="104" height="110" fill="white"/>
+<rect x="43" y="105" width="81" height="56" transform="rotate(-90 43 105)" fill="#EAE2FF"/>
+<rect x="58" y="37" width="36" height="5" fill="white"/>
+<rect x="48" y="37" width="5" height="5" fill="#3C2861"/>
+<rect x="58" y="47" width="36" height="5" fill="white"/>
+<rect x="58" y="57" width="22" height="5" fill="white"/>
+<rect x="48" y="47" width="5" height="5" fill="#3C2861"/>
+<rect x="48" y="57" width="5" height="5" fill="#3C2861"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M80.9626 93.211C83.1789 92.7876 84.6674 91.639 85.175 90.37C85.3971 89.8147 85.3793 89.3703 85.2389 89.0278C85.0967 88.6807 84.8113 88.3962 84.4248 88.1986C83.64 87.7974 82.5184 87.7971 81.6801 88.3001C80.6267 88.9321 80.0166 90.0659 80.0462 91.1832C80.0649 91.8928 80.3429 92.6161 80.9626 93.211ZM81.704 93.7606C83.7582 93.2224 85.2552 92.0544 85.825 90.63C86.1028 89.9353 86.1071 89.3003 85.8866 88.7624C85.6681 88.2291 85.2456 87.8321 84.7434 87.5754C83.751 87.068 82.3726 87.0683 81.3199 87.6999C80.0571 88.4575 79.3099 89.8238 79.3464 91.2017C79.3663 91.9529 79.6182 92.6934 80.127 93.3316C77.8111 93.5622 74.7069 93.3325 71.5 91.5L71.3264 91.8039C74.8844 93.837 78.1663 94.3528 80.732 93.9607C80.7391 93.9596 80.7462 93.9585 80.7533 93.9574C81.108 94.2428 81.5327 94.4928 82.0308 94.695C83.3467 95.2292 85.2864 95.1133 87.0742 94.2411C88.8769 93.3616 90.5552 91.7007 91.3352 89.1005L90.6647 88.8994C89.9448 91.2993 88.407 92.8119 86.7673 93.6119C85.1126 94.4192 83.3836 94.4886 82.2941 94.0464C82.0806 93.9598 81.8842 93.864 81.704 93.7606Z" fill="#3C2861"/>
+<g clip-path="url(#clip0_3352_23776)">
+<path d="M21.0022 12.5602C25.6574 12.5602 29.4443 16.347 29.4443 21.0022C29.4443 25.6574 25.6574 29.4443 21.0022 29.4443C16.347 29.4443 12.5602 25.6574 12.5602 21.0022C12.5602 16.347 16.347 12.5602 21.0022 12.5602ZM21.0022 5C12.1618 5 5 12.1618 5 21.0022C5 29.8426 12.1618 37.0045 21.0022 37.0045C29.8426 37.0045 37.0045 29.8426 37.0045 21.0022C37.0045 12.1618 29.8382 5 21.0022 5Z" fill="#CFB9F6"/>
+<path d="M13.0838 7.09931L16.8886 13.6345C18.1061 12.9541 19.5071 12.5602 20.9977 12.5602V5C18.115 5 15.4159 5.76542 13.0793 7.09931H13.0838Z" fill="#C39EF7"/>
+<path d="M13.0838 7.09931L16.8886 13.6345C18.1061 12.9541 19.5071 12.5602 20.9977 12.5602V5C18.115 5 15.4159 5.76542 13.0793 7.09931H13.0838Z" fill="#C39EF7"/>
+<path d="M12.5602 21.0022C12.5602 17.8376 14.3104 15.0803 16.8931 13.6345L13.0884 7.0993C8.25416 9.85214 5 15.0445 5 21.0022C5 24.8875 6.38761 28.4505 8.69282 31.2213L14.5342 26.4139C13.3033 24.9457 12.5602 23.0613 12.5602 21.0022Z" fill="#E5E5E5"/>
+</g>
+<g clip-path="url(#clip1_3352_23776)">
+<path d="M6.71994 57.7937L57.6682 87.2087L61.0132 81.415L10.0649 52L6.71994 57.7937Z" fill="#3C2861"/>
+<path d="M67.9362 88.2641L61.0032 81.4323L57.6682 87.2087L67.0612 89.7796L67.9362 88.2641Z" fill="#CFB9F6"/>
+<path d="M69.9937 90.2603L67.8262 88.4546L67.1762 89.5805L69.8187 90.5634L69.9937 90.2603Z" fill="#3C2861"/>
+<path d="M8.25275 58.6787L7.13775 60.6099C6.79275 61.2075 7.02004 61.9738 7.62394 62.2878L31.9813 74.9996L32.6413 73.8564L9.96879 60.7664L13.7738 54.176L10.0412 52.021L6.71122 57.7887L8.24409 58.6737L8.25275 58.6787Z" fill="#CFB9F6"/>
+</g>
+<defs>
+<clipPath id="clip0_3352_23776">
+<rect width="32" height="32" fill="white" transform="translate(5 5)"/>
+</clipPath>
+<clipPath id="clip1_3352_23776">
+<rect width="71.03" height="10.13" fill="white" transform="translate(66.5137 96.2878) rotate(-150)"/>
+</clipPath>
+</defs>
+</svg>

plugins/woocommerce/changelog/add-update-task-list-copy-and-illustrations

@@ -0,0 +1,4 @@
+Significance: minor
+Type: add
+
+Updated copies and illustrations for the onboarding task list.

plugins/woocommerce/src/Admin/Features/OnboardingTasks/Tasks/ExperimentalShippingRecommendation.php

@@ -26,7 +26,7 @@ class ExperimentalShippingRecommendation extends Task {
 	 * @return string
 	 */
 	public function get_title() {
-		return __( 'Set up shipping', 'woocommerce' );
+		return __( 'Get your products shipped', 'woocommerce' );
 	}
 
 	/**

plugins/woocommerce/src/Admin/Features/OnboardingTasks/Tasks/Marketing.php

@@ -32,13 +32,7 @@ class Marketing extends Task {
 	 * @return string
 	 */
 	public function get_title() {
-		if ( true === $this->get_parent_option( 'use_completed_title' ) ) {
+		return __( 'Grow your business', 'woocommerce' );
-			if ( $this->is_complete() ) {
-				return __( 'You added sales channels', 'woocommerce' );
-			}
-			return __( 'Get more sales', 'woocommerce' );
-		}
-		return __( 'Set up marketing tools', 'woocommerce' );
 	}
 
 	/**

plugins/woocommerce/src/Admin/Features/OnboardingTasks/Tasks/Payments.php

@@ -31,13 +31,7 @@ class Payments extends Task {
 	 * @return string
 	 */
 	public function get_title() {
-		if ( true === $this->get_parent_option( 'use_completed_title' ) ) {
+		return __( 'Get paid', 'woocommerce' );
-			if ( $this->is_complete() ) {
-				return __( 'You set up payments', 'woocommerce' );
-			}
-			return __( 'Set up payments', 'woocommerce' );
-		}
-		return __( 'Set up payments', 'woocommerce' );
 	}
 
 	/**

plugins/woocommerce/src/Admin/Features/OnboardingTasks/Tasks/Products.php

@@ -43,13 +43,7 @@ class Products extends Task {
 	 * @return string
 	 */
 	public function get_title() {
-		if ( $this->get_parent_option( 'use_completed_title' ) === true ) {
+		return __( 'Add your products', 'woocommerce' );
-			if ( $this->is_complete() ) {
-				return __( 'You added products', 'woocommerce' );
-			}
-			return __( 'Add products', 'woocommerce' );
-		}
-		return __( 'Add my products', 'woocommerce' );
 	}
 
 	/**

plugins/woocommerce/src/Admin/Features/OnboardingTasks/Tasks/Shipping.php

@@ -45,13 +45,7 @@ class Shipping extends Task {
 	 * @return string
 	 */
 	public function get_title() {
-		if ( true === $this->get_parent_option( 'use_completed_title' ) ) {
+		return __( 'Get your products shipped', 'woocommerce' );
-			if ( $this->is_complete() ) {
-				return __( 'You added shipping costs', 'woocommerce' );
-			}
-			return __( 'Add shipping costs', 'woocommerce' );
-		}
-		return __( 'Set up shipping', 'woocommerce' );
 	}
 
 	/**

plugins/woocommerce/src/Admin/Features/OnboardingTasks/Tasks/Tax.php

@@ -62,13 +62,7 @@ class Tax extends Task {
 	 * @return string
 	 */
 	public function get_title() {
-		if ( $this->get_parent_option( 'use_completed_title' ) === true ) {
+		return __( 'Collect sales tax', 'woocommerce' );
-			if ( $this->is_complete() ) {
-				return __( 'You added tax rates', 'woocommerce' );
-			}
-			return __( 'Add tax rates', 'woocommerce' );
-		}
-		return __( 'Set up tax rates', 'woocommerce' );
 	}
 
 	/**

plugins/woocommerce/src/Admin/Features/OnboardingTasks/Tasks/WooCommercePayments.php

@@ -34,7 +34,7 @@ class WooCommercePayments extends Task {
 	 * @return string
 	 */
 	public function get_title() {
-		return __( 'Set up WooPayments', 'woocommerce' );
+		return __( 'Get paid with WooPayments', 'woocommerce' );
 	}
 
 	/**
@@ -82,18 +82,6 @@ class WooCommercePayments extends Task {
 		return __( 'Finish setup', 'woocommerce' );
 	}
 
-	/**
-	 * Additional info.
-	 *
-	 * @return string
-	 */
-	public function get_additional_info() {
-		return __(
-			'Accept credit/debit cards and other popular payment methods with no setup or monthly fees — and manage payments right from your store dashboard.',
-			'woocommerce'
-		);
-	}
-
 	/**
 	 * Task completion.
 	 *

plugins/woocommerce/tests/e2e-pw/tests/activate-and-setup/core-profiler.spec.js

@@ -107,7 +107,7 @@ test.describe( 'Store owner can complete the core profiler', () => {
 				} )
 			).toBeVisible();
 			await expect(
-				page.getByText( 'Add products to sell' )
+				page.getByText( 'List your products' )
 			).toBeVisible();
 			// go to the plugins page to make sure that extensions weren't installed
 			await page.goto( 'wp-admin/plugins.php' );
@@ -258,7 +258,7 @@ test.describe( 'Store owner can complete the core profiler', () => {
 				} )
 			).toBeVisible();
 			await expect(
-				page.getByText( 'Add products to sell' )
+				page.getByText( 'List your products' )
 			).toBeVisible();
 			// go to the plugins page to make sure that extensions were installed
 			await page.goto( 'wp-admin/plugins.php' );

plugins/woocommerce/tests/e2e-pw/tests/admin-tasks/payment.spec.js

@@ -34,10 +34,10 @@ test.describe( 'Payment setup task', () => {
 		page,
 	} ) => {
 		await page.goto( 'wp-admin/admin.php?page=wc-admin' );
-		await page.locator( 'text=Set up payments' ).click();
+		await page.locator( 'text=Get paid' ).click();
 		await expect(
 			page.locator( '.woocommerce-layout__header-wrapper > h1' )
-		).toHaveText( 'Set up payments' );
+		).toHaveText( 'Get paid' );
 	} );
 
 	test( 'Saving valid bank account transfer details enables the payment method', async ( {