如何改善商店的 SEO、可發現性和轉換率?
最後更新於
<style>
.order-now-container { display: flex; justify-content: center; align-items: center; }
.order-now-button { width: 300px; height: 50px; border-radius: 5px; background-color: white; display: flex; align-items: center; justify-content: center; border: 2px solid #DF0A17; transition: all .15s ease-out; }
.order-now-button:hover { background-color: #DF0A17; }
.order-now-button:hover .order-now-button-label { color: white; }
.order-now-button-label { font-family: sans-serif; font-weight: 600; color: #DF0A17; font-size: 24px; text-transform: uppercase; }
@media screen and (max-width: 480px) { .order-now-button { width: 150px; } .order-now-button-label { font-size: 14px; } }
</style>
<div class="order-now-container">
<a href="ODDLE SHOP URL" class="order-now-button-link">
<button class="order-now-button">
<p class="order-now-button-label">立即訂購</p>
</button>
</a>
</div>