Custom social share buttons on Webflow Collection Pages

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

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

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

    Great share. I used your steps with an embed and SVG code, which worked perfectly.

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

    Great tutorial! Used Svg icons in place of the Text link, and works like a charm, Cheers!

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

    BEST 'How to' video on this subject thank you! You explained it beautifully and I could easily follow along. Your code is way better too than others I have tried. Thanks again

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

    Thanks for this! I did everything as instructed then used Fontawesome icons and rounded borders to create circular icon buttons instead of text. Really easy to do, even for a Webflow novice like me

  • @ihsaan7807
    @ihsaan7807 3 ปีที่แล้ว

    Great content. Can't wait for more Webflow stuff combined with No-code stuff!

    • @nocodecollab
      @nocodecollab  3 ปีที่แล้ว

      Thanks for watching - more to come! If you have any requests let me know!

  • @user-jh5vu5gd3g
    @user-jh5vu5gd3g 3 ปีที่แล้ว

    Absolutely loved this, you saved me a lot of time, money and nerves 😉, thank you for putting in the work and sharing it!

    • @nocodecollab
      @nocodecollab  3 ปีที่แล้ว

      So glad it helped! If you're willing to share, I would love to see what you were able to create!

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

    This is a great tutorial! How did you add the Slug? I'm at that part.

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

      When you are in the code (make sure your cursor is in the right place), click on 'add field' in the top right corner and you can choose it there :)

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

    Hey amazing video can you write code for us for WhatApp also?

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

    Hey thanks for the tutorial, i wanted to know if i can cuztomize the title while sharing on facebook, is this possible?

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

      Let the user customize or just use something different than the page title?

  • @annaoreilly728
    @annaoreilly728 3 ปีที่แล้ว

    Hi Kyle, Do you know how to make this work in a collection list ? I tried using this method but it doesnt work

    • @nocodecollab
      @nocodecollab  3 ปีที่แล้ว

      So you want multiple sets of social share buttons on a single page... one set for each collection item?

    • @nocodecollab
      @nocodecollab  3 ปีที่แล้ว

      If you want to message me a read only link to your site, I'll take a peek.
      In the meantime, you could try this - in the code snippet:
      - Wherever you see "encodeURIComponent(document.URL)"... you'll need to swap that out with your base URL and the "Slug" in the "Add Field" Menu
      - Wherever you see "encodeURIComponent(document.title)"... you'll need to swap that out with your base URL and the "Name" in the "Add Field" Menu
      Conceptually this works in my mind, but there could be a syntax modification (adding " " around the URL or Name/Slug or something like that)... but give it a shot. Let me know if it works and feel free to send the Read only link if it's not!
      Hope that helps!