Kontakt Slider - Website X5 Helpsite

Logo Schriftzug
Logo WSX5
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 bereits 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.
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". Die aufrufenden Dateien müssen die Dateiendung .php aufweisen.
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>

» nach oben «
Logo Host Europe
Button Spenden
🏠 © 2009 - 2024
Hosting by
Zurück zum Seiteninhalt