Faire une newsletter en html, php et javascript
Dans cet article, je vous donne une façon simpliste d'intégrer une newsletter à votre site internet. un mailinglist ou newsletter est un moyen de prospection et de diffusion d'information par e-mails à toutes les personnes abonnées à la newsletter.
l'idée de base est donc un formulaire permettant à l'utilisateur de s'inscrire à la newsletter en plaçant son e-mail et son username puis en cliquant sur s'abonner.
<form action="" method="POST">
<fieldset>
<legend style="text-align: center;">S'abonner à notre newsletter</legend>
<label for="firstlast">Name:</label><input type="text" name="fullname" id="firstlast" default=null >
<label for="email">Email:</label><input type="email" name="email" id="email" default="test@kaziendeleya.com">
<input type="submit" name="abonne" value="S'abonner">
</fieldset>
</form>
Pour la partie admin, il y a juste une fonctionnalité permettant à l'administrateur de récupérer
la liste de mails bien mise en forme de telle sorte qu'il vous suffit de le copier et coller à la partie destinataire
du mail.
<fieldset>
<legend style="text-align: center;">S'abonner à notre newsletter</legend>
<label for="firstlast">Name:</label><input type="text" name="fullname" id="firstlast" default=null >
<label for="email">Email:</label><input type="email" name="email" id="email" default="test@kaziendeleya.com">
<input type="submit" name="abonne" value="S'abonner">
</fieldset>
</form>
<?php
$dbhost = "localhost";
$dbuser = "root";
$dbpass = "";
$dbname = "database";
$charset = "utf8";
$dbcon = mysqli_connect($dbhost, $dbuser, $dbpass);
if (!$dbcon) {
die("Connection failed" . mysqli_connect_error());
}
mysqli_select_db($dbcon,$dbname);
mysqli_set_charset($dbcon,$charset);
$hsql = "SELECT * FROM newsletter";
$res = mysqli_query($dbcon, $hsql);
//$row = mysqli_fetch_assoc($result);
$mailtot="";
if (! $dbcon-> query( $hsql )) echo " Problème d'accès ";
else {
foreach ($dbcon-> query ($hsql ) as $row )
$mailtot= $mailtot .$row ['email' ] .";" ;
}
echo " <div style='background-color: black; color: white;'>".$mailtot."</div>";
?>
Pour ce qui est de la partie enregistrement la structure est ainsi
on connecte avec du php. $dbuser = "root";
$dbpass = "";
$dbname = "database";
$charset = "utf8";
$dbcon = mysqli_connect($dbhost, $dbuser, $dbpass);
if (!$dbcon) {
die("Connection failed" . mysqli_connect_error());
}
mysqli_select_db($dbcon,$dbname);
mysqli_set_charset($dbcon,$charset);
$hsql = "SELECT * FROM newsletter";
$res = mysqli_query($dbcon, $hsql);
//$row = mysqli_fetch_assoc($result);
$mailtot="";
if (! $dbcon-> query( $hsql )) echo " Problème d'accès ";
else {
foreach ($dbcon-> query ($hsql ) as $row )
$mailtot= $mailtot .$row ['email' ] .";" ;
}
echo " <div style='background-color: black; color: white;'>".$mailtot."</div>";
?>
En fin pour éviter l'enregistrement multiple en cas d'actualisation de la page ainsi que l'affice du message de succès d'enregistrement on a du code javascript
<?php
$dbhost = "localhost";
$dbuser = "root";
$dbpass = "";
$dbname = "database";
$charset = "utf8";
$dbcon = mysqli_connect($dbhost, $dbuser, $dbpass,$dbname);
if (isset($_POST["fullname"] )){
$nom = $_POST["fullname"];
$mail = $_POST["email"];
$sql = "INSERT INTO newsletter (id,email,nom) VALUES ('','$mail','$nom')";
mysqli_query($dbcon, $sql) or die("Echec enregistrement" . mysqli_connect_error());
?>
<script type="text/javascript">alert("Bien enregistrer à notre newsletter");</script>
<?php
}
?>
<?php
if (!empty($_POST)){
?>
<script type="text/javascript">
window.location = window.location.href;
</script>
<?php }
?>
la base de donnée est structuée avec les colonnes nom, e-mails et un champ id $dbuser = "root";
$dbpass = "";
$dbname = "database";
$charset = "utf8";
$dbcon = mysqli_connect($dbhost, $dbuser, $dbpass,$dbname);
if (isset($_POST["fullname"] )){
$nom = $_POST["fullname"];
$mail = $_POST["email"];
$sql = "INSERT INTO newsletter (id,email,nom) VALUES ('','$mail','$nom')";
mysqli_query($dbcon, $sql) or die("Echec enregistrement" . mysqli_connect_error());
?>
<script type="text/javascript">alert("Bien enregistrer à notre newsletter");</script>
<?php
}
?>
<?php
if (!empty($_POST)){
?>
<script type="text/javascript">
window.location = window.location.href;
</script>
<?php }
?>
CREATE TABLE `newsletter` (
`id` int(11) NOT NULL,
`email` varchar(50) NOT NULL,
`nom` varchar(50) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
ALTER TABLE `newsletter`
ADD PRIMARY KEY (`id`);
ALTER TABLE `newsletter`
MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=14;
COMMIT;
`id` int(11) NOT NULL,
`email` varchar(50) NOT NULL,
`nom` varchar(50) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
ALTER TABLE `newsletter`
ADD PRIMARY KEY (`id`);
ALTER TABLE `newsletter`
MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=14;
COMMIT;
Ainsi avec ceci vous avez votre newsletter en place.
Télercharger le projet complet ici : lien du projet
Télercharger le projet complet ici : lien du projet
Posted by: Admin
2025-06-02 20:49:44
2025-06-02 20:49:44