RA1800 Posted April 2 Share Posted April 2 (edited) @tuanphan I could really use some help. I searched everywhere and the only thing I could find was "how to add a line on squarespace" 😞 Edited April 2 by RA1800 Link to comment
tuanphan Posted April 4 Share Posted April 4 On 4/2/2024 at 11:39 AM, RA1800 said: @tuanphan I could really use some help. I searched everywhere and the only thing I could find was "how to add a line on squarespace" 😞 You can provide site url + line image + line url Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
sayreambrosio Posted June 5 Share Posted June 5 (edited) On 5/25/2023 at 7:28 AM, SmallSitesSarah said: Thanks! Tip for those of us that use the basic subscription and can't inject code: I found this free Get Button widget. You can see an example on my website. Go to your footer and insert an "Embed" block. Then go to "Code Snippet" and paste this code. <!-- GetButton.io widget --> <script type="text/javascript"> (function () { var options = { whatsapp: "YOUR NUMBER WITH HYPHENS", // WhatsApp number call_to_action: "Message us", // Call to action button_color: "#FF6550", // Color of button position: "right", // Position may be 'right' or 'left' }; var proto = 'https:', host = "getbutton.io", url = proto + '//static.' + host; var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js'; s.onload = function () { WhWidgetSendButton.init(host, proto, options); }; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); })(); </script> <!-- /GetButton.io widget --> This works with community links as well and it is a lifesaver! Thank you for sharing. Edited June 5 by sayreambrosio SmallSitesSarah 1 Sayre Design Site: https://www.stregaconsulting.com Author Coordinates: https://bio.site/sayreambrosio Italian Journey: https://bio.site/ambrosiosjrnyhm Link to comment
Dragi Posted June 15 Share Posted June 15 On 6/20/2023 at 9:40 AM, tuanphan said: You can change _blank to _self Hello @tuanphan Thank you so much for your help. I have the same problem. The change you suggested is added but WA is still opening in a new window. Is it possible to get a chat bubble to open up within the website? Thank you so much! www.artmuse.es Link to comment
tuanphan Posted June 17 Share Posted June 17 On 6/16/2024 at 12:28 AM, Dragi said: Hello @tuanphan Thank you so much for your help. I have the same problem. The change you suggested is added but WA is still opening in a new window. Is it possible to get a chat bubble to open up within the website? Thank you so much! www.artmuse.es I just tested and it loads whatsapp in current window. Did you figure it out? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Dragi Posted June 19 Share Posted June 19 On 6/17/2024 at 10:06 AM, tuanphan said: I just tested and it loads whatsapp in current window. Did you figure it out? Right! I misunderstood, I thought there is an option to have a chat bubble within the website but I found out its a subscription based widget. I'll leave it at this for now. Thank you for checking it out Link to comment
tuanphan Posted June 21 Share Posted June 21 On 6/20/2024 at 3:02 AM, Dragi said: Right! I misunderstood, I thought there is an option to have a chat bubble within the website but I found out its a subscription based widget. I'll leave it at this for now. Thank you for checking it out Yes. This usually require to use a 3rd party widget/tool. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
samnorris04 Posted June 28 Share Posted June 28 Hello, Is there a way to do this without it being code injection? Can this be done on CSS? Link to comment
tuanphan Posted July 1 Share Posted July 1 On 6/28/2024 at 11:52 PM, samnorris04 said: Hello, Is there a way to do this without it being code injection? Can this be done on CSS? If you use my code, you can edit Site Footer > Add a Block > Choose Code > Then paste same code to Code Block Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
samnorris04 Posted July 1 Share Posted July 1 Hi @tuanphan I've tried this and it stays in the footer. This is the site here: https://www.cartersfacilities.co.uk/ Let me know if you could help with this. Thank you! Link to comment
tuanphan Posted July 3 Share Posted July 3 On 7/1/2024 at 11:05 PM, samnorris04 said: Hi @tuanphan I've tried this and it stays in the footer. This is the site here: https://www.cartersfacilities.co.uk/ Let me know if you could help with this. Thank you! It shows fine to me. Can you describe in detail of problem? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
nonoasdakjhsdlkjahs786987a Posted July 19 Share Posted July 19 Here was my solutions: go to code injection, and put this into the header: <!-- WhatsApp Button CSS --> <style> .whatsapp-button { position: fixed; bottom: 20px; right: 20px; background-color: #25D366; border-radius: 50px; padding: 15px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 1000; transition: background-color 0.3s ease; } .whatsapp-button:hover { background-color: #1DA851; } .whatsapp-button img { width: 30px; height: 30px; } </style> <!-- WhatsApp Button HTML --> <a href="https://wa.me/yourphonenumberherewithnospaces" target="_blank" class="whatsapp-button"> <img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" alt="WhatsApp"> </a> This will automatically include the whatsapp image. All for free. No need to thank me, just tip your waiter nicely next time you dine out. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment