CTA-Button WordPress Shortcode

Einer der wichtigsten Punkte für Affiliates und jeden der etwas im Netz verkaufen möchte sind gut konvertierende CTA Buttons (call to action). Mit dem CTA Button WordPress Plugin wurde ein ShortCode geschaffen, genau nach den Vorstellungen über 20 Webmaster und Affiliates. Die CTA Buttons, sind sowohl für Links als auch für Telefonnummern mit den gesetzlich verpflichtenden Preisangaben geeignet und verfügen als Highlight über einen Tracking Code Forwarder, mit dem du z.B. unterschiedlichen Traffik auf eine Landingpage entsprechend auch an ein Partnerprogramm weitergeben kannst.

Zum Test des Traking Code Forwarder hier 3 Testlinks [inserat27] [ebook] [facebookad327]

Aufbau des Shortcodes:

[showcode][ctabutton design=““ url=““ text=““ corners=““ traking=““  typ=““ price=““ price_position=““ background=““ font=““ icon=““ icon_end=““][/showcode]

„design“: mögliche Werte [green,red,blue,facebook,black,yellow,neon,pink]
Wird der Parameter nicht angegeben wird desing=“green“ verwendet. Beispiele mit den Farben der Typen findest Du weiter unten. Du kannst aber auch über die Parameter „background“ und „font“ eigene Farben definieren.

„text“: mögliche Werte [was dir so einfällt]
Der Text am Button … hier ist deine Fantasie gefragt und dein Marketing Wissen! Bedenke aber, dass der Text nicht zu lang sein sollte. Bei Telefonnummern solltest du eine gut lesbare Version der Telefonnummer angeben.

„url“: mögliche Werte [ein Link oder eine Telefonnummer]
Wenn du einen URL eingibst hast du zusätzlich auch die Möglichkeit den Tracking Code Forwarder zu nutzen. Trage hierzu im Parameter „tracking“ den _GET Parameter ein, über welchen du auf diese Seite verlinkst. Der Inhalt des _GET Parameteres wird dann an den Url angehängt. So kannst du z.B unterschiedliche Werbungen mit  Parameter auf die Seite mit dem CTA Button leiten und diese Parameter dann z.B. als Trackingcode an dein jeweiliges Partnerprogramm weitergeben.
Wenn du eine Telefonnummer angibst und beim typ=“telefon“ erstellt der Shortcode einen Button mit Klickbarer Telefonnummer, damit der Interessent gleich bei der im Feld „url“ angegebenen Nummer anrufen kann. Ideal z.B. für Mehrwertnummern oder Verkaufsanfragen.

„tracking“: mögliche Werte [Optional ein _GET Parameter]
Siehe Beschreibung zum Parameter „url“

„typ“: mögliche Werte [Optional telefon]
Wenn typ=“telefon“ wird eine klickbare Telefonnummer erzeugt. Achtung! Nur verwenden wenn du im Parameter URL eine Telefonnummer angegeben hast.

„price“: mögliche Werte [eine Preisangabe ]
Wenn typ=“telefon“ verwendet wird muss eine Preisangabe angegeben werde!
Dies entspricht den aktuellen gesetzlichen Bestimmungen!

„price_position“: mögliche Werte [inside,under]
Gibt an wo die Preisinformation bei typ=“telefon“ Buttons angegeben wird. Entweder im Button oder unter dem Button!

„corners“: mögliche Werte [5,10,15,20,30,50]
Dieser optionale Parameter gibt die Rundung des Buttons in Pixel an!

„background“: mögliche Werte [ein oder 2 beliebige Farbwerte im #000000 Format durch Komma getrennt]
Mit diesem Parameter kannst du eigene Hintergründe für deinen Button angeben. Wenn du nur einen Wert angibst hat der Button eine duchgehende Hintergrundfarbe. Bei zwei durch ein Komma getrennten Werte entsteht ein Farbverlauf. Siehe auch Beispiele unten.

„font“: mögliche Werte [ein Farbwert im #000000 Format]
Mit diesem Parameter kannst du, sofern du eigene Schriftfarben für den Button festlegen. Ideal bei eigenen Hintergründen.

„icon und icon_end“: mögliche Werte [jedes FontAwson v4.7 ICON]
Hier kannst du zusätzlich vor und nach dem Text am Button beliebige FontAweson v4.7 ICONS hinzufügen! Die Übersicht der ICONS findest Du hier

 

 

Hier einige Beispiele für den „CTA-Button – Shortcode“ für Links

[ctabutton design=“green“ url=“http://erotikcam.info/LiveCams.aspx?ADR=“ text=“design = green – mit 2 Icons und Tracking Code Forwarding“ icon=“fa-arrow-right“ icon_end=“fa-arrow-left“ corners=“15″ traking=“erowm“  ]

[ctabutton design=“red“ url=“http://erotikcam.info/LiveCams.aspx?ADR=“ text=“design = red- mit 2 Icons und Tracking Code Forwarding“ icon=“fa-arrow-right“ icon_end=“fa-arrow-left“ corners=“15″ traking=“erowm“  ]

[ctabutton design=“blue“ url=“http://erotikcam.info/LiveCams.aspx?ADR=“ text=“design = blue – mit dem youtub Icon und Tracking Code Forwarding“ icon=“fa-youtube-play“ icon_end=““ corners=“5″ traking=“erowm“  ]

[ctabutton design=“facebook“ url=“http://erotikcam.info/LiveCams.aspx?ADR=“ text=“design = facebook – mit Facebook Icons und Tracking Code Forwarding“ icon=“fa-facebook-official“ icon_end=““ corners=“10″ traking=“erowm“  ]

[ctabutton design=“black“ url=“http://erotikcam.info/LiveCams.aspx?ADR=“ text=“design = black – mit 2 Icons und Tracking Code Forwarding“ icon=“fa-hand-o-right“ icon_end=“fa-hand-o-left“ corners=“15″ traking=“erowm“  ]

[ctabutton design=“yellow“ url=“http://erotikcam.info/LiveCams.aspx?ADR=“ text=“design = yellow – mit einem Icon und Tracking Code Forwarding“ icon=“fa-play“ icon_end=““ corners=“20″ traking=“erowm“  ]

[ctabutton design=“neon“ url=“http://erotikcam.info/LiveCams.aspx?ADR=“ text=“design = neon – mit 2 Icons und Tracking Code Forwarding“ icon=“fa-arrow-right“ icon_end=“fa-arrow-left“ corners=“30″ traking=“erowm“  ]

[ctabutton design=“pink“ url=“http://erotikcam.info/LiveCams.aspx?ADR=“ text=“design = pink – mit 2 Icons und Tracking Code Forwarding“ icon=“fa-arrow-right“ icon_end=“fa-arrow-left“ corners=“50″ traking=“erowm“  ]

 

Hier einige Beispiele für den „CTA-Button Shortcode“ für Telefonnummern

[ctabutton design=“red“ url=“093081919460″ text=“0930 81 91 94 60 – Preis unten“ icon=“fa-phone“ corners=“20″ traking=“true“  typ=“telefon“ price=“2,16 EUR/Min.“ price_position=“under“]

[ctabutton design=“green“ url=“093081919460″ text=“0930 81 91 94 60 – Preis innen“ icon=“fa-phone“ corners=“20″ traking=“true“  typ=“telefon“ price=“2,16 EUR/Min.“ ]

 

Beispiele für den „CTA-Button Shortcode“ mit individuellen Farben

Hier kannst du die Farbwerte deines Themes verwenden oder tief in die Trickkiste der Farben greifen. Manchmal hilft es auch wenn man einen online HTML Color Picker zu rate zieht, wie den von https://www.w3schools.com/colors/colors_picker.asp

 

[ctabutton design=“green“ url=“https://www.google.com“ text=“einfärbiger Hintergrund und Schriftfarbe“ corners=“15″ background=“#00004d“ font=“#ffffff“ ]

[showcode size=“small“][ctabutton design=“green“ url=“http://www….“ text=“einfärbiger Hintergrund….“ background=“#00004d“ font=“#ffffff“ ][/showcode]

 

[ctabutton design=“green“ url=“https://www.google.com“ text=“verlaufender Hintergrund und Schriftfarbe“ corners=“15″ background=“#00004d,#0000b3″ font=“#ffffff“ ]

[showcode size=“small“][ctabutton design=“green“ url=“http://www….“ text=“verlaufender Hintergrund….“ background=“#00004d,#0000b3″ font=“#ffffff“ ][/showcode]

 

Jetzt liegt es an dir was du daraus macht!