דיגיטל בלוקס - הוספת כפתור וואטסאפ לאתר בקליק

דיגיטל בלוקס - הוספת כפתור וואטספ לאתר

בפוסט הבא אנחנו נלמד כיצד להוסיף לאתר שלנו במערכת דיגיטל בלוקס כפתור וואטספ שמקשר ישירות לוואטספ בטלפון הנייד שלנו ומאפשר לגולשים שלנו באתר ליצור איתנו קשר מיידי בוואטסאפ בלחיצת כפתור!

 

דוגמא איך זה נראה:

כפתור וואטספ דיגיטל בלוקס

שלב א – הוספת קוד באיזור ה HEAD

 קודם כל ניכנס לממשק עריכת האתר שלנו במערכת דיגיטל בלוקס.
וניכנס בתפריט העריכה להוספת קוד באיזור ה HEAD

דיגיטל בלוקס - הוספת קוד באיזור ה HEAD

שלב ב- העתקת הקוד לאיזור ה HEAD

ככה נראה הקוד.
כל מה שעליכם לעשות על מנת להטמיע את הכפתור באתר שלכם הוא לבצע 3 דברים:
1. לשנות את הערכים המסומנים ומודגשים בצהוב שהם נוסח ההודעה ומספר הטלפון שלכם
2. להעתיק את הקוד CTRL+C
3. להדביק את הקוד באיזור ה HEAD באתר דיגיטל בלוקס שלכם
 

<style>

.field-holder *{

text-align:right !important;

}

</style>

 

<!– Copyright: @ezBlox –>

<link rel=”stylesheet” href=”https://use.fontawesome.com/releases/v5.7.2/css/all.css“>

<style type=”text/css“>

.fa-whatsapp {

    background: #25d366;

    color: white;

    font-size: 35px;

    text-align: center;

    border-radius: 50%;

    position: fixed;

    bottom: 25px;

    right: 25px;

    padding: 15px;

    z-index: 99999;

    box-shadow: 0 0 15px 3px rgba(37, 211, 102, 0.25);

}

.fa-whatsapp:hover {

    transform: scale(1.1);

}

</style>

 

 

<a title=”צ’אט בוואטסאפhref=”//wa.me/9720544988756” target=”_blank”><i class=”fab fa-whatsapp”></i></a>

בסיום תקבלו תוצאה כזאת :

וכל מי שילחץ על כהפתור יגיע ישירות לוואטסאפ שלכם בסמארטפון!
בהצלחה!

כפתור וואטספ דיגיטל בלוקס