Skip to content

Unify Import labels and mention another supported formats - #784

Merged
wojtekn merged 2 commits into
trunkfrom
update/import-format-labels
Jan 10, 2025
Merged

Unify Import labels and mention another supported formats#784
wojtekn merged 2 commits into
trunkfrom
update/import-format-labels

Conversation

@wojtekn

@wojtekn wojtekn commented Jan 8, 2025

Copy link
Copy Markdown
Contributor

Related issues

Proposed Changes

The import field label currently reads Jetpack and WordPress backups supported and seems confusing.

I propose to unify the wording used in labels in the 'Add site' form and 'Import / Export' tabs and mention that other formats than Jetback backup are supported.

Screenshot 2025-01-08 at 09 00 08 Screenshot 2025-01-08 at 08 59 55

Testing Instructions

  1. Open 'Add site' form and confirm that the import label is clear
  2. Add the site
  3. Open 'Import / Export' tab and confirm that the import label is clear

Pre-merge Checklist

  • Have you checked for TypeScript, React or other console errors?
@wojtekn
wojtekn requested a review from a team January 8, 2025 07:59
@wojtekn wojtekn self-assigned this Jan 8, 2025

@ivan-ottinger ivan-ottinger left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The proposed copy is much more clear now. 👌🏼

I just proposed two slight adjustments we could consider (please see the inline comments).

Comment thread src/components/site-form.tsx Outdated
{ createInterpolateElement(
__( 'Jetpack and WordPress backups supported. <button>Learn more</button>' ),
__(
'Import a Jetpack backup or another full-site backup format. <button>Learn more</button>'

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
'Import a Jetpack backup or another full-site backup format. <button>Learn more</button>'
'Import a Jetpack backup or a full-site backup in another format. <button>Learn more</button>'

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
'Import a Jetpack backup or another full-site backup format. <button>Learn more</button>'
'Import a Jetpack backup or a full-site backup from another tool or service. <button>Learn more</button>'

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for your proposals. I updated the text and it looks easier to read now. I chose the shorter version as that way, it still fits into one line in most window sizes.

{ createInterpolateElement(
__( 'Import a Jetpack backup or a .sql database file. <button>Learn more</button>' ),
__(
'Import a Jetpack backup, another full-site backup, or a .sql database file. <button>Learn more</button>'

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
'Import a Jetpack backup, another full-site backup, or a .sql database file. <button>Learn more</button>'
'Import a Jetpack backup, a full-site backup in another format, or a .sql database file. <button>Learn more</button>'

@katinthehatsite katinthehatsite Jan 9, 2025

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Alternatively, we can also do something like:

Suggested change
'Import a Jetpack backup, another full-site backup, or a .sql database file. <button>Learn more</button>'
'Import a Jetpack backup, a full-site backup from another tool or service, or a .sql database file.. <button>Learn more</button>'

@katinthehatsite katinthehatsite left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good!

@wojtekn
wojtekn merged commit 53ab644 into trunk Jan 10, 2025
@wojtekn
wojtekn deleted the update/import-format-labels branch January 10, 2025 07:04
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

3 participants