Werbemittel von WebStollen

INHALTSVERZEICHNIS

• Allgemeines
• Banner, GIFs & Co
• Pluginlisten, Plugin Slider
• Einbindung Plugin Slider
• Einbindung Pluginliste
• Auswahl bestimmter Plugins
• Anpassen der Farben
  • Hierfür stehen für den Slider folgende Farboptionen zur Auswahl
  • Für die Pluginliste gibt es folgende Farbattribute
• Anpassen der Breite des Sliders

Allgemeines

WebStollen stellt dir für bestimmte Kampagnen geeignete Werbemittel zur Verfügung, z.B.:

• Banner
• Videos
• Links
• Scripts zur Einbindung in die eigen Website

Du findest due Werbemittel (Assets) in deinem Partnerportal partner.webstollen.de

Deinen Partnercode findest du ebenfalls im Portal, er ist pro Kampagne individuell.

Nachfolgend nennen wir diesen in den HTML Snippets immer "DEINCODE".

Die Werbemittel findest du im Reiter "Assets":

Dort findest du sämtliche Werbemittel, die dich unterstützen sollen WebStollen Lösungen so einfach wie möglich deinen Kunden zu empfehlen.

Banner, GIFs & Co

Die Banner & Co kannst du einfach downloaden und bei dir auf der Website einfügen.

Achte darauf, dass du sie mit deinem Partnerlink (Referral Link) verlinkst, damit die Provision auch korrekt zugeordnet werden kann.

Ein Beispiel, wie du die Banner in deine HTML Seite einbinden kannst als HTML Code:

<a href="https://app.dash.bar/signup?via=DEINCODE" target="_blank">
  <img src="dash.bar_Banner.png" alt="dash.bar Angebot">
</a>

Pluginlisten, Plugin Slider

Aktuell werden dir von WebStollen zwei fertige Komponenten für deine Website angeboten, die du dort einbinden kannst, um für die angebotenen Plugins zu werben.

Einbindung Plugin Slider

Das Einbinden der von uns bereitgestellten Komponente "Slider" erfolgt über folgenden Script-Tag, den du als HTML-Code einfügen kannst: 

<script src="https://ws-cdn.de/marketing/components/external/slider.js"></script>
<ws-plugin-slider plugins="all" firstpromoterCode="DEINCODE"></ws-plugin-slider>

Dies sieht dann in deinem Quellcode in etwa so aus: 

Und wird auf der Website schließlich so ausgegeben: 

Wichtig ist, dass du bei firstpromoterCode deinen Partnercode (findest du Partnerprortal) angibst, damit nachvollzogen werden kann, dass ein Kunde, der darüber zum Extension Store gelangt, von dir angeworben wurde.

Einbindung Pluginliste

Ebenso kannst du auch durch folgenden script-Tag die Übersicht über die Plugins einbinden: 

<script src="https://ws-cdn.de/marketing/components/external/overview.js"></script>
<ws-plugin-overview plugins="all" firstpromoterCode="DEINCODE"></ws-plugin-overview>

Dies sieht dann in deinem Quellcode in etwa so aus: 

Und wird auf der Website schließlich so ausgegeben: 

Natürlich kannst du, falls gewünscht, auch beide Komponenten auf der Seite verwenden.

Auswahl bestimmter Plugins

Möchtest du in einer Komponente nur einige bestimmte Plugins anzeigen, so gib diese einfach in dem Attribut „plugins“ einzeln an. 

Dort musst du mit die Plugin IDs angeben. Diese findest du z.B. im JTL-Shop Backend oder im JTL Kiundencenter. Sie lauten i.d.R. "ws5_PluginName", also z.B. ws5_eucookie oder ws5_googletracking

<ws-plugin-slider plugins='["ws5_mollie" , "ws5_abilitapay" ,  "ws5_adoric", "ws5_dashbar"]' firstpromoterCode="DEINCODE" width="70%" id="smallPluginSlider"></ws-plugin-slider>

Anpassen der Farben

Um zu gewährleisten, dass sich die Komponenten optisch in das Konzept deiner Website einfügen, ist es möglich, die Farben der einzelnen Elemente anzupassen. 

Hierfür stehen für den Slider folgende Farboptionen zur Auswahl

sliderCardBgColor:
standard: "lightgrey",
Farbe der Pluginkarten im Slider

sliderCardTextColor: 
standard: "black"
Farbe des Pluginnamens

sliderTooltipColor: 
standard:: "#014938" (dunkles grün)
Farbe der Textblase die bei hovern über der Pluginkarte angezeigt wird

sliderTooltipTextColor:
standard: "white"
Farbe der Beschreibung die bei hovern über der Pluginkarte angezeigt wird

sliderBackgroundColor:
standard: "transparent"
Hintergrundfarbe des Sliders

navButtonsColor: 
standard: "black"
Farbe der Pfeile zum bewegen des Sliders

Für die Pluginliste gibt es folgende Farbattribute

cardBackgroundColor:
standard: "white",
Farbe der Pluginkarten

cardTextColor: 
standard: "black"
Farbe des Pluginnamens

backgroundColor:
standard: "#ededed" (helles grau)
Farbe des Hintergrundes

tooltipColor: 
standard: "#014938" (dunkles grün)
Farbe der Textblase die bei hovern über der Pluginkarte angezeigt wird

tooltipTextColor:
standard: "white"
Farbe der Beschreibung die bei hovern über der Pluginkarte angezeigt wird

Gib diese Optionen, falls gewünscht, zusätzlich zu deinem Partnercode als Attribute an, z.B.:

<ws-plugin-slider plugins="all" firstpromoterCode="DEINCODE" sliderCardBgColor="#efefef" sliderTooltipTextColor="#000000"></ws-plugin-slider>

Anpassen der Breite des Sliders

Für das Anpassen der Breite des Sliders oder der Liste kannst du ein weiteres Attribut “width” hinzufügen. Der Slider und die Liste passen ihre Größe dann automatisch an. 

<ws-plugin-slider plugins="all" firstpromoterCode="DEINCODE" width="900px"></ws-plugin-slider>

Zusätzlich kannst du die beiden Tags genauso wie normale HTML Tags mit CSS stylen, um z.B die Schriftart zu verändern.

Tags:

#affiliate #partnerprogramm