Image Image Image Image Image Image Image Image Image

Social Media Marketing for Business

David A. George


February 14, 2013

45 Ridiculously Easy Ways to Use an HTML Embed Code (Pt 2 of 3)

February 14, 2013 | By | 7 Comments">7 Comments

Part 2: Social Media HTML embed codes

Yesterday, we covered how to use different HTML embed codes to pull in some pretty awesome multimedia elements (if you didn’t read the post, click here to see part 1).

Try Heyo for only $25 per month ❯

Today, we’ll continue the 45 ridiculously easy ways by getting social media savvy, and learning about the top 29 HTML embeds for socialites. Starting off with #11…


11. Get pinned! Make it big on Pinterest by adding a Pin It button to your site to make your content easily pin-able (is that even a word?)

pinterest pin it HTML embed code

pinterest follow button HTML embed code

12.There’s nothing like getting more followers. Add a Follow Me on Pinterest button to any webpage.

Now, these next two are pretty new and really awesome….

13. You can show up to 30 of your latest pins with the Pinterest Profile Widget. Just copy and paste the two codes Pinterest gives you onto your page.

pinterest profile widget HTML embed

14. Similar to the profile widget, the Pinterest Board Widget displays up to 30 of your favorite board’s latest pins. Again, just copy and paste the two codes onto your site, and voila!

pinterest board widget html embed

Pro-Tip: if you operate a WordPress site, simply take the second “<script type=” code, click on the “Text” tab while writing a new page or post, and paste it at the end of the text-portion of your page.

Grab your own buttons with a quick copy & paste from Pinterest’s resources.


While Instagram itself doesn’t provide us with many HTML embed options, here’s an awesome third-party tool to help you do the trick.

15. Love snapping pics on the go? Use the SnapWidget HTML code to display your Instagram photos directly onto your Facebook page or website.

instagram HTML embed code


Facebook Like html embed code

16. Like Button

Let users share pages from your site back to their Facebook profile with the Like button.


Facebook send html embed code

17. Send Button

Adding a Send button to your site allows your users to easily send your content to their friends.


18. Follow Button

Putting a Follow button (formerly, Subscribe button) on your site allows people to subscribe to other Facebook users straight from your page.


facebook comments html embed code


Harness the power of social proof by placing a Comments plugin on your page. Now your users can recommend your product/service until the cows come home.


facebook activity feed html embed code

20. Activity Feed

Placing an Activity Feed plugin on your site shows users what their friends are doing on your site via Likes and Comments.


21. Recommendations Box

Using a Recommendations Box on your Facebook page, website, or landing page will give users personalized suggestions for pages on your site that might be interesting to them.


22. Recommendations Bar

Get viral with the Recommendations Bar. This plugin allows users to Like your content, get recommendations, and share what they’re reading with friends.


facebook like box html embed code

23. Like Box

The Like Box enables users to Like your Facebook Page and view its stream directly from your website.


facebook login html embed code

24. Login Button

Want to show users that their friends like your website too? Use a Login Button to show profile pictures of the user’s friends who have already signed up for your site, along with an actual login button.


facebook registration html embed code

25. Facebook Registration

Got customers on the go? Not enough time for them to fill out an opt-in form? No sweat! Use a Facebook Registration plugin to allow users to easily sign up for your website with their Facebook account.


facebook facepile html embed code

26. Facepile

Faces on faces on faces! This is the idea behind the Facepile plugin. Make your website, Facebook page, or landing page personal by displaying the Facebook profile pics of users who have liked your Page or signed up for your website.

Want to add some of these to your site? Grab the embed codes and personalize Facebook HTML plugins by checking out the Facebook Developers site.


twitter HTML buttons27. Get the birds chirping by giving users the ability to share a link on Twitter with the Tweet/share button.

28. Expand your twitter-sphere by adding a Follow button to your page.

29. Got a hashtag that you want to start trending? Check out this nifty little button that automatically adds a custom hashtag to any user’s tweet.

30. Make it super-simple for users to tweet at you with the Mention button.

31. Using Twitter as a marketing strategy or just want to make a bigger impression? Make a custom Twitter stream and place it on to your page to get all the cool kids to see what you’re tweeting.

twitter stream HTML widget

For your own buttons, check out Twitter’s resources. To get a custom Twitter stream, click here.


linkedin buttons html embed code32. Drive traffic from LinkedIn back to your site by placing a Share on LinkedIn button on your page.

33. Think the word “Share” is overused? Switch up your syntax by using a Recommend with LinkedIn button.

34. Make it ridiculously easy for prospective customers, job-seekers, and business partners to engage with your company by using the Follow Company plugin

35. Use the Sign In with LinkedIn button to make it easier for users to sign in or register with your site by using their LinkedIn identity.

36. Make it simple for job-seekers and potential candidates to apply for jobs with your company, using the Apply with LinkedIn button.


37. Display important company info to your users by embedding a Company Profile on your page.

linkedin company profile html embed code

38. Use the Member Profile plugin to help users discover common professional connections. Want more ad space for your LinkedIn info? You also have the option to place a Full Member Profile on your page.

linked in member profile html embed code

39. The Company Insider plugin shows rich, personalized insights on companies featured on your website, Facebook Page, or landing page. There’s even a Follow button for easy action on the user’s part.

linkedin company insider html embed code

40. Are you building your business as an authority in your industry, or maybe have some jobs opening up in your own company? Place a Jobs You Might be Interested In plugin on your page to help boost engagement.

jobs you might be interested in html embed code

jobs you might be interested in html embed code





Want to get these plugins for your Facebook Page, website, or landing page? Check out the LinkedIn developer resources here.

View Part 3 of the HTML Embed series by clicking here…

Your Turn

Do you use any of these HTML embeds? Which one is most useful? Share with me in the comments below!



David A. George I'm a UX + Growth Marketer passionate about people, music, intelligent UX, Android, and breathing underwater. I'd love to connect with you on LinkedIn, Twitter, and on my website.