Es können mit dem unteren Quellcode, alle Felder farblich angepasst werden, und selbstverständlich auch der Text.
So sieht der Gutschein, mittels iframe eingebaut in der Webseite aus.
Folgender Quellcode (Suchmaschinen optimiert) wurde verwendet
<!DOCTYPE HTML>
<html>
<head>
<title>Gutschein Muster für Webseiten</title>
<meta name="description" content="Erstellen Sie schnell und einfach einen Gutschein für Ihre Webseite, passen Sie Farben und Bilder mit unserem Quellcode an">
<!-- Einbauen mit iframe -->
<!-- <iframe src="https://business-view.photo/include/gutschein.php" alt="aktuelle Gutscheine" border="0" width="600px" height="700px" scrolling="auto" frameborder="0"></iframe> -->
<!-- Hier die Daten eingeben, von der Webseite, auf dem der Gutschein implementiert wird -->
<link rel="canonical" href="https://business-view.photo/" />
<!-- Hier das Datum eingeben, wie lange der Gutschein gilt -->
<meta name="expire" content="Sun, 03 Jan 2021 23:59:59 GMT">
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui"/>
<meta name="author" content="detlev.molitor@molcon.de">
<style type="text/css">
body {
padding: 0 1em 0 0;
font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-weight: normal;
font-size : 100%;
}
.coupon {
border: 5px dotted #bbb; /* Dotted border */
width: 80%;
border-radius: 15px; /* Rounded border */
margin: 0 auto; /* Center the coupon */
max-width: 600px;
}
.container {
padding: 2px 16px;
background-color: #f1f1f1;
border-radius: 15px; /* Rounded border, for .coupon */
}
.promocode {
background: #ccc;
padding: 3px;
font-weight: bold;
}
.expire {
color: red;
background-color: inherit;
font-family: monospace,"Courier New", Courier;
font-size: 10px;
}
input {
background-color: #fff;
border-radius: 2px;
border: 1px solid transparent;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
box-sizing: border-box;
font-family: Roboto;
font-size: 15px;
font-weight: bold;
height: 29px;
margin-left: 17px;
margin-top: 10px;
outline: none;
padding: 0 11px 0 13px;
text-overflow: ellipsis;
width: 80%;
border-color: #4d90fe;
cursor: pointer;
}
img { /* picture with rounded corners */
border-radius:80px;
background-color: inherit;
}
</style>
</head>
<body>
<div class="coupon">
<div class="container">
<h3><a href="https://business-view.photo/">Company Logo / Company Name</a></h3>
</div>
<a href="https://business-view.photo/shop/"><img src="https://business-view.photo/graphics/kaffee.jpg" alt="Kaffee" style="width:100%;"></a>
<div class="container" style="background-color:white">
<h2><b>20% OFF YOUR PURCHASE</b></h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</p>
</div>
<div class="container">
<p>Promo Code: <span class="promocode">BOH232</span></p>
<p class="expire">Expires: Jan 03, 2021, at the latest, and only while stocks last</p> <!-- DE: spätestens, und nur so lange der vorrat reicht -->
<p><form action="https://business-view.photo/shop/" title="Jetzt den Gutschein Online einlösen!" border="0" target="_top"><input type="submit" name="Gutschein" value="» Jetzt den Gutschein Online einlösen «"></form></p>
</div>
</div>
<!-- Das wars, Schluss mit dem Bearbeiten! Viel Spaß beim Verkaufen. -->
<div itemscope itemtype="https://schema.org/CreativeWork"
<meta itemprop="license" content="https://creativecommons.org/licenses/by/4.0/" />
<meta itemprop="author" content="detlev.molitor@molcon.de" />
</div>
</body>
</html>
» Gefällt Ihnen der Artikel? Dann teilen sie ihn, mit Ihren Freunden.
Haben wir Sie neugierig gemacht? Haben Sie noch Fragen?
Wir freuen uns über jede Nachricht und jeden neuen Kontakt. Selbst dann wenn sie noch gar nicht genau wissen, was wir für sie tun können und Sie einfach nur das Gefühl haben, dass wir für Sie interessant werden könnten. Wir freuen uns auf ein persönliches Gespräch mit Ihnen.Niederlassungen & Fotografen |
||||
PLZ Bereich | Ort | Telefon | Mobile | Ansprechpartner (Kontakt) |
0 & 9 | Dresden | +49 351 3280856 | +49 176 63294156 | Bert Siegel |
1 | Berlin | +49 30 23599310 | +49 171 6140855 | Felix Steck |
2 & 3 | Göttingen | +49 551 5073566 | +49 172 5627261 | Michael Mehle |
4 & 5 | Dortmund | +49 231 9105385 | +49 176 49440028 | Detlev Molitor |
6 & 7 | Kaiserslautern | +49 6302 6074084 | +49 170 2817480 | Friedhelm Rettig |
8 | München | +49 89 44992666 | +49 171 6140855 | Felix Steck |
oder per E-MailBitte nutzen Sie für Ihren Beratungswunsch möglichst das Kontaktformular, da wir im Kundenauftrag sehr viel unterwegs sind und nicht immer sofort telefonisch erreichbar sind.
Wir hoffen, dass Ihnen unsere Themenauswahl zusagt und freuen uns über Ihr Feedback.
facebook Gruppe facebook Seite twitter linkedin XING Gruppe MeWe tumblr disqus Pinterest YouTube VK Marktplatz Mittelstand
Gefällt Ihnen die Themenauswahl unserer News? Der Aufbau, der Inhalt, die Optik? Wenn ja würden wir uns um eine Nachricht freuen, auch über konstruktive Kritik sind wir sehr dankbar. Gefällt Ihnen unsere Webseite? Fünf Fragen, gestalten Sie unsere Webseite mit.