14
Trustly Cashier Guidelines

Trustly Cashier Guidelines · Branded landing page (TemplateURL) You have the option to design your own payment page with the payment window. This lets you redirect the customer rather

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Trustly Cashier Guidelines · Branded landing page (TemplateURL) You have the option to design your own payment page with the payment window. This lets you redirect the customer rather

Trustly Cashier Guidelines

Page 2: Trustly Cashier Guidelines · Branded landing page (TemplateURL) You have the option to design your own payment page with the payment window. This lets you redirect the customer rather

2© 2020 TRUSTLY GROUP AB

Contents

Optimisation of the cashier 4

Ideal way to display Trustly in your cashier 4

Integration guidelines based on common types of cashiers 5

Technical integration 7

Minimum space required for the Trustly payment window 7

Follow the cashier requirements 8

Unlocking a better shopping experience 10

Presenting Trustly outside the cashier 11

Trustly logo placement on homepage 11

Materials to use 12

What is Trustly? link 12

Short and long service description 13

Trustly cashier logos and company logo 14

Page 3: Trustly Cashier Guidelines · Branded landing page (TemplateURL) You have the option to design your own payment page with the payment window. This lets you redirect the customer rather

3© 2020 TRUSTLY GROUP AB

CASHIER GUIDELINES MAY 2020

Congratulations! You’re now done with the first steps by

integrating Trustly and you’re well on your way to offering

your online players fast, simple and secure bank deposits

in your cashier. To optimise your cashier experience, we

recommend following these guidelines on how to present

Trustly in your cashier and on your website.

Page 4: Trustly Cashier Guidelines · Branded landing page (TemplateURL) You have the option to design your own payment page with the payment window. This lets you redirect the customer rather

4© 2020 TRUSTLY GROUP AB

CASHIER GUIDELINES MAY 2020

Ideal way to display Trustly in your cashier

To help customers feel safe and secure with their choice of payment, we recommend that you follow

the steps below when presenting Trustly in your cashier. Making these changes can optimise your

cashier and directly impact your conversion rate. We’ve prepared different versions of the Trustly

description and you may choose the one that best fits your cashier based on available space.

The logos, descriptions and a link to Trustly’s “What is Trustly?” page can be found in the section

“Material to use” on page 12-14.

- OPTIMISATION OF THE CASHIER

Page 5: Trustly Cashier Guidelines · Branded landing page (TemplateURL) You have the option to design your own payment page with the payment window. This lets you redirect the customer rather

5© 2020 TRUSTLY GROUP AB

CASHIER GUIDELINES MAY 2020

Integration guidelines based on common types of cashiers

Example 1

Cashier with space for cashier logo or name, and description.

Example 2

Cashier with buttons based on logos with hidden

additional description.

- OPTIMISATION OF THE CASHIER

Instant BankingTrustly is a fast, simple and secure way to deposit directly from, and withdraw money directly to your online bank account. Deposits and withdrawals are instant and always free. No cards, apps or registration required.

Instant BankingTrustly is a fast, simple and secure way to deposit directly from, and withdraw money directly to your online bank account. Deposits and withdrawals are instant and always free. No cards, apps or registration required.

Instant Banking

Trustly is a fast, simple and secure way to deposit directly from, and withdraw money directly to your online bank account. Deposits and withdrawals are instant and always free. No cards, apps or registration required.

Select your preferred deposit method

Select your preferred deposit method

Card Payment

Pay with your card. No registration. Additional fees may apply.

CARD

WalleteWallet

Pay with your card. No registration. Additional fees may apply.

Deposit now

Deposit now

Deposit

Deposit

Card Payment

Other method

Other methodOther method

eWallet

Page 6: Trustly Cashier Guidelines · Branded landing page (TemplateURL) You have the option to design your own payment page with the payment window. This lets you redirect the customer rather

6© 2020 TRUSTLY GROUP AB

CASHIER GUIDELINES MAY 2020

Example 3

Cashier with limited space for cashier logo or

name, and description.

Example 4

Cashier based on radio buttons.

Available material to optimise your cashier experience:

The Trustly service description for different languages and a link to Trustly’s “What is Trustly?”

-page can be found in the section “Material to use” on page 12-14.

All available logotypes can be found in the section “Trustly cashier logos and company logo”

on page 14.

- OPTIMISATION OF THE CASHIER

Instant Banking

Instant Banking

Trustly Instant Banking

Deposit now

Deposit now

Trustly Instant Banking

Card Payment

eWallet

Instant Banking

Card Payment CARD

WalleteWallet

Select your preferred deposit method

Deposit

Select your preferred deposit method

Deposit

Page 7: Trustly Cashier Guidelines · Branded landing page (TemplateURL) You have the option to design your own payment page with the payment window. This lets you redirect the customer rather

7© 2020 TRUSTLY GROUP AB

CASHIER GUIDELINES MAY 2020

Minimum space required for the Trustly payment window across all devices

Reassure your end users by always displaying your logo in the Trustly payment flow to reinforce

familiarity. And remember to use the required sizes to keep the payment window working properly.

It’s important to follow the guidelines below in order to present Trustly and your brand in the

best possible way:

Use your logo, in addition to the Trustly logo, throughout the payment flow. This can be

done either by integrating the embedded payment window or using the TemplateURL.

More information about the different ways to integrate Trustly’s payment window can be

found on page 8.

Allow sufficient space in your checkout by keeping the required size of:

320px x 100% (smartphone) and 600 x 600 pixels embedded in an iframe (desktop).

- TECHNICAL INTEGRATION

Smartphone/tablet Desktop

1

2

1

1

2

bet.on bet.on

Page 8: Trustly Cashier Guidelines · Branded landing page (TemplateURL) You have the option to design your own payment page with the payment window. This lets you redirect the customer rather

8© 2020 TRUSTLY GROUP AB

CASHIER GUIDELINES MAY 2020

Follow the cashier requirements

There are several ways to display the customer interface (the payment window) for smart devices and

desktops. When Trustly receives a deposit, withdrawal or SelectAccount API call, a URL will be returned.

This is the graphical customer interface, the payment window, that the customer will interact with.

Integration via a hosted solution through a Trustly PartnerWill Trustly be integrated through a platform provider or payment gateway? Using a hosted solution might

affect the customer interface and we recommend that you always talk to your relationship manager

about how the shopping experience will look on your website.

Direct integration to TrustlyDesktop

Branded landing page (TemplateURL)

You have the option to design your own

payment page with the payment window. This

lets you redirect the customer rather than

loading the returned URL in an iframe. To set it

up, please provide us with the URL of a template

page so that we can construct the final page

the customer will interact with. The merchant

can pass the URL to the template page in the

TemplateURL attribute in every API call allowing

for dynamic customisation (example below).

For static customisation, we could input the URL

directly into our system.

Embedded iframe or lightbox

You can either load the returned URL in an

iframe on your page or display it in a lightbox.

The payment window needs a width of 600

pixels and a height of at least 600 pixels to

work properly.

- TECHNICAL INTEGRATION

LIVEBET

CASINO

CASINO POKERbet.on Deposit

Make a deposit!Enter amount EUR

E-Wallet Card

Follow the instructions below Summary

Deposit method

Deposit amount 100.00 EUR

Pay later

Bank payment

Card payment

Instant banking

bet.on

Best option for higher conversion

Page 9: Trustly Cashier Guidelines · Branded landing page (TemplateURL) You have the option to design your own payment page with the payment window. This lets you redirect the customer rather

9© 2020 TRUSTLY GROUP AB

CASHIER GUIDELINES MAY 2020

Mobile

Redirect

The customer is redirected to a clean page for

better readability and usability. Always make sure

to send the SuccessURL and FailURL attributes.

This URL redirect must also be supported on

your page. Read more about SuccessURL and

FailURL attributes under section “Unlocking a

better shopping experience” on page 10.

Branded landing page (TemplateURL)

The TemplateURL has the same requirements as

the TemplateURL for desktop.

Mobile & Desktop

If the exact same payment page is used for both mobile and desktop,

then the iframe or TemplateURL option should be used. To prevent

complications with automatically launching app-based authentication

methods, the use of iframes should be avoided on mobile devices.

Native app

Trustly fully supports native iOS and Android apps,

but in order to best assist you with the integration,

we need some additional information. Please reach

out to your integration contact at Trustly for help.

Best option for higher conversion

Example of TemplateURL on mobile

- TECHNICAL INTEGRATION

bet.on

Page 10: Trustly Cashier Guidelines · Branded landing page (TemplateURL) You have the option to design your own payment page with the payment window. This lets you redirect the customer rather

10© 2020 TRUSTLY GROUP AB

CASHIER GUIDELINES MAY 2020

Unlocking a better shopping experience

Success / FailURL

This is the URL that the customer will be

redirected to after a successful or failed deposit.

The merchant should use the notifications sent

from Trustly to build their logic, as there is no

verification that the customer loads the

success/failURL.

More information can be found on our

developer portal.

URL Target

You have the possibility to decide whether the

redirect to the SuccessURL / FailURL will happen

in the iframe or the parent window. You can

control this by using the URLTarget attribute.

For details, see our API documentation.

Payment traceability

Known as a Dynamic Descriptor or Soft Descriptor

in the card world, Trustly’s Shopper Statement

enables additional text to be included with every

Trustly transaction, along with Trustly’s 10-digit

reference. The Shopper Statement can be the

merchant’s name or text that indicates the nature of

the payment. A good Shopper Statement clarifies

transactions on the customer’s bank statement.

The Shopper Statement can either be sent

by the merchant in each API call within the

ShopperStatement attribute, or a fixed value can be

configured for each merchant that has an account

with Trustly.

Bank accountOVERVIEW

Purchases

Today

Yesterday

Bet onID: 3203184015

Happy ShopID: 3203184011

Tickets ID: 3203184321

Grocery shopping ID: 3203184333

Total 100,00

Total 1567,00

100,00 >

200,00 >

1100,00 >

367,00 >

Continue

- TECHNICAL INTEGRATION

Deposit completed!Your deposit was successful. You are now ready to start playing your favourite games. Withdraw your winnings instantly with Trustly.

Deposit amount

Deposit method

100.00 EUR

bet.on

Page 11: Trustly Cashier Guidelines · Branded landing page (TemplateURL) You have the option to design your own payment page with the payment window. This lets you redirect the customer rather

11© 2020 TRUSTLY GROUP AB

CASHIER GUIDELINES MAY 2020

Trustly logo placement on homepage

Place the official Trustly logo making sure there’s sufficient space

surrounding it. Different versions of our logotype are available

based on the background of your website. You’ll find all of our

available logotypes on page 14 in this document.

The logo should be resized to a suitable size for your website

by replacing “x” in the URL below with the preferred pixel width.

Sizes available are 10 to 300 pixels.

The logo should be presented in the following locations:

• In the footer (example below) on all pages of your website, by using this link:

<img src=”https://static.trustly.com/logotype/footer/trustly_x.png”>

• Wherever other payment methods are presented, such as in your Terms & Conditions page.

Example with the Trustly logo in the footer

Pay with a bank payment, invoice, installment, credit card or Paypal.

CARD INVOICE

PAYPALINSTALLMENT WALLET

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Duis autem

Pay with a bank payment, invoice, installment, credit card or Paypal.

CARD INVOICE PAYPAL

INSTALLMENT WALLET

obortis nisl ut aliquip ex ea commodo conse

Ut aliquip ex ea commodo consequat.

Ut wisi enim ad minim veniam, quis

nostrud exerci tation ullamcorper

suscipit lobortis nisl ut aliquip ex ea

commodo consequat.

Duis autem

- PRESENTING TRUSTLY OUTSIDE THE CASHIER

Page 12: Trustly Cashier Guidelines · Branded landing page (TemplateURL) You have the option to design your own payment page with the payment window. This lets you redirect the customer rather

12© 2020 TRUSTLY GROUP AB

CASHIER GUIDELINES MAY 2020

What is Trustly? link

Add one of the following links next to the Trustly payment option in your cashier,

depending on the language. The link should always open in a new window.

Language Link to “What is Trustly” page

English https://trustly.com/en/what-is-trustly/

Swedish https://trustly.com/se/what-is-trustly/

German https://trustly.com/de/what-is-trustly/

Example of how to display the “What is Trustly?” link in your cashier

What is Trustly?

Trustly Instant BankingTrustly is a fast, simple and secure way to deposit directly from,

and withdraw money directly to your online bank account.

Deposits and withdrawals are instant and always free.

No cards, apps or registration required.

Trustly Instant Banking

Trustly is a fast, simple and secure way to deposit directly from, and

withdraw money directly to your online bank account. Deposits and

withdrawals are instant and always free. No cards, apps or registration

required.

What is Trustly?

CARD Wallet

- MATERIALS TO USE

Page 13: Trustly Cashier Guidelines · Branded landing page (TemplateURL) You have the option to design your own payment page with the payment window. This lets you redirect the customer rather

13© 2020 TRUSTLY GROUP AB

CASHIER GUIDELINES MAY 2020

Short and long service description

Short description

Pay directly from your online bank account,

backed by bank-level security. No cards, no app

download, no registration.

Long description

Trustly’s online bank payments aim to enhance

the payment flow between you and the business

you’re making a purchase from. We do this by

connecting online businesses to consumers

directly through the bank account – the hub of

people’s finances. When you pay with Trustly,

you’re prompted to select your bank and log in

as you normally do. Then, choose which account

you wish to pay from and confirm payment with

your preferred authentication method. And that’s

it. Payment made. No need for app downloads,

use of cards or lengthy registration.

Our covered markets are in Europe and the US.

Always putting you, the end user, first, we enable

fast, simple and secure transactions on any device

with bank-level security for peace-of-mind.

- MATERIALS TO USE

Page 14: Trustly Cashier Guidelines · Branded landing page (TemplateURL) You have the option to design your own payment page with the payment window. This lets you redirect the customer rather

14© 2020 TRUSTLY GROUP AB

CASHIER GUIDELINES MAY 2020

Trustly cashier logos and company logo

Trustly cashier logos (.png) are currently available in English,

Swedish and German

• Use Trustly’s primary cashier logo (1) whenever possible

(original colour)

• Use Trustly’s secondary cashier logo (2) on dark backgrounds

(white and green colour)

• Use our inverted cashier logo (3) when the background colour

conflicts with the green cart, for example, green or light blue

(white colour)

Get the logo Get the logo Get the logo

Trustly’s company logo should be used in the following places:

• When Trustly’s cashier logo does not exist or in situations with limited space in the cashier.

See examples on page 5-6.

• When the logo will be used outside of the cashier, such as in the footer or within banners.

Clear space

Please observe the clear space around the logo to maximise visual effectiveness. Nothing should

intrude this specified clear space. Minimum space surrounding the logo should be the dimensions

of the first letter of the logotype in each direction.

Gaming

Get the logos

Trustly’s cashier logo should be used in the following places :

• In a cashier. See examples on page 5-6.

Trustly’s company logo colour options (available in .png or .jpg)

• Use Trustly’s primary logo (1) whenever possible (original colour)

• Use Trustly’s secondary logo (2) on dark backgrounds (white and green colour)

• Use our inverted logo (3) when the background colour conflicts with the green cart,

for example green or light blue (white colour)

- MATERIALS TO USE

1 2 3