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

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

 

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

שלב א – הוספת קוד באיזור ה 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>

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

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