FAQ – PawHub

<div id="footer-tracking-widget">
<style>
/* 样式隔离，避免影响页脚其他内容 */
#footer-tracking-widget {
font-family: 'Inter', sans-serif !important;
max-width: 400px;
margin: 0 auto; /* 居中显示，如果页脚是多列的可以去掉这行 */
text-align: left;
}
#footer-tracking-widget h4 {
font-size: 16px;
font-weight: 700;
color: #2b2b2b;
margin: 0 0 8px 0;
letter-spacing: -0.3px;
}
#footer-tracking-widget p {
font-size: 13px;
color: #666;
margin: 0 0 16px 0;
line-height: 1.5;
}
#footer-tracking-widget form {
display: flex;
gap: 8px;
}
#footer-tracking-widget input {
flex: 1;
padding: 12px 16px;
border: 1px solid #e8e4db;
border-radius: 8px;
font-size: 14px;
font-family: 'Inter', sans-serif;
outline: none;
background: #fff;
transition: border-color 0.2s;
min-width: 0; /* 防止输入框撑破容器 */
}
#footer-tracking-widget input:focus {
border-color: #475c4f;
}
#footer-tracking-widget button {
background: #475c4f;
color: #fff;
border: none;
padding: 12px 20px;
border-radius: 8px;
font-weight: 500;
font-size: 14px;
cursor: pointer;
white-space: nowrap;
transition: background 0.2s;
}
#footer-tracking-widget button:hover {
background: #3a4d42;
}
#footer-tracking-message {
display: none;
margin-top: 10px;
font-size: 13px;
color: #475c4f;
font-weight: 500;
}
</style>

<h4>Track Your Order</h4>
<p>Enter your order number to check the shipping status.</p>

<form id="footer-tracking-form">
<input type="text" id="footer-tracking-input" placeholder="Order Number (e.g. 1234)" required>
<button type="submit">Track</button>
</form>

form.addEventListener('submit', function(e) {
e.preventDefault();
const orderNum = input.value.trim();

if (orderNum) {
message.style.display = 'block';
message.innerHTML = `Searching for order <strong>${orderNum}</strong>...`;

// 👇 核心逻辑：这里我们直接跳转到 17TRACK 免费物流查询平台
// 客户点击后，会在新标签页打开 17TRACK 并自动填入订单号查询
setTimeout(() => {
window.open(`https://t.17track.net/en#nums=${orderNum}`, '_blank');
message.innerHTML = `Order <strong>${orderNum}</strong> opened in tracking window.`;
input.value = ''; // 清空输入框
}, 800);
}
});
});
</script>
</div>