Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Connection Banners: Add premium services to last slide #10867

Merged
merged 6 commits into from
Dec 13, 2018

Conversation

jeffgolenski
Copy link
Member

@jeffgolenski jeffgolenski commented Dec 7, 2018

Connection Banners: Add premium services to last slide.

Currently the last slide of the connection banner doesn't really offer much valuable information. We're enhancing it to talk about our premium services.

Fixes: #10683

Changes proposed in this Pull Request:

BEFORE:
screen shot 2018-12-06 at 7 25 43 pm

AFTER:
screen shot 2018-12-08 at 3 20 29 pm

Testing instructions:

  1. Load this branch. Disconnect jetpack on your site.
  2. View wp-admin/index.php or /wp-admin/plugins.php
  3. Navigate to the last slide within the connection banner. It should say "Premium Services" on the tab and the content in the AFTER screenshot above should load

Content:

All the tools you’ll ever need for a more powerful WordPress site

From hobbyists to large organizations — Jetpack Premium Services keep your site safer, faster, and help you earn more.

  • Real-time automated backups & malware scanning: Stay free of any hacking-related worriess.
  • Ad network: Automatic approval to display ads that generate income from your traffic.
  • Simple payment buttons: Sell products on your site and accept instant PayPal payments.
  • Enhanced search: A WordPress search tool that gives readers faster and more relevant results.
  • Priority support & concierge setup: A one-on-one session to get the most out of your Jetpack site, and priority access to our WordPress experts.

Set up Jetpack to get started or visit our site to learn more about all of our features.

Proposed changelog entry for your changes:

No changelog entry for this enhancement as it does not affect the direct Jetpack experience for current customers. Just the marketing for potential customer who have not connected to wordpress.com yet.

Connection Banners: first commit. beginning to add new content
@jeffgolenski jeffgolenski self-assigned this Dec 7, 2018
@jeffgolenski jeffgolenski requested a review from a team as a code owner December 7, 2018 00:41
@jetpackbot
Copy link

jetpackbot commented Dec 7, 2018

Thank you for the great PR description!

When this PR is ready for review, please apply the [Status] Needs Review label. If you are an a11n, please have someone from your team review the code if possible. The Jetpack team will also review this PR and merge it to be included in the next Jetpack release.

Scheduled Jetpack release: January 10, 2019.
Scheduled code freeze: January 3, 2019

Generated by 🚫 dangerJS against 7cf65bd

Connection banner: adding premium services content to last slide
@jeherve jeherve added the Connect Flow Connection banners, buttons, ... label Dec 7, 2018
connection banner: styling list. adding images
@jeffgolenski
Copy link
Member Author

@benhuberman do you or anyone on your team have the capacity to give this content a quick review?

cheers!

@benhuberman
Copy link

Sure, @jeffgolenski -- I'll aim to take a look by the end of the day. (If it's urgent, let me know.)

@benhuberman
Copy link

One high-level comment: this looks very much like many other "long lists of things" that we see here and there in the Jetpack dashboard and which often feel overwhelming -- something to be mindful of in future iterations.

Assuming we're sticking to this format for now, here are some suggestions/notes:

  • I'd aim not to mention "premium services" in the heading, since it's already in the sidebar tab and in the copy right below the heading. Suggestions: "More powerful tools to round out your WordPress site" or "All the tools you'll ever need for a more powerful WordPress site"
  • I'd go for a shorter intro blurb: there are lots of features and text here already, so better to cut to the chase, e.g.:

Jetpack Premium Services keep your site safer, faster, and help you earn more.

I'd suggest a few tweaks in the descriptions:

  • Automated backups and malware scanning: stay free of any hacking-related worries.
  • Ad network: Automatic approval to display ads that generate income from your traffic.
  • Simple Payment buttons: Sell products on your site and accept instant PayPal payment.
  • Enhanced search: A WordPress search tool that give readers faster and more relevant results.
  • Concierge setup priority support and: A one-on-one session to get the most out of your Jetpack site, and direct access to our WordPress experts.
    [I reversed the order in this bullet on purpose]

The final bullet on the list seems like it should be on its own line, outside the list itself. There's also a small typo there, plus a suggested tweak to the copy:

Set up Jetpack to get started or visit our site to learn more about these features.

Let me know if you have any questions about these edits, @jeffgolenski, or if you'd like to follow up on any item here.

@jeffgolenski
Copy link
Member Author

@benhuberman Thanks so much for the quick response! I updated about 98% of the verbiage, I just left a couple of key words that I want to use.

Connection Banner: Updates to verbiage based on feedback by
@benhuberman
@jeffgolenski jeffgolenski added [Status] Needs Review To request a review from Crew. Label will be renamed soon. and removed [Status] In Progress labels Dec 8, 2018
@jeherve jeherve added [Status] Needs Author Reply We would need you to make some changes or provide some more details about your PR. Thank you! and removed [Status] Needs Review To request a review from Crew. Label will be renamed soon. labels Dec 13, 2018
Copy link
Member

@jeherve jeherve left a comment

Choose a reason for hiding this comment

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

Just a few quick changes and extra spaces.

<div class="jp-wpcom-connect__slide jp-wpcom-connect__slide-six">
<h2><?php esc_html_e( 'More Jetpack features our users love', 'jetpack' ) ?></h2>
<h2><?php esc_html_e( 'All the tools you&#8217;ll ever need for a more powerful WordPress site', 'jetpack' ) ?></h2>
Copy link
Member

Choose a reason for hiding this comment

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

You don't need to encode that apostrophe here. You can use .


<div class="jp-wpcom-connect__content-icon jp-connect-illo">
<img src="<?php echo plugins_url( 'images/customize-theme-2.svg', JETPACK__PLUGIN_FILE ); ?>" alt="<?php
<img src="<?php echo plugins_url( 'images/jetpack-poweringUp.svg', JETPACK__PLUGIN_FILE ); ?>" alt="<?php
Copy link
Member

Choose a reason for hiding this comment

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

I would recommend that we stick to all lowercase, with - as separators, for file names. jetpack-powering-up.svg should be better.

esc_attr_e(
'Jetpack includes other features that help you customize your site',
'Jetpack premium services offer even more powerful performance, security, and revenue tools to help you keep your site safe, fast, and help generate income',
Copy link
Member

Choose a reason for hiding this comment

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

Should we try to have periods at the end of all those sentences?

<ul>
<li>
<strong><?php esc_html_e( 'Real-time automated backups & malware scanning:',
'jetpack'); ?></strong> <?php esc_html_e( ' Stay free of any hacking-related worries.',
Copy link
Member

Choose a reason for hiding this comment

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

You seem to have an extra space here.

'jetpack'); ?>
</li>
<li>
<strong><?php esc_html_e( 'Ad network:',
Copy link
Member

Choose a reason for hiding this comment

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

You have an extra space here, and it seems there are more downer.

@keoshi
Copy link
Contributor

keoshi commented Dec 13, 2018

Pushed some changes here that should address your feedback, @jeherve — would appreciate if you could take another look.

@jeherve jeherve added [Status] Ready to Merge Go ahead, you can push that green button! and removed [Status] Needs Author Reply We would need you to make some changes or provide some more details about your PR. Thank you! labels Dec 13, 2018
Copy link
Member

@jeherve jeherve left a comment

Choose a reason for hiding this comment

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

This looks good to me now. Merging!

@jeherve jeherve merged commit dd27e52 into master Dec 13, 2018
@ghost ghost removed the [Status] Ready to Merge Go ahead, you can push that green button! label Dec 13, 2018
@jeherve jeherve deleted the enhancement/premium-services-to-connet-banner branch December 13, 2018 21:06
jeherve added a commit that referenced this pull request Dec 19, 2018
jeherve added a commit that referenced this pull request Jan 3, 2019
jeherve added a commit that referenced this pull request Jan 3, 2019
* Add first version of the Changelog and testing list for 6.9

* Changelog: add #10710

* changelog: add #10538

* changelog: add #10741

* changelog: add #10749

* changelog: add #10664

* changelog: add #10224

* changelog: add #10788

* Changelog: add #10560

* Chanegelog: add #10812

* changelog: add #10556

* Changelog: add #10668

* Changelog: add #10846

* Changelog: add #10947

* Changelog: add #10962

* Changelog: add #10956

* Changelog: add #10940

* Changelog: add #10934

* Changelog: add #10912

* changelog: add #10866

* changelog: add #10924

* Changelog: add #10936

* Changelog: add #10833

* changelog: add #10867

* Changelog: add #10960

* Changelog: add #10888

* changelog: add #10840

* changelog: add #10972

* Changelog: add #10979

* changelog: add #10909

* Changelog: add #10958

* Changelog: add #10981

* Changelog: add #10564

* Changelog: add #10809

* Changelog: add #10982

* Changelog: add #10706

* Changelog: add #10978

* Changelog: add #10132

* Changelog: add #11022

* Changelog: add #11024

* Changelog: add #10875

* Changelog: add #11030

* Changelog: add #11053

* Changelog: add #10880

* Changelog: add #9359

* Changelog: add #11037

* Update block list

* Changelog: add #11060

* Changelog: add #10755

* changelog: add #11000

* Changelog: add #10786

* Changelog: add #10945

* Changelog: add #10597
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Connect Flow Connection banners, buttons, ...
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants