April 7, 2020
How to Add Social Media Icons to Webflow in 2 minutes (2020)

How to Add Social Media Icons to Webflow in 2 minutes (2020)


Register at apps.elfsight.com and get started for free Get your $5 bonus at the start Check your email and open the message from Elfsight There click “Activate Account” Select Social Media Icons tab It’s time to set up Elfsight plugin Add icons you want to display Just choose the desired social media and specify the link to your network You can also delete unnecessary icons and swap the chosen icons It’s optional to change icon’s size for the best UX Adjust style and colors Select 1 of 3 border radius Pick out icon’s animation and manage its transparency All settings will be implied automatically Now save the widget Enter your site URL where you’d like to install the app and press the shining green button You will get a special code – copy it and submit your action Now move on to your Webflow admin panel Choose your project and “Open Designer” Find a proper place for your icons Go to “Add Elements” tab and press “Embed” Paste social icons code and click “Save & Close” Drag the script container to the desired area Now let’s place icons on the right side Click on the script and go to “Style” editor We are going to change “Margin” So you can indent icons from the right edge and to move them up We will also select right “Float” Note: Icons will appear on the published site Find “Publish” tab Choose publish destination and proceed further View the successful result For now, you have social icons on your website Transform visitors into your followers

3 thoughts on “How to Add Social Media Icons to Webflow in 2 minutes (2020)

  1. We hope this video will help you add Social Icons to an Webflow website. If you still have questions left, ask away in the comments, and we'll be happy to answer!

Leave a Reply

Your email address will not be published. Required fields are marked *