Social media icons you can add to improve your site design

Looking for icons for your website? See these top social media icons that can improve user experience.

Get started growing your business with a B12 website.

No credit card required
Social media icons you can add to improve your site design

Resources

Key quotes:

  • "Google has made it clear that it wants to serve mobile users mobile-friendly web pages, and it will likely become more and more important over time."
  • "If your content is already mobile-friendly, you won’t need to do all the things in this post."
  • "There are a few different strategies to create mobile-friendly websites, and using responsive design is just one of them."
  • "You can specify pixel widths if you know how to use media queries effectively."
  • "Here’s what a basic media query looks like (you can find them in the CSS of some pages): @media screen and (max-width: 1020px) { #container, #header, #content, #footer { float: none; width: auto; p{ font-size: 2em; } There’s a lot to see here, so let’s break it down into simple chunks."
  • "This means that when the screen is up to 1020 pixels wide, all the CSS code inside this media query should apply."
Read more →

Key quotes:

  • "A recent study published by Adobe on July 15, 2019, states that: 78% of emoji users agree that emoji should continue to strive for inclusivity 64% are willing to make purchases via emoji The Emoji Trend Report shows that emoji are widely accepted and used by Gen Z, especially on messaging platforms."
  • "As a result, the web design trend is getting more brutal and sparse these days."
  • "Single page application started off in social media, where vertical scrolling would serve content to the users."
  • "Getting users to notice your web application is a good start."
  • "This is because most people nowadays have experience using emoji when messaging each other."
  • "You can simply add it inline with the text as follows: As I mentioned earlier, some emoji allow modification to alter the skin tone."
Read more →

Key quotes:

  • "Since social media took the internet by storm, however, websites are getting replaced by Instagram accounts and Facebook pages."
  • "Here are six easy ways to get started: The easiest and most effective way to bring your website to the social media world is by letting your readers know where to find you."
  • "Your readers would likely prefer to engage with you on their favorite social media platform, so let them know where to find you."
  • "Include social icons on your page footer so that readers can easily find you on Facebook, Twitter, Instagram, etc."
  • "Have you ever been to a website that allowed you to login to their platform simply by connecting with your Facebook or Twitter account? You can easily connect your website to Facebook or Instagram so that reviews, posts, and shares are embedded on your website."
  • "Include social media icons within each page or blog post so that your readers can easily share your content."
Read more →

Transcript: Hello and welcome to Squarespace tutorials with Jake Jorgen today I'm going to be showing you how to connect social media accounts to your Squarespace website to start off what you're going to do is you want to be in the content editor the backend of Squarespace and you're going to want to scroll over here to this gear icon on the left side that says settings and you're going to want to click this icon right here and then you're going to scroll all the way down this list to where you see the link that says connected accounts you're going to click on connected accounts and here you'll see all of what the ones that I already have set up but what we're going to do then is we're actually going to go and click Add Account and when you click Add Account here basically has your Facebook Twitter Google tumbler Dropbox Foursquare Instagram a handful of other social media accounts or online accounts that you may have and what you do when you want to add one is you simply just click that and it's going to kind of pull a pop-up window that lets you log... See more →

Key quotes:

  • "Social media icons can be added consistently and subtly throughout your website, to provide users with easy access to your social platforms."
  • "Similar to general social icons, the follow and share buttons provide another link for your users to access your social media platforms."
  • "A good example of this is on Social Media Today, who allow us to share their blog posts onto Twitter, Facebook and LinkedIn."
  • "Understanding which social platforms are popular with your customers can be useful when choosing which platforms you can share your content on, which I will touch on later on."
  • "Earlier, we discussed the benefits of allowing users to share the content of your website and covered how specific parts of your website can be set up to be shared with potential new customers."
  • "This content can automatically get pulled in when a user posts a link to your website onto their social media, by using the power of OG Tags."
Read more →

Transcript: Social Media components can increase userinteraction, drive traffic to your social pages, and add legitimacy to a project. We'll cover three different components thatare included in the Elements Panel: Facebook, Twitter, and Google Plus. And as a bonus, if we have time at the end,we'll cover MySpace. The Facebook component, like other componentswe'll cover, can be dragged in from the Elements Panel to any part of our page. Once we drop in the Facebook component, wecan see our Facebook Settings. Here we can type in or paste in the URL toour Facebook page. Three options: Standard displays a Like buttonplus a text summary. Box also gives us a Like button and showsus how many likes we have. And finally, Button shows the same information,collapsed into a single button. You can also manually control the width andheight properties, and this can be helpful if you're looking to reflow or reposition some of the text or other content inside the component. And the Locale section lets you specify whatregional settings like language will show up for your audience. That's the Facebook component. Let's move on to Twitter. Same idea here when we drag the Twitter componentinto our project. This time our settings... See more →

Key quotes:

  • "Based on this, both marketers and designers recognize the importance of using visual materials in marketing strategies."
  • "When it comes to social media marketing (SMM), graphic design is a decisive part of an overall content strategy."
  • "That’s why designers should work out visual materials based on the business model and marketing strategy."
  • "Not only marketing goals but also social media networks affect visual design."
  • "We have put together some design tips that might come in handy to create masterly graphics for social media."
  • "When picking the right hue, the designer should keep in mind the message to communicate, the company’s tone of voice, and the specifics of a particular social media network."
Read more →

What customers & experts say

Dan
Dan Sales at B12

“Business owners are crazy busy. What's crazier is expecting a business owner to know how to design, maintain, direct traffic to, and update their own website. Thanks to our AI, they really don't have to. B12's AI-powered websites are powerful and we can't wait to get what we've built in front of people.”

Shane
Shane Customer / Spike On The Water

“The B12 website editor is so simple to use. I added a bunch of images, reworked text, linked my products, adjusted form links, and even got an animation flying around my footer. The experience with B12 has been amazing. Building a quality website is now fast and affordable.”

Andrew
Andrew Customer / Heroes Homestead

“I was always intimidated by my perceived difficulty of building a website but my experience with B12 was pretty smooth. I especially appreciate the quick response time to any requests I’ve sent the B12 team, and I also like the flexibility and ability to design the website ourselves. Since building my website, I’ve received a significant increase in the number of page views and email requests from the page.”

Read more →
Rick
Rick Customer / Rick Finbow Enterprises, LLC

“I think it's great that B12 is watching out for me. I'm reminded to update my website and I get ideas. I like that I'm not in it alone.”

Jaiden
Jaiden Design expert at B12

“B12’s AI draft dramatically reduces my time traditionally spent working on content structure. As a B12 web expert, I can focus more time on creating a beautiful website and UX that fits the customer’s content and goals.”

Freddie
Freddie Customer / Suffolk Equity Partners

“B12 is amazing! You get a high-quality design for the price of DIY. It's really remarkable.”

Sheila
Sheila Customer / Dr. Sheila Hughes Weight Loss & Wellness

“There's absolutely no comparison between our old website and the B12 one. Our B12 website gives us the call to actions we need and better communication tools with our patients. Since our B12 launch, we started seeing more online visitors scheduling a consultation through our website.”

Read more →
Willie
Willie Customer / Urlife Now Fitness

“I like that someone is monitoring my website every month and making suggestions for how to improve it.”

Princess
Princess Customer / Clear Visions Consulting Services, LLC

“I need \[B12] recommendations. As I add new courses to my website, I need to make sure that I'm fresh, I'm sharp, and I'm up to date.”

Megan
Megan Customer success at B12

“The website editor rocks! It makes it easy to add new items while keeping the same theme and structure I set when I created the site, no reformatting needed. It's fool proof and provides everything needed to create a seamless, gorgeous website. I actually use B12 for my own website!”

Kelly
Kelly Customer success at B12

“We pride ourselves on excellent customer service. I love how customer-centric we are, and the technology we use to speed up the website creation process has helped us to deliver professional sites in a shorter span of time.”

Heidi
Heidi Customer / CD Roma

“Since the launch, we’ve gotten more form submissions to inquire about our catering service and menu options. On top of that, I’ve noticed more customers who found out about us through our website before coming down to dine! The traffic we’ve realized in the short time the site has been online is very impressive.”

Read more →
Nikolai
Nikolai Expert at B12

“I use B12’s website editor on a daily basis and I love how easy it is to personalize the style. I’m able to add multiple images, videos, and text in different layouts based on the preference of our customers in just a few hours! It’s been a huge time-saver, given how intuitive the interface is.”

Stafford
Stafford Customer success at B12

“B12's goal is to provide the best customer experiences and I am so happy to be a part of that mission. Helping customers create a website that brings their vision to life is, by far, the best part of being here.”

Mandie
Mandie Design expert at B12

“I have thoroughly enjoyed working with the B12 website editor. It allows me to make pixel-perfect websites in a fraction of the time.”

Ready to grow your business online?

Join the tens of thousands of professionals who’ve found success with a B12 website, SEO, blogging, and more!

Get a website in minutes
This website uses cookies to ensure you get the best browsing experience.  Learn more
I agree