Kommunikations-Toolkit

Wenn Sie Ihre Käufer gezielt über den Kauf mit Two informieren, steigern Sie Ihre Bestellungen. Auf dieser Seite finden Sie Marketingmaterialien, mit denen Sie Ihre neue B2B-Zahlungslösung bewerben und Ihren Umsatz steigern.

Sie sind jetzt mit Two live.

Newsletter visual

Newsletter

Unten finden Sie einen Text, den Sie für Ihren Newsletter verwenden können. Hinweis: Ersetzen Sie das X durch das angebotene Zahlungsziel.
‍

Success story visual

Erfolgsgeschichte

Machen Sie aus Ihrer erfolgreichen Partnerschaft eine überzeugende Blog-Story, die Ihr Publikum begeistert und zum Handeln motiviert.

Partnership illustration

Social-Media-Post

Veröffentlichen Sie einen Beitrag über diese spannende neue Partnerschaft. Lassen Sie uns einen gemeinsamen Termin zum Posten abstimmen. Schreiben Sie an marketing@two.inc

Logo

Logo-Varianten und Verwendung.

Unser Logo eignet sich ideal für den Bereich unterhalb des oberen Moduls Ihrer Website oder für Newsletter. Die Thumbnails können Sie im Footer neben anderen Zahlungsarten verwenden.

Unsicher, wo Sie es platzieren sollen? 
Leitfaden zur Markenplatzierung herunterladen
Testen Sie die Größenanpassung des Banners.
Banner

Einfach einsetzbare HTML-Banner.

Dieses Banner können Sie direkt übernehmen. Es passt sich an die Bildschirmgröße an und vermittelt die Botschaft, ohne alle Aufmerksamkeit auf sich zu ziehen.

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 

/* 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;
  }
}

Schaltflächen.

Als Hauptschrift verwenden wir Aeonik, mit Poppins als Ausweichschrift. Da Aeonik kostenpflichtig ist, empfehlen wir für alle Buttons die frei verfügbare Poppins.

Schrift: 16px
•
Innenabstand: 12px 16px
•
Radius: 8px
•
Kontur: 1px

Primär

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

Sekundär

#444CE7
#EEF4FF
#EEF4FF
•
#8098F9
PDF-Leitfäden

Kurze PDF-Dokumente mit den wichtigsten Informationen.

Unsere Leitfäden liefern Ihnen und Ihren Käufern die wichtigsten Infos. Teilen Sie sie gern! 

So funktioniert Two.

Unsere Demovideos eignen sich ideal, um sie mit Ihren Käufern zu teilen – und um unsere Produkte selbst kennenzulernen. 

Coins lined horizontally indicating two's marketing assets

Alles herunterladen.

Sie möchten alle Materialien dieser Seite? Alle aufgeführten Marketingmaterialien finden Sie direkt im Google-Drive-Ordner unten – zum Herunterladen bereit.