How To Add Custom Social Icon in Shopify - [2024 Free]
HTML-код
- Опубликовано: 29 авг 2024
- Hey everyone! In this video, I'll show you how to add custom social icons in Shopify. This is a great way to add links to your social media profiles and help promote your brand. The process is very simple, so be sure to follow along. Thanks for watching!
Add custom social icon Shopify
Add custom social icon dawn theme
Add custom social icon taste theme
Add a custom social icon
Add custom social icon craft theme
Add custom social icon studio theme
Add custom social icon crave theme
Blog: websensepro.co...
If you want help with Shopify Customization, store development, or any other web development help. Contact us at websensepro.co...
Excellent video. My icon was invisible at first, but I figured out I could change fill=#colour to fix this!
Glad it helped! Don't forget to like, share and subscribe
great thanks for this comment, saved me so much time :)
Hey where would I add this code and what would it look like my icon is transparent but it is this. Please if someone would help me
great video but one correction: DO NOT add "auto" width & height as this causes browser errors and hurts your SEO. just delete the width & height as they are unnecessary in the code
Good advise, thanks for commenting
You are the best. You are helping me alot with your videos. Thanks alot.
Thanks for appreciation, if this video/channel helped in any way please support by Subscribing and Hit the Like button.
thanks a lot mate. it was very helpful in adding LinkedIn social media icon to my footer in Dawn theme 14.0
You're welcome!
Wonderful, it worked just fine! Any idea about how to custom the social icons in emails footer (newsletter for intance) ? That would help a lot !
Will try to create a tutorial on that
thanks so much for this!
You're welcome!
Very well explained 👍 Thank you!
Thank you very much for this helpful video, I am using Impulse theme, can you please let me know how to upload my custom icons on it? Appreciate you
Sure, ask them to sponsor us :)
Very helpful. Thank you so much.
You're very welcome! Don't forget to like, share and subscribe
Big thanks my friend! Great vid
Your welcome, support channel by subscribing and turning on notifications
Great Tutorial Thanks !!
Your welcome, dont forget to subscribe and turn on notifications
Perfect, thanks a lot.
Your welcome
Super helpful, thank you!
Thanks for appreciation, if this video/channel you helped in any way please support by Subscribing and Hit the Like button.
YOU DA MAN!
Thanks for appreciation, if this video/channel you helped in any way please support by Subscribing and Hit the Like button.
hello it worked perfectly for me but my footer is black and even if I change the color in the svg the icon is still black how can i change the icon color to white? Thanks for the informative Video
So to confirm your header and footer are different color? - In that case it will need a liquid code Please contact websensepro.com/contact-us for paid support
Amazing.
Glad you think so!
I'm having an issue with convert tio downloading the svg file is anyone else running into a similar issue the other custom svg files work but not this one
SVG file might be corrupted
Hi, Please share the procedure to add a custom social icon in the Shopify Impluse theme. Thanks in advance.
Sure, subscribe and turn on the notifications
great solution
Thanks for appreciation, if this video/channel helped in any way please support by Subscribing and Hit the Like button.
I've tried this and the svg image doesn't show up on preview. Theme is Refresh, I tried both conversion types too. The link works but the image won't show. Any ideas?
Nevermind I got it! This does work on Refresh. i used this for Discord. Thank you so much!
Thanks for appreciation, if this video/channel helped you in any way please support by Subscribing and Hit the Like button.
bro if it will work with sense theme
so where i can find your code that you have pasted?
Code should be same as dawn theme just a little different line no.
The icon is at the good place for me but too small can you help me for what to do ? Thanks
Svg file has Size attribute which you can change
@@WebSensePro hi men, thanks for your fast answer, well the png have 1080x1080 convert to svg as you in the video… I upload the svg as downloaded how to change the size of the svg then ?! Don’t find any option on convertio
Please suggest me how do I change Instagram icom
You are not able to do that using this tutorial?
Bhai Jan sab se main cheez miss kar Gaye please video banao zoom on hover on product
Sure thanks for the idea
@@WebSensePro bhai jaldi banana mujhe Chaye wo video I am waiting ap ki waja se Bohat kuch asan ho Gaya hai mery liye
My business is on a discord server, but Shopify don't have any option to direct people to my discord, is there any way to highlight my discount server more on Shopify store? I mean not just in footer, i want all my website audience to contact me through discord or join my discord server, plz help thanks
You can add a custom icon for discord