• Latest

    Add Facebook, Twitter, Instagram and other HTML Embed Code to your Site post or page


    How to Add HTML Embed Codes to Your Website

    1. Generate the embed code.
    1. Highlight the embed code, then copy it to your clipboard.
    1. In your content management system, open up your HTML viewer.
    1. Paste the HTML snippet you just copied into your HTML viewer window. Then click 'OK' or 'Save.'
    1. You have now embedded content onto your website or blog.

    If you want to curate others' content from social media or just make your own visual social media content work harder for your overall content strategy, you need to know how to embed HTML code onto your blog or website.

    before we get into the tip, what does "embed" mean? And what is HTML? I don't know how to code at all! Let's take a second to break it down:

    What is an embed code?
    The "embed code" is a block of HTML which is embedded in the page-source and creates an object in doing so. 

    HTML: one of the most basic languages used on the web, used to design and lay out web pages. You often see this code when you're in the "back end" of your blog post

    Here's what a string of HTML code looks like:

    <a href=http://blog.hubspot.com/>HubSpot Blog</a>

    Embed: the process of putting something into a website or blog post. It's often referenced with HTML to designate interactive content taken from social and content networks. It's a great way to get interactive, visual content on your blog without designing a thing.

    Okay, now that we're all on the same page, let's get on with the rest of the post. Here's how you can embed code on any page of your website or blog, featuring embedded content from the top social networks.

    1) Generate the embed code.

    Here's how you do it on most of the major social and content networks. On some, you will be able to customize what you'd like to embed before you generate the code.

    Facebook


    Twitter




    Pinterest





    YouTube




    SlideShare


    Instagram




    2) Highlight the embed code, then copy it to your clipboard.


    On Windows, press Control + C. On Mac, press Command + C. Or, right click on your selection and choose 'Copy.' 




    3) In your content management system, open up your HTML viewer.


    Although every CMS is different, you probably can find the HTML viewer with similar steps. Here's how to open the HTML viewer in WordPress.


    4) Paste the HTML snippet you just copied into your HTML viewer window. Then click 'OK' or 'Save.'

    You have embedded content onto your website or blog. Here's what it will look like for each social network.

    No comments

    Powered by Blogger.