Kontakt Slider - Website X5 Hilfe - Die Helpsite

Logo Schriftzug
Logo WSX5
Newsletter anmelden
Scan QR or Download Android App
Direkt zum Seiteninhalt

Kontakt Slider

Scripte > Form-Mailer
Scrollendes Sliding Kontakt Formular
Mit dem scrollenden Kontakt-Button kann auf einer oder auch allen Website/n ein Kontaktformular zugefügt werden. Das Kontaktformular bietet Benutzern die schnellste Möglichkeit, sich sofort mit Webseiteninhaber in Verbindung zu setzen, wenn ihm eine Frage in den Sinn kommt. Die Schaltfläche "Kontakt" befindet sich rechts auf der Webseite. Beim klicken wird sofort ein Kontaktformular geöffnet, ohne die Seite zu verlassen. Das Kontaktformular besteht aus Feldern für Name und E-Mail, Dropdown mit Kontaktgründen und freiem Nachrichtentextbereich. Es lässt sich in der Datei "form.php" den eigenen Bedürfnissen und in der Datei "style.css" dem Layout der Webseite anpassen. Es befinden sich mehrere Schaltflächen-Images im Ordner "img" zum Austausch.
ZIP-Datei in ein beliebiges Verzeichnis auf dem PC entpacken, die Datei form.php mit einem beliebigen Editor öffnen und Parameter anpassen. Dann das Verzeichnis "wsX5Obj" auf den Webserver in das Root-Verzeichnis kopieren. Script-Code unbedingt vor dem schließenden den BODY-Tag </body> der aufrufende/n Datei einfügen.
Wichtig: Die aufrufenden Dateien müssen die Dateiendung .php aufweisen.
Eine demo.php ist beigefügt, die zum Test in das Root-Verzeichnis des Webservers kopiert werden kann.
Aufruf: "http://www.domain.tld/demo.php"
Download Button
x runter geladen!
Code für den <BODY> Bereich
<!-- Diesen Code "vor dem schließenden </body> Tag" einfügen -->
<script src="wsX5Obj/Obj188_0/embed.js"></script>
Code Datei "form.php"
<?php
header('Access-Control-Allow-Methods: GET, POST, OPTIONS');
header('Access-Control-Allow-Credentials: true');
header('Access-Control-Allow-Origin: '.(isset($_SERVER['HTTP_ORIGIN'])?$_SERVER['HTTP_ORIGIN']:'*'));
header('Access-Control-Allow-Headers: *');
// Ab hier die Kontakt-und Nachrichten-Daten anpassen
define('_EMAIL_TO', 'kontakt@home-wiekau.de');
define('_EMAIL_FROM', 'noreply@home-wiekau.de');
define('_EMAIL_SUBJECT', 'Sliding Kontaktformular');
$fields = array(
array('name' => 'name', 'valid' => array('require'), 'title' => 'Name'),
array('name' => 'email', 'valid' => array('require'), 'title' => 'E-Mail-Adresse'),
array('name' => 'query-type', 'valid' => array('require'), 'title' => 'Anliegen'),
array('name' => 'message', 'title' => 'Nachricht', 'valid' => array('require')),
);
// Ab hier zur Anpassung nur die Kommentarzeilen beachten
$info = pathinfo($_SERVER['REQUEST_URI']);
$path = '//'.$_SERVER['HTTP_HOST'].$info['dirname'].'/';
if (!empty($_POST)){
$error_fields = array();
$email_content = array();
foreach ($fields AS $field){
$value = isset($_POST[$field['name']])?$_POST[$field['name']]:'';
$title = empty($field['title'])?$field['name']:$field['title'];
if (is_array($value)){
$value = implode('/ ', $value);
}
$email_content[] = $title.':'.$value;
$is_valid = true;
$err_message = '';
if (!empty($field['valid'])){
foreach ($field['valid'] AS $valid) {
switch ($valid) {
case 'require':
$is_valid = $is_valid && strlen($value) > 0;
$err_message = 'Dieses Feld wird benötigt';
break;
case 'email':
$is_valid = $is_valid && preg_match("/^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$/i", $value);
$err_message = 'E-Mail-Adresse wird benötigt';
break;
default:
break;
}
}
}
if (!$is_valid){
if (!empty($field['err_message'])){
$err_message = $field['err_message'];
}
$error_fields[] = array('name' => $field['name'], 'message' => $err_message);
}
}
if (empty($error_fields)){
$headers  = 'MIME-Version: 1.0' . "\r\n";
$headers .= 'Content-type: text/html; charset=utf-8' . "\r\n";
// E-Mail senden
mail (_EMAIL_TO, _EMAIL_SUBJECT, implode('<hr>', $email_content), $headers);
echo (json_encode(array('code' => 'success')));
}else{
echo json_encode(array('code' => 'failed', 'fields' => $error_fields));
}
die();
}
?>
<div class="wrap-embed-contact-form">
<form class="embed-contact-form">
<!-- Hier die Formularfelder anpassen  -->
<div class="form-heading">Kontak zu uns</div>
<div class="form-sub-heading">Bitte fülle das Formular aus,<br>um Kontakt mit uns aufzunehmen!</div>
<hr>
<div class="form-message hide">
Deine Nachricht wurde erfolgreich gesendet!
</div>
<div class="form-content">
<div class="group">
<label for="name" class="empty"></label>
<div><input id="name" name="name" placeholder="Dein Name" class="form-control"></div>
</div>
<div class="group">
<label for="email" class="empty"></label>
<div><input type="email" name="email" placeholder="Deine E-Mail-Adresse" class="form-control"></div>
</div>
<div class="group">
<label for="query-type">Bitte wähle ...</label>
<div>
<!-- Hier die Auswahlfelder anpassen (value="Text in E-Mail")  -->
<select id="query-type" name="query-type" class="form-control">
<option value="Allgemeine Nachricht">Allgemeine Nachricht</option>
<option value="Fehlermeldung">Fehlermeldung</option>
<option value="Änderungsmeldung">Änderungsmeldung</option>
<option value="Supportanfrage">Supportanfrage</option>
<option value="Sonstige ...">Sonstige ...</option>
</select>
</div>
</div>
<div class="group">
<label for="message" class="empty"></label>
<div>
<textarea id="message" name="message" placeholder="Deine Nachricht" class="form-control" rows="5">
</textarea></div>
</div>
<div class="group">
<label class="empty"></label>
<div><button class="btn-submit" type="submit">Nachricht senden</button></div>
</div>
</div>
<!-- Hier den Button anpassen: img/[button].png -->
<a class="btn-show-contact" href="#contact"><img src="<?php echo $path; ?>img/de_contact5.gif"></a>
</div>
Feedbacks zu ""
Kein Kommentar
Vielen Dank für Dein Feedback.
Logo Host Europe
Button Spenden

© 2009 - 2019





Besucher Statistik
» 1 Online
» 37 Heute
» 317 Gestern
» 750 Woche
» 2458 Monat
» 131600 Jahr
» 459356 Gesamt
Record: 2382 (29.03.2019)
Gesamt Downloads:
Hosting by
Zurück zum Seiteninhalt