Skip to content

Commit 99e718a

Browse files
jonheslopjonheslop
authored
Merge pull request #9 from alphagov/PP-2247-update-to-product-page
PP 2247 update to product page
2 parents b51cea8 + a32908c commit 99e718a

25 files changed

Lines changed: 989 additions & 127 deletions

‎bower.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,8 +13,8 @@
1313
"tests"
1414
],
1515
"dependencies": {
16-
"govuk_template": "git://github.com/alphagov/govuk_template.git#^0.19.2",
17-
"govuk_frontend_toolkit": "git://github.com/alphagov/govuk_frontend_toolkit#v5.0.2",
16+
"govuk_template": "git://github.com/alphagov/govuk_template.git#^0.22.2",
17+
"govuk_frontend_toolkit": "git://github.com/alphagov/govuk_frontend_toolkit#v6.0.4",
1818
"govuk_elements": "git://github.com/alphagov/govuk_elements"
1919
}
2020
}

‎config.rb‎

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -43,10 +43,10 @@
4343
# Build-specific configuration
4444
configure :build do
4545
# Minify CSS on build
46-
# activate :minify_css
46+
activate :minify_css
4747

4848
# Minify Javascript on build
49-
# activate :minify_javascript
49+
activate :minify_javascript
5050
end
5151

5252
# Override generated asset path to remove the long explicit vendor paths
@@ -81,3 +81,8 @@ def call(sprockets_asset)
8181
end
8282

8383
sprockets.append_path File.join(root, "components")
84+
85+
# https://middlemanapp.com/advanced/pretty-urls/
86+
activate :directory_indexes
87+
88+
activate :asset_hash

source/support.html.erb renamed to source/contact.html.erb

Lines changed: 7 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -11,30 +11,24 @@ title: GOV.UK Pay support
1111
<a href="/" itemprop="item"><span itemprop="name">GOV.UK Pay</span></a>
1212
</li>
1313
<li class="breadcrumbs__item breadcrumbs__item--active" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
14-
<a href="#main" itemprop="item"><span itemprop="name">Support</span></a>
14+
<a href="#main" itemprop="item"><span itemprop="name">Contact</span></a>
1515
</li>
1616
</ol>
1717
</nav>
1818

1919
<div class="container">
2020
<div class="grid-row">
2121
<div class="column-two-thirds">
22-
<h1 id="heading-1">GOV.UK Pay support</h1>
23-
<p>To learn more about GOV.UK Pay, contact the team at:</p>
22+
<h1 id="heading-1">GOV.UK Pay Contact</h1>
23+
<p>To learn more about GOV.UK Pay, contact the team at: <a href="mailto:govuk-pay-support@digital.cabinet-office.gov.uk">govuk-pay-support@digital.cabinet-office.gov.uk</a></p>
2424

25-
<a href="mailto:govuk-pay-support@digital.cabinet-office.gov.uk" target="_top">govuk-pay-support@digital.cabinet-office.gov.uk</a>
25+
<p>Or chat with us on our cross-government Slack channel: <a href="https://ukgovernmentdigital.slack.com/messages/govuk-pay">https://ukgovernmentdigital.slack.com/messages/govuk-pay</a></p>
2626

27-
<h2 id="heading-medium">New requests</h2>
28-
<p>Email us with:</p>
29-
<ul class="list list-bullet">
30-
<li>your name, email address and phone number</li>
31-
<li>your government organisation name</li>
32-
<li>a brief description of your service</li>
33-
<li>a link to your online service if you have one</li>
34-
</ul>
27+
<p>GOV.UK Pay is built and supported 24/7 by a full-time team at the Government Digital Service. The service manager is Till Wirth.</p>
28+
<p>Follow our <a href="/getstarted">guide to getting started</a> to create an account.</p>
3529

3630
<h2 id="heading-medium">More information</h2>
37-
<p>See how to use GOV.UK Pay with our <a href="https://gds-payments.gelato.io/docs/versions/1.0.0">technical documentation</a></p>
31+
<p>See how to use GOV.UK Pay with our <a href="https://gds-payments.gelato.io/docs/versions/1.0.0">technical documentation</a>.</p>
3832
</div>
3933
</div>
4034
</div>

‎source/features.html.erb‎

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
<nav class="breadcrumbs" aria-label="Breadcrumbs">
2+
<ol itemscope itemtype="http://schema.org/BreadcrumbList">
3+
<li class="breadcrumbs__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
4+
<a href="https://www.gov.uk/service-toolkit#components" itemprop="item"><span itemprop="name">Components</span></a>
5+
</li>
6+
<li class="breadcrumbs__item breadcrumbs__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
7+
<a href="/" itemprop="item"><span itemprop="name">GOV.UK Pay</span></a>
8+
</li>
9+
<li class="breadcrumbs__item breadcrumbs__item--active" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
10+
<a href="#main" itemprop="item"><span itemprop="name">Features and roadmap</span></a>
11+
</li>
12+
</ol>
13+
</nav>
14+
<div class="container">
15+
<div class="grid-row">
16+
<div class="column-one-third">
17+
<nav class="sub-navigation">
18+
<ol itemscope itemtype="http://schema.org/ItemList">
19+
<li class="sub-navigation__item sub-navigation__item--active" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
20+
<a href="/features" itemprop="item"><span itemprop="name">Features</span></a>
21+
</li>
22+
<li class="sub-navigation__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
23+
<a href="/roadmap" itemprop="item"><span itemprop="name">Roadmap</span></a>
24+
</li>
25+
</ol>
26+
</nav>
27+
</div>
28+
29+
<div class="column-two-thirds">
30+
<h1 class="heading-large">Top features</h1>
31+
<p>GOV.UK Pay uses established Payment Service Providers to deliver your payments service.</p>
32+
33+
<p>At no additional cost, we already offer:</p>
34+
<h2 class="heading-small">Payment management</h2>
35+
<ul class="list list-bullet">
36+
<li>take online card payments</li>
37+
<li>issue refunds and email receipts</li>
38+
<li>create reports and search transactions</li>
39+
<li>integrate with existing case management workflows</li>
40+
<li>a trusted GOV.UK-branded experience
41+
</li>
42+
</ul>
43+
44+
<h2 class="heading-small">Digital standards</h2>
45+
<ul class="list list-bullet">
46+
<li>meet the Digital Service Standard</li>
47+
<li>meet accessibility standards</li>
48+
<li>stay secure with full Payment Card Industry Data Security Standard compliance</li>
49+
<li>use our modern RESTful API for straightforward integration</li>
50+
</ul>
51+
52+
<h2 class="heading-small">Technical support</h2>
53+
<ul class="list list-bullet">
54+
<li>get 24/7 support from the team at Government Digital Service</li>
55+
<li>read clear documentation on how to integrate with GOV.UK&nbsp;Pay</li>
56+
<li>use a sandbox (test) environment to prototype and try with your service</li>
57+
<li>switch PSPs without additional technical work (technical integration is provider-agnostic)</li>
58+
</ul>
59+
<h2 class="heading-medium">Queries and suggestions</h2>
60+
<p>If you want to find out more about these features, or have some needs that GOV.UK Pay isn’t yet meeting, please get in touch with us by emailing <a href="mailto:govuk-pay-support@digital.cabinet-office.gov.uk">govuk-pay-support@digital.cabinet-office.gov.uk</a> or chat with us in our <a href="https://ukgovernmentdigital.slack.com/messages/govuk-pay">cross-government Slack channel</a>.</p>
61+
</div>
62+
</div>
63+
</div>

‎source/getstarted.html.erb‎

Lines changed: 84 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,84 @@
1+
<nav class="breadcrumbs" aria-label="Breadcrumbs">
2+
<ol itemscope itemtype="http://schema.org/BreadcrumbList">
3+
<li class="breadcrumbs__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
4+
<a href="https://www.gov.uk/service-toolkit#components" itemprop="item"><span itemprop="name">Components</span></a>
5+
</li>
6+
<li class="breadcrumbs__item breadcrumbs__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
7+
<a href="/" itemprop="item"><span itemprop="name">GOV.UK Pay</span></a>
8+
</li>
9+
<li class="breadcrumbs__item breadcrumbs__item--active" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
10+
<a href="#main" itemprop="item"><span itemprop="name">Get Started</span></a>
11+
</li>
12+
</ol>
13+
</nav>
14+
<div class="container">
15+
<div class="grid-row">
16+
<div class="column-two-thirds column-minimum">
17+
<h1 class="heading-large">
18+
Get started
19+
</h1>
20+
21+
<ol class="task-list">
22+
<h2 class="task-list-section">
23+
<span class="task-list-section-number">1.</span> Check GOV.UK Pay is right for you
24+
</h2>
25+
<div class="task-list-items">
26+
<p>If you are a central government organisation with a new or existing digital service, and want to take card payments online, then GOV.UK&nbsp;Pay should be suitable for you.</p>
27+
<p>Review GOV.UK Pay’s <a href="/features">top features and roadmap</a> and decide if it meets your service’s needs.</p>
28+
</div>
29+
30+
<h2 class="task-list-section">
31+
<span class="task-list-section-number">2.</span> Create an account
32+
</h2>
33+
<div class="task-list-items">
34+
<p>Test GOV.UK Pay for yourself by sending an email to <a href="mailto:govuk-pay-support@digital.cabinet-office.gov.uk">govuk-pay-support@digital.cabinet-office.gov.uk</a> and requesting a new account.</p>
35+
<p>You can explore the test environment, and use the same account details when you’re ready to go live. You can also connect your service prototype with GOV.UK Pay to test how it works with your users.</p>
36+
</div>
37+
38+
<h2 class="task-list-section">
39+
<span class="task-list-section-number">3.</span> Share with your team
40+
</h2>
41+
<div class="task-list-items">
42+
<p>Share information about GOV.UK&nbsp;Pay with your broader team. Managing payments usually involves people from a number of different teams: digital, operational delivery and finance, for example.</p>
43+
44+
<p> You can <a href="https://selfservice.payments.service.gov.uk/my-services">invite team members</a> from the My Services area of your GOV.UK&nbsp;Pay admin tool. You may want to send our <a href="https://gds-payments.gelato.io/docs/versions/1.0.0">documentation</a> to your technical and finance teams.</p>
45+
</div>
46+
47+
<h2 class="task-list-section">
48+
<span class="task-list-section-number">4.</span> Integrate your service with GOV.UK&nbsp;Pay
49+
</h2>
50+
<div class="task-list-items">
51+
<p>Your technical team can find information about integrating and API references in our <a href="https://gds-payments.gelato.io/docs/versions/1.0.0">documentation</a>.</p>
52+
</div>
53+
54+
<h2 class="task-list-section">
55+
<span class="task-list-section-number">5.</span> Sign GOV.UK Pay’s agreements
56+
</h2>
57+
<div class="task-list-items">
58+
<p>Your organisation needs to sign GOV.UK Pay’s Memorandum of Understanding and your team needs to agree to our Terms of Use.</p>
59+
<p>Contact GOV.UK Pay on <a href="mailto:govuk-pay-support@digital.cabinet-office.gov.uk">govuk-pay-support@digital.cabinet-office.gov.uk</a> to receive our agreements.</p>
60+
</div>
61+
62+
<h2 class="task-list-section">
63+
<span class="task-list-section-number">6.</span> Set up your Payment Service Provider
64+
</h2>
65+
<div class="task-list-items">
66+
<p>You will need to have a contract for Payment Gateway and Merchant Acquiring services with a Payment Service Provider, who will process the payments taken using GOV.UK Pay. We will support the suppliers listed on the relevant Crown Commercial Service framework: Barclays, Global Payments, Stripe, WorldPay.</p>
67+
<div class="panel panel-border-wide">
68+
<p>If you don’t have one already, then avoid any procurement work by signing up with the Government Banking Service. They have an existing contract that’s open to central government and health sector organisations. Contact the Government Banking helpdesk at <a href="mailto:helpdesk.gbs@hmrc.gsi.gov.uk">helpdesk.gbs@hmrc.gsi.gov.uk</a> if you’d like to learn more and sign up.</p>
69+
</div>
70+
<p>When you have a Payment Service Provider, you need to make sure it is set up to work with GOV.UK Pay. We have instructions for <a href="https://gds-payments.gelato.io/docs/versions/1.0.0/switching-to-production">configuring your account</a> in our documentation. </p>
71+
<p><a href="/contact">Contact GOV.UK Pay</a> if you’d like more advice on contracting.</p>
72+
</div>
73+
74+
<h2 class="task-list-section">
75+
<span class="task-list-section-number">7.</span> Configure GOV.UK Pay for your service and go live
76+
</h2>
77+
<div class="task-list-items">
78+
<p>You can update your settings for things like accepted card types in the <a href="https://selfservice.payments.service.gov.uk/">GOV.UK Pay admin tool</a> before you begin taking payments.</p>
79+
<p>Contact GOV.UK Pay when you’re ready to go live, at <a href="mailto:govuk-pay-support@digital.cabinet-office.gov.uk">govuk-pay-support@digital.cabinet-office.gov.uk</a></p>
80+
</div>
81+
</ol>
82+
</div>
83+
</div>
84+
</div>

0 commit comments

Comments
 (0)