How To Add Custom Social Icon in Shopify - [2024 Free]

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ต.ค. 2024

ความคิดเห็น • 56

  • @theinkydeer
    @theinkydeer หลายเดือนก่อน +1

    This worked perfectly before, but no longer works after updating Studio theme. Would love an updated tutorial! 😊

    • @WebSensePro
      @WebSensePro  หลายเดือนก่อน

      Updated tutorial th-cam.com/video/E_Ugq2hzXnM/w-d-xo.html

  • @Itskilo
    @Itskilo ปีที่แล้ว +2

    Excellent video. My icon was invisible at first, but I figured out I could change fill=#colour to fix this!

    • @WebSensePro
      @WebSensePro  ปีที่แล้ว

      Glad it helped! Don't forget to like, share and subscribe

    • @yuliakalchuk5669
      @yuliakalchuk5669 10 หลายเดือนก่อน

      great thanks for this comment, saved me so much time :)

    • @ViceCityMediaManagement
      @ViceCityMediaManagement 5 หลายเดือนก่อน

      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

  • @bryanerskine9633
    @bryanerskine9633 ปีที่แล้ว +3

    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

    • @WebSensePro
      @WebSensePro  ปีที่แล้ว +1

      Good advise, thanks for commenting

  • @kupovi1070
    @kupovi1070 ปีที่แล้ว +1

    You are the best. You are helping me alot with your videos. Thanks alot.

    • @WebSensePro
      @WebSensePro  ปีที่แล้ว +1

      Thanks for appreciation, if this video/channel helped in any way please support by Subscribing and Hit the Like button.

  • @antonmoulard
    @antonmoulard ปีที่แล้ว +1

    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 !

    • @WebSensePro
      @WebSensePro  ปีที่แล้ว

      Will try to create a tutorial on that

  • @DBGTechnologies
    @DBGTechnologies 6 หลายเดือนก่อน

    thanks a lot mate. it was very helpful in adding LinkedIn social media icon to my footer in Dawn theme 14.0

    • @WebSensePro
      @WebSensePro  5 หลายเดือนก่อน

      You're welcome!

  • @brianparnell4003
    @brianparnell4003 ปีที่แล้ว +1

    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?

    • @brianparnell4003
      @brianparnell4003 ปีที่แล้ว +1

      Nevermind I got it! This does work on Refresh. i used this for Discord. Thank you so much!

    • @WebSensePro
      @WebSensePro  ปีที่แล้ว

      Thanks for appreciation, if this video/channel helped you in any way please support by Subscribing and Hit the Like button.

  • @KajalKajale-jv5or
    @KajalKajale-jv5or 5 หลายเดือนก่อน

    Very well explained 👍 Thank you!

  • @infam0us415
    @infam0us415 ปีที่แล้ว +1

    Very helpful. Thank you so much.

    • @WebSensePro
      @WebSensePro  ปีที่แล้ว

      You're very welcome! Don't forget to like, share and subscribe

  • @LawrenceA-JSoriano
    @LawrenceA-JSoriano ปีที่แล้ว +1

    Great Tutorial Thanks !!

    • @WebSensePro
      @WebSensePro  ปีที่แล้ว

      Your welcome, dont forget to subscribe and turn on notifications

  • @niccq
    @niccq ปีที่แล้ว +1

    Big thanks my friend! Great vid

    • @WebSensePro
      @WebSensePro  ปีที่แล้ว

      Your welcome, support channel by subscribing and turning on notifications

  • @GrumbleGram
    @GrumbleGram ปีที่แล้ว +1

    bro if it will work with sense theme
    so where i can find your code that you have pasted?

    • @WebSensePro
      @WebSensePro  ปีที่แล้ว

      Code should be same as dawn theme just a little different line no.

  • @Persevere.x
    @Persevere.x ปีที่แล้ว +1

    Super helpful, thank you!

    • @WebSensePro
      @WebSensePro  ปีที่แล้ว

      Thanks for appreciation, if this video/channel you helped in any way please support by Subscribing and Hit the Like button.

  • @saramezher4985
    @saramezher4985 6 หลายเดือนก่อน

    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

    • @WebSensePro
      @WebSensePro  5 หลายเดือนก่อน

      Sure, ask them to sponsor us :)

  • @lowimpactfood4742
    @lowimpactfood4742 ปีที่แล้ว +1

    Perfect, thanks a lot.

  • @enricohardel2753
    @enricohardel2753 11 หลายเดือนก่อน +1

    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

    • @WebSensePro
      @WebSensePro  10 หลายเดือนก่อน

      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

  • @tanveerarif1144
    @tanveerarif1144 ปีที่แล้ว +1

    Hi, Please share the procedure to add a custom social icon in the Shopify Impluse theme. Thanks in advance.

    • @WebSensePro
      @WebSensePro  ปีที่แล้ว

      Sure, subscribe and turn on the notifications

  • @gtzbad4lyfe
    @gtzbad4lyfe ปีที่แล้ว +1

    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

    • @WebSensePro
      @WebSensePro  ปีที่แล้ว

      SVG file might be corrupted

  • @God66671
    @God66671 ปีที่แล้ว +1

    The icon is at the good place for me but too small can you help me for what to do ? Thanks

    • @WebSensePro
      @WebSensePro  ปีที่แล้ว

      Svg file has Size attribute which you can change

    • @God66671
      @God66671 ปีที่แล้ว

      @@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

  • @narharigupta8154
    @narharigupta8154 ปีที่แล้ว +1

    great solution

    • @WebSensePro
      @WebSensePro  ปีที่แล้ว

      Thanks for appreciation, if this video/channel helped in any way please support by Subscribing and Hit the Like button.

  • @YeahMAN-zq2dq
    @YeahMAN-zq2dq ปีที่แล้ว +1

    YOU DA MAN!

    • @WebSensePro
      @WebSensePro  ปีที่แล้ว

      Thanks for appreciation, if this video/channel you helped in any way please support by Subscribing and Hit the Like button.

  • @sofievandeputte8033
    @sofievandeputte8033 4 หลายเดือนก่อน

    thanks so much for this!

    • @WebSensePro
      @WebSensePro  4 หลายเดือนก่อน

      You're welcome!

  • @mrs.tomorrow28
    @mrs.tomorrow28 5 หลายเดือนก่อน

    Please suggest me how do I change Instagram icom

    • @WebSensePro
      @WebSensePro  5 หลายเดือนก่อน

      You are not able to do that using this tutorial?

  • @Kollindyr
    @Kollindyr 6 หลายเดือนก่อน

    Amazing.

    • @WebSensePro
      @WebSensePro  6 หลายเดือนก่อน

      Glad you think so!

  • @shahbazyadish1814
    @shahbazyadish1814 2 ปีที่แล้ว

    Bhai Jan sab se main cheez miss kar Gaye please video banao zoom on hover on product

    • @WebSensePro
      @WebSensePro  2 ปีที่แล้ว +1

      Sure thanks for the idea

    • @shahbazyadish1814
      @shahbazyadish1814 2 ปีที่แล้ว

      @@WebSensePro bhai jaldi banana mujhe Chaye wo video I am waiting ap ki waja se Bohat kuch asan ho Gaya hai mery liye

  • @Gameservices786
    @Gameservices786 6 หลายเดือนก่อน

    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

    • @WebSensePro
      @WebSensePro  6 หลายเดือนก่อน

      You can add a custom icon for discord