<html> <head> <!-- *** [START] REQUIRED CSS FILES *** --><link href="plugin/components/font-awesome/css/fontawesome.min.css" rel="stylesheet"> <link href="plugin/czm-chat-support.css" rel="stylesheet"><!-- *** [END] REQUIRED CSS FILES *** --> </head> <body> <!-- *** [START] REQUIRED DIV *** --><div id="example"></div><!-- *** [END] REQUIRED DIV *** --> <!-- *** [START] REQUIRED JS FILES *** --><script src="plugin/components/jquery/jquery-1.9.0.min.js"></script> <script src="plugin/components/moment/moment.min.js"></script> <script src="plugin/components/moment/moment-timezone-with-data.min.js"></script> <script src="plugin/czm-chat-support.min.js"></script> <script> $('#example').czmChatSupport({ /* Button Settings */ button: { position: "right", /* left, right or false. "position:false" does not pin to the left or right */ style: 1, /* Button style. Number between 1 and 7 */ src: '<i class="fas fa-comment"></i>', /* Image, Icon or SVG */ backgroundColor: "#01AAFF", /* Html color code */ effect: 5, /* Button effect. Number between 1 and 7 */ notificationNumber: "1", /* Custom text or false. To remove, (notificationNumber:false) */ speechBubble: "How can we help you?", /* To remove, (speechBubble:false) */ pulseEffect: true, /* To remove, (pulseEffect:false) */ text: { /* For Button style larger than 1 */ title: "Need help? Chat with us", /* Writing is required */ description: false, /* To remove, (description:false) */ online: "Now Online", /* To remove, (online:false) */ offline: "I will be back soon" /* To remove, (offline:false) */ } }, /* Popup Settings */ popup: { automaticOpen: false, /* true or false (Open popup automatically when the page is loaded) */ outsideClickClosePopup: true, /* true or false (Clicking anywhere on the page will close the popup) */ effect: 14, /* Popup opening effect. Number between 1 and 15 */ header: { backgroundColor: "#01AAFF", /* Html color code */ title: "Need help? Chat with us", /* Writing is required */ description: "Choose an account to get support" /* To remove, (description:false) */ }, /* Representative Settings */ persons: [ /* Copy for more representatives [::Start Copy::] */ { avatar: { src: '<i class="fab fa-whatsapp"></i>', /* Image, Icon or SVG */ backgroundColor: "#10c379", /* Html color code */ onlineCircle: true /* Avatar online circle. To remove, (onlineCircle:false) */ }, text: { title: "Whatsapp", /* Writing is required */ description: false, /* To remove, (description:false) */ online: false, /* To remove, (online:false) */ offline: false /* To remove, (offline:false) */ }, link: { desktop: "https://web.whatsapp.com/send?phone=905377323226&text=Hi", /* Writing is required */ mobile: "https://wa.me/905377323226/?text=Hi" /* If it is hidden desktop link will be valid. To remove, (mobile:false) */ }, onlineDay: { /* Change the day you are offline like this. (sunday:false) */ sunday: "00:00-23:59", monday: "00:00-23:59", tuesday: "00:00-23:59", wednesday: "00:00-23:59", thursday: "00:00-23:59", friday: "00:00-23:59", saturday: "00:00-23:59" } }, /* [::End Copy::] */ /* Copy for more representatives [::Start Copy::] */ { avatar: { src: '<i class="fab fa-telegram-plane"></i>', /* Font, Image or SVG */ backgroundColor: "#18A3E6", /* Html color code */ onlineCircle: true /* Avatar online circle. To remove, (onlineCircle:false) */ }, text: { title: "Telegram", /* Writing is required */ description: false, /* Custom text or false. To remove, (description:false) */ online: false, /* Custom text or false. To remove, (online:false) */ offline: false /* Custom text or false. To remove, (offline:false) */ }, link: { desktop: "https://telegram.me/telegram", /* Writing is required */ mobile: false /* If it is hidden desktop link will be valid. To remove, (mobile:false) */ }, onlineDay: { /* Change the day you are offline like this. (sunday:false) */ sunday: "00:00-23:59", monday: "00:00-23:59", tuesday: "00:00-23:59", wednesday: "00:00-23:59", thursday: "00:00-23:59", friday: "00:00-23:59", saturday: "00:00-23:59" } }, /* [::End Copy::] */ /* Copy for more representatives [::Start Copy::] */ { avatar: { src: '<i class="fab fa-facebook-messenger"></i>', /* Font, Image or SVG */ backgroundColor: "#0084ff", /* Html color code */ onlineCircle: true /* Avatar online circle. To remove, (onlineCircle:false) */ }, text: { title: "Messenger", /* Writing is required */ description: false, /* Custom text or false. To remove, (description:false) */ online: false, /* Custom text or false. To remove, (online:false) */ offline: false /* Custom text or false. To remove, (offline:false) */ }, link: { desktop: "http://m.me/cizimmedya", /* Writing is required */ mobile: false /* If it is hidden desktop link will be valid. To remove, (mobile:false) */ }, onlineDay: { /* Change the day you are offline like this. (sunday:false) */ sunday: "00:00-23:59", monday: "00:00-23:59", tuesday: "00:00-23:59", wednesday: "00:00-23:59", thursday: "00:00-23:59", friday: "00:00-23:59", saturday: "00:00-23:59" } }, /* [::End Copy::] */ /* Copy for more representatives [::Start Copy::] */ { avatar: { src: '<i class="fab fa-skype"></i>', /* Font, Image or SVG */ backgroundColor: "#00aff0", /* Html color code */ onlineCircle: true /* Avatar online circle. To remove, (onlineCircle:false) */ }, text: { title: "Skype", /* Writing is required */ description: false, /* Custom text or false. To remove, (description:false) */ online: false, /* Custom text or false. To remove, (online:false) */ offline: false /* Custom text or false. To remove, (offline:false) */ }, link: { desktop: "skype:live:.cid.7b29081175cf6980?chat", /* Writing is required */ mobile: false /* If it is hidden desktop link will be valid. To remove, (mobile:false) */ }, onlineDay: { /* Change the day you are offline like this. (sunday:false) */ sunday: "00:00-23:59", monday: "00:00-23:59", tuesday: "00:00-23:59", wednesday: "00:00-23:59", thursday: "00:00-23:59", friday: "00:00-23:59", saturday: "00:00-23:59" } }, /* [::End Copy::] */ /* Copy for more representatives [::Start Copy::] */ { avatar: { src: '<i class="fab fa-linkedin-in"></i>', /* Font, Image or SVG */ backgroundColor: "#0a66c2", /* Html color code */ onlineCircle: false /* Avatar online circle. To remove, (onlineCircle:false) */ }, text: { title: "LinkedIn", /* Writing is required */ description: false, /* Custom text or false. To remove, (description:false) */ online: false, /* Custom text or false. To remove, (online:false) */ offline: false /* Custom text or false. To remove, (offline:false) */ }, link: { desktop: "https://www.linkedin.com/", /* Writing is required */ mobile: false /* If it is hidden desktop link will be valid. To remove, (mobile:false) */ }, onlineDay: { /* Change the day you are offline like this. (sunday:false) */ sunday: "00:00-23:59", monday: "00:00-23:59", tuesday: "00:00-23:59", wednesday: "00:00-23:59", thursday: "00:00-23:59", friday: "00:00-23:59", saturday: "00:00-23:59" } }, /* [::End Copy::] */ /* Copy for more representatives [::Start Copy::] */ { avatar: { src: '<i class="fab fa-twitter"></i>', /* Font, Image or SVG */ backgroundColor: "#1da1f2", /* Html color code */ onlineCircle: false /* Avatar online circle. To remove, (onlineCircle:false) */ }, text: { title: "Twitter", /* Writing is required */ description: false, /* Custom text or false. To remove, (description:false) */ online: false, /* Custom text or false. To remove, (online:false) */ offline: false /* Custom text or false. To remove, (offline:false) */ }, link: { desktop: "https://twitter.com/", /* Writing is required */ mobile: false /* If it is hidden desktop link will be valid. To remove, (mobile:false) */ }, onlineDay: { /* Change the day you are offline like this. (sunday:false) */ sunday: "00:00-23:59", monday: "00:00-23:59", tuesday: "00:00-23:59", wednesday: "00:00-23:59", thursday: "00:00-23:59", friday: "00:00-23:59", saturday: "00:00-23:59" } }, /* [::End Copy::] */ /* Copy for more representatives [::Start Copy::] */ { avatar: { src: '<i class="fab fa-instagram"></i>', /* Font, Image or SVG */ backgroundColor: "#f05c94", /* Html color code */ onlineCircle: false /* Avatar online circle. To remove, (onlineCircle:false) */ }, text: { title: "Instagram", /* Writing is required */ description: false, /* Custom text or false. To remove, (description:false) */ online: false, /* Custom text or false. To remove, (online:false) */ offline: false /* Custom text or false. To remove, (offline:false) */ }, link: { desktop: "https://www.instagram.com/", /* Writing is required */ mobile: false /* If it is hidden desktop link will be valid. To remove, (mobile:false) */ }, onlineDay: { /* Change the day you are offline like this. (sunday:false) */ sunday: "00:00-23:59", monday: "00:00-23:59", tuesday: "00:00-23:59", wednesday: "00:00-23:59", thursday: "00:00-23:59", friday: "00:00-23:59", saturday: "00:00-23:59" } }, /* [::End Copy::] */ /* Copy for more representatives [::Start Copy::] */ { avatar: { src: '<i class="fab fa-viber"></i>', /* Font, Image or SVG */ backgroundColor: "#8F5DB7", /* Html color code */ onlineCircle: false /* Avatar online circle. To remove, (onlineCircle:false) */ }, text: { title: "Viber", /* Writing is required */ description: false, /* Custom text or false. To remove, (description:false) */ online: false, /* Custom text or false. To remove, (online:false) */ offline: false /* Custom text or false. To remove, (offline:false) */ }, link: { desktop: "https://www.viber.com/", /* Writing is required */ mobile: false /* If it is hidden desktop link will be valid. To remove, (mobile:false) */ }, onlineDay: { /* Change the day you are offline like this. (sunday:false) */ sunday: "00:00-23:59", monday: "00:00-23:59", tuesday: "00:00-23:59", wednesday: "00:00-23:59", thursday: "00:00-23:59", friday: "00:00-23:59", saturday: "00:00-23:59" } }, /* [::End Copy::] */ /* Copy for more representatives [::Start Copy::] */ { avatar: { src: '<i class="fas fa-envelope"></i>', /* Font, Image or SVG */ backgroundColor: "#FF643A", /* Html color code */ onlineCircle: false /* Avatar online circle. To remove, (onlineCircle:false) */ }, text: { title: "E-mail", /* Writing is required */ description: false, /* Custom text or false. To remove, (description:false) */ online: false, /* Custom text or false. To remove, (online:false) */ offline: false /* Custom text or false. To remove, (offline:false) */ }, link: { desktop: "mailto:email@website.com", /* Writing is required */ mobile: false /* If it is hidden desktop link will be valid. To remove, (mobile:false) */ }, onlineDay: { /* Change the day you are offline like this. (sunday:false) */ sunday: "00:00-23:59", monday: "00:00-23:59", tuesday: "00:00-23:59", wednesday: "00:00-23:59", thursday: "00:00-23:59", friday: "00:00-23:59", saturday: "00:00-23:59" } }, /* [::End Copy::] */ /* Copy for more representatives [::Start Copy::] */ { avatar: { src: '<i class="fas fa-phone-alt"></i>', /* Font, Image or SVG */ backgroundColor: "#4EB625", /* Html color code */ onlineCircle: false /* Avatar online circle. To remove, (onlineCircle:false) */ }, text: { title: "Call", /* Writing is required */ description: false, /* Custom text or false. To remove, (description:false) */ online: false, /* Custom text or false. To remove, (online:false) */ offline: false /* Custom text or false. To remove, (offline:false) */ }, link: { desktop: "tel:+1234567890", /* Writing is required */ mobile: false /* If it is hidden desktop link will be valid. To remove, (mobile:false) */ }, onlineDay: { /* Change the day you are offline like this. (sunday:false) */ sunday: "00:00-23:59", monday: "00:00-23:59", tuesday: "00:00-23:59", wednesday: "00:00-23:59", thursday: "00:00-23:59", friday: "00:00-23:59", saturday: "00:00-23:59" } }, /* [::End Copy::] */ /* Copy for more representatives [::Start Copy::] */ { avatar: { src: '<i class="fas fa-sms"></i>', /* Font, Image or SVG */ backgroundColor: "#ec2d24", /* Html color code */ onlineCircle: false /* Avatar online circle. To remove, (onlineCircle:false) */ }, text: { title: "SMS", /* Writing is required */ description: false, /* Custom text or false. To remove, (description:false) */ online: false, /* Custom text or false. To remove, (online:false) */ offline: false /* Custom text or false. To remove, (offline:false) */ }, link: { desktop: "sms:+1234567890", /* Writing is required */ mobile: false /* If it is hidden desktop link will be valid. To remove, (mobile:false) */ }, onlineDay: { /* Change the day you are offline like this. (sunday:false) */ sunday: "00:00-23:59", monday: "00:00-23:59", tuesday: "00:00-23:59", wednesday: "00:00-23:59", thursday: "00:00-23:59", friday: "00:00-23:59", saturday: "00:00-23:59" } }, /* [::End Copy::] */ ] }, /* Other Settings */ sound: true, /* true (default sound), false or custom sound. Custom sound example, (sound:'assets/sound/notification.mp3') */ changeBrowserTitle: "New Message!", /* Custom text or false. To remove, (changeBrowserTitle:false) */ cookie: false, /* It does not show the speech bubble, notification number, and pulse effect again for the specified time. For example, do not show for 1 hour, (cookie:1) or to remove, (cookie:false) */ }); </script><!-- *** [END] REQUIRED JS FILES *** --> </body> </html>