Welcome to the family!

Two. Merchant Tool Kit

Effectively communicating with your buyers about purchasing with Two will increase your orders. You'll find marketing resources on this page to promote your new B2B payment solution and boost sales.

You have just launched with Two.

Newsletter

Below is a text you can use for your merchants’ newsletters. NB: The X has to be replaced with the net terms offered.

Get the template

Success Story

Turn your successful partnership into a compelling blog story to engage your audience and inspire action.

Get the template

Social Media post

Everyone's on social media these days! Why not post a piece of content highlighting this new exciting partnership? Let's coordinate a time to post together.

Get the template

Emails

Introduce Two to your buyers, and follow up if they haven't tried us out yet! 

Introduction to TwoFollow up
Logo

Logo variants and usage.

Our Logo is ideal to be used below top module on website or in newsletters. Thumbnails can be used in your footer next to other payment methods.

Logo

Navy textWhite text

Thumbnail

Navy backgroundWhite background
Not sure where to place it? 
Download our Website Brand Placement Guide
Try out banner resizing.
Banners

We have made easy to use HTML banners.

This banner can be copied as it is, it scales down based on screen size and will convey the message without stealing all the attention.

HTML 

<div class="two-banner">
  <div class="two-banner-content">
    <div class="two-logo">
      <svg id="two_logo_svg" data-name="Two_logo" xmlns="http://www.w3.org/2000/svg" width="auto" height="100%" viewBox="0 0 72 25">
        <path id="Path_6809" data-name="Path 6809" d="M0,6.04V0H4.891V6.04H8.884v4.137H4.891v6.641c0,1.776.777,2.515,2.633,2.515h2.22v4.327H6.614C1.923,23.659,0,21.547,0,17.521Z" fill="currentColor"/>
        <path id="Path_6810" data-name="Path 6810" d="M17.342,23.481,11.472,6.041h4.994l3.779,12.308L24.961,6.041h5.1l4.689,12.308L38.525,6.041h5.03L37.681,23.481H32.257L27.5,11.17,22.783,23.481Z" fill="currentColor"/>
        <path id="Path_6811" data-name="Path 6811" d="M46.065,21.372a9,9,0,0,1-2.633-6.619,8.948,8.948,0,0,1,2.6-6.575,9.583,9.583,0,0,1,7.086-2.65A9.549,9.549,0,0,1,60.2,8.145a9.092,9.092,0,0,1,2.633,6.619A8.978,8.978,0,0,1,60.2,21.383,9.505,9.505,0,0,1,53.118,24,9.635,9.635,0,0,1,46.065,21.372ZM53.118,19.7a4.8,4.8,0,0,0,3.607-1.379,4.947,4.947,0,0,0,1.318-3.555,4.931,4.931,0,0,0-1.318-3.555,5.406,5.406,0,0,0-7.213,0A4.95,4.95,0,0,0,48.2,14.77a4.929,4.929,0,0,0,1.315,3.555A4.817,4.817,0,0,0,53.118,19.7Z" fill="currentColor"/>
        <circle id="Ellipse_338" data-name="Ellipse 338" cx="2.8" cy="2.8" r="2.8" transform="translate(66.4 18.4)" fill="#fbce49"/>
      </svg>	
    </div>
    <span class="two-message">Buy now, pay later with Two<span class="two-dot">.</span></span>
    <a href="https://www.two.inc/resources/buyers" class="two-button">Learn more</a>
  </div>
</div>

CSS 

Dark theme
Light theme
/* Colour variables */
:root {
  --two-color-text: #fafafa;
  --two-color-banner-bg: #1e1e6c;
  --two-color-button-text: #1e1e6c;
  --two-color-button-bg: #f0f4ff;
  --two-color-button-hover-bg: #fafafa;
}

/* Banner CSS */
.two-banner {
  background-color: var(--two-color-banner-bg); 
  color: var(--two-color-text);
  padding: 10px 20px; 
}

.two-banner-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.two-message {
  font-size: 1.2rem;
  font-weight: 500;
}

.two-dot {
  color: #fbce49; 
}

.two-button {
  background-color: var(--two-color-button-bg); 
  color: var(--two-color-button-text); 
  padding: 8px 16px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: 500;
  transition: background-color 0.3s ease;
}

.two-button:hover {
  background-color: var(--two-color-button-hover-bg);
}

.two-logo svg {
  height: 1.5rem;
  width: auto; 
  color: var(--two-color-text);
}

/* Tablet styles */
@media (max-width: 991px) {
  .two-message {
    font-size: 1.1rem; 
  }
  .two-logo svg {
    height: 1.4rem;
  }
}

/* Mobile landscape styles */
@media (max-width: 767px) {
  .two-message {
    font-size: 1rem; 
  }
  
  .two-logo svg {
    height: 1.2rem;
  }

  .two-button {
    font-size: 0.9rem;
    padding: 6px 12px;
  }
}

/* Mobile portrait styles */
@media (max-width: 478px) {
  .two-logo {
    display: none; 
  }

  .two-banner-content {
    justify-content: space-between; 
  }

  .two-message {
    font-size: 0.9rem; 
  }

  .two-button {
    background: none;
    color: var(--two-color-button-bg);
    padding: 0;
    border-radius: 0;
    text-decoration: underline;
    font-size: 0.9rem;
  }

  .two-button:hover {
    background-color: transparent;
    text-decoration: underline;
  }
}

/* Colour variables */
:root {
  --two-color-text: #1d1f5b;
  --two-color-banner-bg: #f1f3fe;
  --two-color-button-text:  #f1f3fe;
  --two-color-button-bg: #1d1f5b;
  --two-color-button-hover-bg: #091030;
}

/* Banner CSS */
.two-banner {
  background-color: var(--two-color-banner-bg); 
  color: var(--two-color-text);
  padding: 10px 20px; 
}

.two-banner-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.two-message {
  font-size: 1.2rem;
  font-weight: 500;
}

.two-dot {
  color: #fbce49; 
}

.two-button {
  background-color: var(--two-color-button-bg); 
  color: var(--two-color-button-text); 
  padding: 8px 16px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: 500;
  transition: background-color 0.3s ease;
}

.two-button:hover {
  background-color: var(--two-color-button-hover-bg);
}

.two-logo svg {
  height: 1.5rem;
  width: auto; 
  color: var(--two-color-text);
}

/* Tablet styles */
@media (max-width: 991px) {
  .two-message {
    font-size: 1.1rem; 
  }
  .two-logo svg {
    height: 1.4rem;
  }
}

/* Mobile landscape styles */
@media (max-width: 767px) {
  .two-message {
    font-size: 1rem; 
  }
  
  .two-logo svg {
    height: 1.2rem;
  }

  .two-button {
    font-size: 0.9rem;
    padding: 6px 12px;
  }
}

/* Mobile portrait styles */
@media (max-width: 478px) {
  .two-logo {
    display: none; 
  }

  .two-banner-content {
    justify-content: space-between; 
  }

  .two-message {
    font-size: 0.9rem; 
  }

  .two-button {
    background: none;
    color: var(--two-color-button-bg);
    padding: 0;
    border-radius: 0;
    text-decoration: underline;
    font-size: 0.9rem;
  }

  .two-button:hover {
    background-color: transparent;
    text-decoration: underline;
  }
}

Buttons.

We use the Aeonik as primary font with Poppins as backup. Since Aeonik is a paid font we recomend to use the free and available Poppins for all buttons.

Text: 16px
•
Padding: 12px 16px
•
Radius: 8px
•
Stroke: 1px

Primary

#444CE7
#3538CD
#3538CD
•
#C7D7FE

Secondary

#444CE7
#EEF4FF
#EEF4FF
•
#8098F9
PDF Guides

Short PDF documents that provide key information.

Our Guides provide both you and your buyers' essential insights. Feel free to share! 

Download here
Download here
Download here
Download here
Download here
Download here
Download here

Sellers Guide to Two

Buyer's Guide to Two

Buyer Portal

Merchant Portal

Credit Builder

Order Creator

Website Brand Placement Guide

See how Two works.

Our demo videos can be useful for sharing with your buyers and getting to know our products yourself. 

Credit Builder

Leveraging Open Banking data, we get a better picture of your customers’ financial capacity. Using this data, combined with our existing credit and fraud engines, allows us to provide your customers with even higher credit limits.

Download everything.

Want all the resources from this page? You can find all the listed marketing assets directly in the Google Drive folder below, and download accordingly.

Go to Google Drive folder