מה הצורך?
ניתן להכניס כפתור עם קישור לכתובת ווהבוק ופרמטר של המייל, ולחיצה על הכפתור יישלח המייל לכתובת ווהבוק כמו שכתבו כאן.
HTML:
<body dir="rtl">
<p>שלום,</p>
<!-- כפתור -->
<a href="https://hook.eu2.make.com?email=gmail.com" target="_blank" style="background-color: #4CAF50; /* צבע רקע */
color: white; /* צבע טקסט */
padding: 10px 20px; /* רווח פנימי */
text-align: center; /* יישור טקסט */
text-decoration: none; /* הסרת קו תחתי */
display: inline-block; /* הצגה כבלוק רציף */
font-size: 16px; /* גודל פונט */
margin: 4px 2px; /* רווח חיצוני */
cursor: pointer; /* סמן ככפתור */
border-radius: 5px; /* עיגול פינות */
">לקישור</a>
<p>תודה,</p>
<p>צוות המערכת</p>
</body>
בצד של המשתמש ניתן להוסיף ווהבוק רספונס עם סקריפט במייק שיסגור את החלון שנפתח:
JavaScript:
<script>window.close()</script>
או לחילופין ווהבוק רספונס עם הודעה בדפדפן שההרשמה בוצעה בהצלחה בHTML:
HTML:
<!DOCTYPE html>
<html lang="he">
<head>
<meta charset="UTF-8">
<title>הרשמה הושלמה</title>
<style>
body {
font-family: 'Arial', sans-serif;
direction: rtl; /* כיוון טקסט מימין לשמאל */
background-color: #f0f0f0; /* צבע רקע */
display: flex;
justify-content: center;
align-items: center;
height: 100vh; /* גובה מלא */
margin: 0;
}
.success-message {
background-color: #dff0d8; /* צבע רקע להודעה */
color: #3c763d; /* צבע טקסט */
border: 1px solid #d6e9c6; /* צבע גבול */
padding: 20px; /* רווח פנימי */
border-radius: 5px; /* עיגול פינות */
box-shadow: 0 0 10px rgba(0,0,0,0.1); /* צל */
}
</style>
</head>
<body>
<div class="success-message">
ההרשמה בוצעה בהצלחה!
</div>
</body>
</html>