Adds apple-pay-demo.gif, adds a link to it on the navigation page and…

… fills out the content
alphagov · Jun 17, 2019 · 64b7258 · 64b7258
1 parent 87f0bd0
commit 64b7258
Show file tree

Hide file tree

Showing 8 changed files with 53 additions and 26 deletions.
diff --git a/source/apple-pay-and-google-pay.html.erb b/source/apple-pay-and-google-pay.html.erb
@@ -35,54 +35,63 @@ title: Using Apple Pay and Google Pay
           <li class="sub-navigation__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
             <a href="/direct-debit" itemprop="item"><span itemprop="name">Direct Debit on GOV.UK Pay</span></a>
           </li>
+          <li class="sub-navigation__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
+            <a href="/direct-debit" itemprop="item"><span itemprop="name">Payment links</span></a>
+          </li>
           <li class="sub-navigation__item sub-navigation__item--active" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
-            <a href="/payment-links" itemprop="item"><span itemprop="name">Payment links</span></a>
+            <a href="/apple-pay-and-google-pay" itemprop="item"><span itemprop="name">Using Apple Pay and Google Pay</span></a>
           </li>
         </ol>
       </nav>
     </div>
     <div class="column-two-thirds">
       <h1 class="heading-large">
-        Payment links
+        Using Apple Pay and Google Pay
       </h1>
 
-      <p>Payment links allow your service to receive online payments from your users. You don’t need to have a digital service to use payment links.</p>
-
-      <p>You can add a payment link to paper forms, letters or emails - or wherever you’d like your users to see it.</p>
+      <p>You can now take payments using <a href="https://docs.payments.service.gov.uk/optional_features/digital_wallets/#digital-wallets" data-click-events data-click-category="Content" data-click-action="Internal link clicked">Apple Pay or Google Pay</a> on GOV.UK Pay.</p> <!-- Add link -->
 
-      <div class="responsive-embed responsive-embed--16by9">
-        <div class="responsive-embed__wrapper">
-          <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/hLIS2bzfYuM?rel=0&amp;showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
-        </div>
-      </div>
+      <h2 class="heading-medium">How Apple Pay and Google Pay works</h2>
 
-      <h2 class="heading-medium">Benefits of using online payments</h2>
-
-      <p>Online payments are 4 times more cost effective than offline methods, like cheques, money orders and cash payments.</p>
-      <p>By using payment links your service can:</p>
+      <p>Any user with Apple Pay or Google Pay enabled can make payments on your service in seconds.</p>
+      <p>Because Apple Pay and Google already have users details, they don’t have to fill them in again on GOV.UK Pay. They simply have to:</p>
 
       <ul class="list list-bullet"> 
-        <li>speed up payment processes - you’ll be able to receive payments and issue refunds much quicker</li>
-        <li>reduce human error and have fewer manual processes, like taking card payments over the phone</li>
-        <li>receive fewer cheques, BACS and cash payments</li>
+        <li>click pay</li>
+        <li>check their details which have been automatically completed</li>
+        <li>confirm payment</li>
       </ul>
 
-      <h2 class="heading-medium">Setting up a payment link</h2>
-      <p>A payment link is quick and easy to set up and is ready to use right away. You don’t need any technical knowledge to create a payment link. You can create a payment link for a single user or make it reusable for all your users.</p>
+      <p>The entire process takes users seconds.</p>
+
+      <img class="content-section__image" src="/pay-product-page/images/apple-pay-demo.gif" alt="Example of creating a payment link and how the title is used to generate the payment link website address.">
 
-      <img class="content-section__image" src="/pay-product-page/images/payment-link-demo.gif" alt="Example of creating a payment link and how the title is used to generate the payment link website address.">
+      <h2 class="heading-medium">The Benefits of Apple Pay and Google Pay</h2>
+
+      <p>Using Apple Pay or Google Pay:</p>
+
+      <ul class="list list-bullet"> 
+        <li>is a more secure way to pay - your real card details are never stored or transferred and only you can authorise payment biometrically using fingerprint or facial recognition</li>
+        <li>makes it quicker - the whole process takes a few seconds</li>
+        <li>makes paying easier - there are no forms to fill in as all the users information is played back from Apple Pay or Google Pay before users commit to the payment</li>
+        <li>reduces errors - users don’t have to retype any of their details, Apple or Google pass on their verified details </li>
+      </ul>
 
-      <p>Add the payment link where your users can see it, like in a paper form, letter or email - or even on your website.</p>
+      <p>Using Apple Pay means you don’t have to go through 3DS or 3DS2 authentication as that security is built-in. This makes it more secure for services to take payment as a user can’t create a chargeback (for fraud) on a payment. </p>
 
-      <img class="content-section__image" src="/pay-product-page/images/self-service-payments-example.svg" alt="Examples of a payment link on a paper form or on an email.">
+      <h2 class="heading-medium">Who can use Apple Pay and Google Pay</h2>
 
-      <p>When your users access your payment link, they’ll be able to make an online card payment. Your users will receive a payment reference number and a confirmation email. You can use your own payment reference number or let us create one for you.</p>
+      <p>GOV.UK Pay currently only offer Apple Pay and Google Pay with Worldpay.</p>
+      <p>If you enable Google Pay in your payment settings credit and debit cards will also automatically be accepted.</p>
 
-      <img class="content-section__image" src="/pay-product-page/images/self-service-payments-flow.svg" alt="Example of the payment amount and confirmation pages of the payment link user journey.">
+      <h2 class="heading-medium">What's next</h2>
 
-      <h2 class="heading-medium">Get started with payment links</h2>
+      <p>In future, we intend to offer Apple Pay and Google Pay with our payment service provider, Stripe.</p>
+      <p>We are also looking at including other digital wallets, for instance Samsung Pay, depending on user demand.</p>
+
+      <h2 class="heading-medium">Contact Us</h2>
 
-      <p>Use our <a href="/getstarted">guide to getting started</a> to create an account. Or <a href="/support">contact the team</a> for more information.</p>
+      <p>If you'd like to know more about using Apple Pay or Google Pay on GOV.UK Pay, <a href="/support">contact GOV.UK Pay support.</a></p>
     </div>
   </div>
 </div>
diff --git a/source/direct-debit.html.erb b/source/direct-debit.html.erb
@@ -38,6 +38,9 @@ title: Direct Debit on GOV.UK Pay
           <li class="sub-navigation__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
             <a href="/payment-links" itemprop="item"><span itemprop="name">Payment links</span></a>
           </li>
+          <li class="sub-navigation__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
+            <a href="/apple-pay-and-google-pay" itemprop="item"><span itemprop="name">Using Apple Pay and Google Pay</span></a>
+          </li>
         </ol>
       </nav>
     </div>

diff --git a/source/features.html.erb b/source/features.html.erb
@@ -38,6 +38,9 @@ title: Features
           <li class="sub-navigation__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
             <a href="/payment-links" itemprop="item"><span itemprop="name">Payment links</span></a>
           </li>
+          <li class="sub-navigation__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
+            <a href="/apple-pay-and-google-pay" itemprop="item"><span itemprop="name">Using Apple Pay and Google Pay</span></a>
+          </li>
         </ol>
       </nav>
     </div>

diff --git a/source/pay-product-page/images/apple-pay-demo.gif b/source/pay-product-page/images/apple-pay-demo.gif
diff --git a/source/payment-links.html.erb b/source/payment-links.html.erb
@@ -38,6 +38,9 @@ title: Payment links
           <li class="sub-navigation__item sub-navigation__item--active" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
             <a href="/payment-links" itemprop="item"><span itemprop="name">Payment links</span></a>
           </li>
+          <li class="sub-navigation__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
+            <a href="/apple-pay-and-google-pay" itemprop="item"><span itemprop="name">Using Apple Pay and Google Pay</span></a>
+          </li>
         </ol>
       </nav>
     </div>

diff --git a/source/payment-service-provider.html.erb b/source/payment-service-provider.html.erb
@@ -38,6 +38,9 @@ title: GOV.UK Pay’s Payment Service Provider
           <li class="sub-navigation__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
             <a href="/payment-links" itemprop="item"><span itemprop="name">Payment links</span></a>
           </li>
+          <li class="sub-navigation__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
+            <a href="/apple-pay-and-google-pay" itemprop="item"><span itemprop="name">Using Apple Pay and Google Pay</span></a>
+          </li>
         </ol>
       </nav>
     </div>

diff --git a/source/roadmap.html.erb b/source/roadmap.html.erb
@@ -38,6 +38,9 @@ title: Roadmap
           <li class="sub-navigation__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
             <a href="/payment-links" itemprop="item"><span itemprop="name">Payment links</span></a>
           </li>
+          <li class="sub-navigation__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
+            <a href="/apple-pay-and-google-pay" itemprop="item"><span itemprop="name">Using Apple Pay and Google Pay</span></a>
+          </li>
         </ol>
       </nav>
     </div>

diff --git a/source/security.html.erb b/source/security.html.erb
@@ -38,6 +38,9 @@ title: Security
           <li class="sub-navigation__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
             <a href="/payment-links" itemprop="item"><span itemprop="name">Payment links</span></a>
           </li>
+          <li class="sub-navigation__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
+            <a href="/apple-pay-and-google-pay" itemprop="item"><span itemprop="name">Using Apple Pay and Google Pay</span></a>
+          </li>
         </ol>
       </nav>
     </div>