Phone widget with different number on specific page
Can you recommend me a phone widget with different number on specific page ? This plugin is fine but offer only one phone number on all sites https://pl.wordpress.org/plugins/call-now-button/
Can you recommend me a phone widget with different number on specific page ? This plugin is fine but offer only one phone number on all sites https://pl.wordpress.org/plugins/call-now-button/
Comments
Hi,
We cannot recommend any other plugins we support:
https://support.muffingroup.com/documentation/bundled-plugins/#compatibility
However, it can be done with a simple custom HTML and CSS construction, and if you contact your web developer, he should be able to help you with that.
Best regards
I am developer. So how html or css code with icon and phone numer make visible even when user scroll the site ?
This code works. You have to paste it as html editor (not in Bebulider but in Wordpress editor). Disadventage is that it dissapear under down footer
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Widget Telefon</title>
<style>
/* Styl dla widgetu telefonu */
.phone-widget {
position: fixed;
bottom: 20px;
left: 20px;
background-color: #008CBA;
color: #fff;
padding: 10px 15px;
border-radius: 50px;
display: flex;
align-items: center;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
font-family: Arial, sans-serif;
text-decoration: none;
font-weight: bold;
transition: background-color 0.3s ease-in-out;
}
.phone-widget:hover {
background-color: #005f73;
}
.phone-widget img {
width: 20px;
height: 20px;
margin-right: 10px;
}
/* Dostosowanie pod urządzenia mobilne */
@media (max-width: 600px) {
.phone-widget {
padding: 8px 12px;
font-size: 14px;
}
.phone-widget img {
width: 18px;
height: 18px;
}
}
</style>
</head>
<body>
<a href="tel:+485323432" class="phone-widget">
<img src="https://cdn-icons-png.flaticon.com/512/159/159832.png" alt="Telefon">
+48 532 3432
</a>
</body>
</html>
I am happy to see that you found the solution that works for you.
Best regards