Newsletter Container o.ä. unter meinem Header erstellen

Guten Abend liebes Forum,

ich benötige nochmal eure Hilfe.
Ich benutze meine Seite http://www.alldus.de mit dem Klopp Theme.

Ich möchte gerne, in der Leiste unter meinem Header einen (oder in Zukunft auch mehrere) Newslettercontainer erstellen, mit Weiterleitung an eine nächte Seite.
Könnt Ihr mir beim Aufbau dessen Container helfen?
Anbei hänge ich mal ein Bild bei wie ich es mit vorstelle..

Im voraus vielen Dank.

LG David

Ja genau, sowas meine ich. Und da scheitert es auch schon bei mir, da ich nicht weiß wie ich so einen Container/ Button als html Code aufbaue, damit man mit einem klick auf die zweite Seite weitergeleitet wird. In Zukunft soll da nicht nur der Newsletter Button kommen, sondern noch ein zweiter oder dritter..

Wenn ich mir einen Button bei einem Buttongenerator erstelle, erhalte ich einen html und einen CSS Code.
Wenn ich diese versuche in meiner Seite einzufügen, wird nicht der Button an sich, sondern der komplette Code auf der Seite angezeigt.
Füge ich den CSS beim Custumizer und den html Code im header.php ein? Oder wie genau gehe ich da vor?

Ich habe es jetzt mal mit mehreren Buttongeneratoren versucht.. den html habe ich in den header reingepackt, welcher mir auch angezeigt wird, jedoch bleibt die CSS funktion immer ohne funktion.. Gibt es da was besonderes zu beachten oder etwas was ich vergessen habe?

Also mit CSS Funktion meine ich, dass ich den Button CSS Code in den Customizer-> Cusom CSS gepackt habe. Eine veränderung war nicht zu sehen.
In diesem Beispiel habe ich jetzt einen "Partner werden?" Button versucht einzufügen.

Die Button Codes lauten

<a href="#" class="Partner_werden?">Partner werden?</a>


.Partner_werden? {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c71818), color-stop(1, #f52727));
	background:-moz-linear-gradient(top, #c71818 5%, #f52727 100%);
	background:-webkit-linear-gradient(top, #c71818 5%, #f52727 100%);
	background:-o-linear-gradient(top, #c71818 5%, #f52727 100%);
	background:-ms-linear-gradient(top, #c71818 5%, #f52727 100%);
	background:linear-gradient(to bottom, #c71818 5%, #f52727 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c71818', endColorstr='#f52727',GradientType=0);
	background-color:#c71818;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #000000;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana;
	font-size:24px;
	font-weight:bold;
	padding:10px 16px;
	text-decoration:none;
	text-shadow:0px 1px 0px #000000;
}
.Partner_werden?:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f52727), color-stop(1, #c71818));
	background:-moz-linear-gradient(top, #f52727 5%, #c71818 100%);
	background:-webkit-linear-gradient(top, #f52727 5%, #c71818 100%);
	background:-o-linear-gradient(top, #f52727 5%, #c71818 100%);
	background:-ms-linear-gradient(top, #f52727 5%, #c71818 100%);
	background:linear-gradient(to bottom, #f52727 5%, #c71818 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f52727', endColorstr='#c71818',GradientType=0);
	background-color:#f52727;
}
.Partner_werden?:active {
	position:relative;
	top:1px;
}

und noch einmal ein Bild vom Button, einen Link zur Seite kann ich nicht erstellen:

Hat funktionier! Geil, vielen Dank!

Kannst du mir villeicht auch noch sagen, wie ich den html Code umschreiben kann dass es mit einem klick weitergeleitet wird auf die nächste Seite http://alldus.de/partner-werden/

Alles klar, mache ich. Danke nochmal für die Hilfe.