Kontakt Slider - Website X5 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 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
Downloads:
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 ""

Keine Kommentare gefunden.

Bitte Dein Feedback

Du wirst als User bei Deinem ersten Kommentar automatisch registriert und musst dies noch bestätigen.
Erstellen Dir ein Konto, damit Deine Kommentare dann ohne Bestätigung veröffentlicht werden.

Login | Registrierung


            CAPTCHA
            Vielen Dank für Dein Feedback.
            Logo Host Europe
            Button Spenden

            © 2009 - 2020




            
            Besucher Statistik
            » 3 Online
            » 12 Heute
            » 68 Gestern
            » 173 Woche
            » 1236 Monat
            » 42450 Jahr
            » 266656 Gesamt
            Record: 1144 (01.02.2020)
            Gesamt Downloads:
            Hosting by
            Zurück zum Seiteninhalt