|
Script İstek Birebir aynısı lazım acil
- Konuyu Başlatan canoboss
- Başlangıç tarihi
THS-Information
- 16 Haz 2023
- 2,248 Mesaj
Kurallar gereği mevcut sitenin linkini özelden atabilirim çekebilecek var mı birebir aynısı lazım acil şimdiden teşekkür ederim
Merhaba değerli üyemiz,
Script istek konunuz başarı ile oluşturulmuş olup, istek talebiniz alınmıştır. İstemiş olduğunuz scriptin üyelerimiz yada warez ekibinde mevcut olması halinde yeni bir konu halinde paylaşılarak tarafınıza bilgi iletilecektir. Aynı script için yeni bir istek konusu açmanıza gerek yoktur. İstek, öneri ve şikayetlerinizin Turkhacks.com yönetimi için değerli olduğunu bilmenizi isteriz.
İyi forumlar.
DevilMcRayn
- 20 Kas 2017
- 665 Mesaj
Kod:
<script>
var url = 'https://wati-integration-service.clare.ai/ShopifyWidget/shopifyWidget.js?17982';
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = url;
var options = {
"enabled":true,
"chatButtonSetting":{
"backgroundColor":"#4dc247",
"ctaText":"",
"borderRadius":"25",
"marginLeft":"0",
"marginBottom":"50",
"marginRight":"50",
"position":"Left"
},
"brandSetting":{
"brandName":"Web host destek",
"brandSubTitle":"Genellikle 10 dk. içerisinde cevap verir",
"brandImg":"https://static.ticimax.cloud/61363/uploads/favicon1.png",
"welcomeText":"Merhaba;\nSize nasıl yardımcı olabilirim?",
"messageText":"Merhaba; {{page_link}} hakkında bir sorum var.",
"backgroundColor":"#0a5f54",
"ctaText":"Sohbete Başla",
"borderRadius":"25",
"autoShow":false,
"phoneNumber":"905510000000"
}
};
s.onload = function() {
CreateWhatsappChatWidget(options);
};
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
</script>değişmesi gereken yerler belli kendine göre değiştir kullan yada o web sitesinin linki at kodları belli zaten alırız 1 dakikada kodları arasından
Son düzenleme:
DevilMcRayn
- 20 Kas 2017
- 665 Mesaj
Buda Farklı bir tasarım
DEMO; https://hakanbastan.com.tr/wpdemo/
index.html kodları;
styles.css kodları;
DEMO; https://hakanbastan.com.tr/wpdemo/
index.html kodları;
Kod:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WhatsApp Chat</title>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="chat-container" id="chat-container">
<div class="chat-header">
<img src="support.png" alt="Profile Picture" class="profile-pic">
<div class="user-info">
<span class="user-name">Hakan Baştan</span>
<span class="user-status">Çevrimiçi</span>
</div>
<i class="fa fa-times close-button" id="close-button"></i>
</div>
<div class="chat-body">
<div class="message received">
<span class="message-text">
Merhaba, hoş geldiniz!<br>
Size nasıl yardımcı olabilirim?
<span class="message-time"></span>
</span>
</div>
</div>
<div class="chat-footer">
<input type="text" id="messageInput" placeholder="Mesaj Yazınız..." class="message-input">
<button class="send-button" onclick="sendMessage()">
<i class="fa fa-paper-plane"></i>
</button>
</div>
</div>
<div class="whatsapp-support">
<button class="support-button" id="support-button">
<i class="fa fa-whatsapp whatsapp-icon"></i> Whatsapp Destek
</button>
</div>
<script src="scripts.js"></script>
</body>
</html>
[CENTER][B][/B][/CENTER]styles.css kodları;
Kod:
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
overflow: hidden;
}
.chat-container {
width: 300px;
border-radius: 20px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
background-color: #fff;
display: flex;
flex-direction: column;
position: fixed;
right: 20px;
bottom: 80px;
opacity: 0;
visibility: hidden;
transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 30px 0px;
}
.chat-header {
display: flex;
align-items: center;
padding: 10px;
border-radius: 20px 20px 0 0;
border-bottom: 1px solid #e0e0e0;
background: #008069;
color: white;
}
.profile-pic {
width: 40px;
height: 40px;
border-radius: 50%;
margin-right: 10px;
}
.user-info {
display: flex;
flex-direction: column;
}
.user-name {
font-weight: bold;
}
.user-status {
font-size: 10px;
}
.chat-body {
flex: 1;
padding: 10px;
overflow-y: auto;
background: url(/wpback.png) no-repeat center / cover;
}
.message {
display: flex;
flex-direction: column;
margin-bottom: 10px;
}
.message.received {
align-items: flex-start;
}
.message-text {
background-color: #ffffff;
padding: 8px 12px;
border-radius: 20px;
margin-bottom: 2px;
}
.message-time {
font-size: 10px;
color: gray;
margin-right: auto;
padding-left: 10px;
}
.chat-footer {
display: flex;
align-items: center;
padding: 10px;
border-top: 1px solid #e0e0e0;
}
.message-input {
flex: 1;
border: none;
padding: 10px;
border-radius: 20px;
background-color: #f0f0f0;
margin-right: 10px;
}
.message-input:focus {
outline: none;
}
.send-button {
background-color: #25d366;
border: none;
color: white;
border-radius: 100%;
cursor: pointer;
width: 35px;
height: 35px;
}
.whatsapp-support {
position: fixed;
bottom: 20px;
right: 20px;
text-align: center;
}
.support-button {
background-color: #25d366;
color: white;
border: none;
padding: 10px 15px;
border-radius: 20px;
cursor: pointer;
font-weight: bold;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
}
.whatsapp-icon {
color: white;
font-size: 25px !important;
padding-right: 10px;
}
.close-button {
margin-left: auto;
cursor: pointer;
color: #66b3a5;
padding: 10px;
}
.close-button:hover {
color: #eaeaea;
border-radius: 150px;
}
.support-button:hover {
background-color: #13b750;
}
.send-button:hover {
background-color: #13b750;
}
[CENTER][/CENTER]scripts.js kodları;
Kod:
document.getElementById('support-button').addEventListener('click', function(event) {
event.stopPropagation();
const chatContainer = document.getElementById('chat-container');
toggleChatVisibility(chatContainer);
});
document.addEventListener('click', function(event) {
const chatContainer = document.getElementById('chat-container');
if (chatContainer.style.opacity === '1' && !event.target.closest('#chat-container')) {
toggleChatVisibility(chatContainer);
}
});
document.getElementById('close-button').addEventListener('click', function(event) {
const chatContainer = document.getElementById('chat-container');
toggleChatVisibility(chatContainer);
event.stopPropagation();
});
function toggleChatVisibility(chatContainer) {
if (chatContainer.style.opacity === '1') {
chatContainer.style.opacity = '0';
chatContainer.style.visibility = 'hidden';
} else {
chatContainer.style.opacity = '1';
chatContainer.style.visibility = 'visible';
}
}
let animationStarted = false;
setTimeout(function() {
if (!animationStarted) {
const chatContainer = document.getElementById('chat-container');
toggleChatVisibility(chatContainer);
animationStarted = true;
}
}, 10000);
var phoneNumber = '+905300000000';
document.getElementById('messageInput').addEventListener('keydown', function(event) {
if (event.key === 'Enter') {
sendMessage();
}
});
function sendMessage() {
var message = document.getElementById('messageInput').value.trim();
if (message === '') {
var whatsappCall = 'https://wa.me/' + phoneNumber;
window.open(whatsappCall, '_blank');
} else {
var whatsappAPI = 'https://api.whatsapp.com/send/?phone=' + phoneNumber + '&text=' + encodeURIComponent(message) + '&app_absent=0';
window.open(whatsappAPI, '_blank');
}
}
function saatDakikaGoster() {
var simdi = new Date();
var saat = simdi.getHours();
var dakika = simdi.getMinutes();
var saatDakikaElementi = document.querySelector(".message-time");
saatDakikaElementi.textContent = `${saat}:${dakika}`;
}
setInterval(saatDakikaGoster, 1000);
[CENTER][/CENTER]DevilMcRayn
- 20 Kas 2017
- 665 Mesaj
amacın nedir burada konu açtın sana 2 tasarım attım 1.tasarım bana ait 2. tasarım demosuna bakarsan r10 üyelerine demo diyor senin olabilir??
Bir amacım yok konuda birebir aynısını istediğimi belirttim mobilden konu açtım eve geldiğimde işimi hallettim zaten benim scriptimi bana attığını belirtmek istedim sadece.