Elementor kullanıyorum. Nasıl yapılacağı ile ilgili özet geçebilir misiniz lütfen?
Elementor'da Custom HTML widget'ı var oraya örnek olarak aşağıdaki kodları yapıştırarak yapabilirsin. window.location.href'teki linki değiştirmen yeterli
<style>
.container {
text-align: center;
padding: 20px;
}
#countdown {
font-size: 24px;
font-weight: bold;
color: #333;
}
.download-btn {
padding: 10px 20px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
margin-top: 20px;
}
</style>
<div class="container">
<button class="download-btn" onclick="startDownload()">İndirmeyi Başlat</button>
<div id="countdown"></div>
</div>
<script>
function startDownload() {
let secondsLeft = 5;
const countdownElement = document.getElementById('countdown');
const countdown = setInterval(() => {
countdownElement.textContent = `İndirme ${secondsLeft} saniye sonra başlayacak...`;
secondsLeft--;
if (secondsLeft < 0) {
clearInterval(countdown);
countdownElement.textContent = 'İndirme başlıyor...';
window.location.href = 'https://example.com/download.zip';
}
}, 1000);
}
</script>