Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
I know that you've seen this before, this little doohickey right here. It allows people who are reading your web site that, you know your web site might have nothing to do at all with Social Media. It's not hosted by Facebook or anything, but when they Like this article, they can send the URL to this to their Twitter followers via e-mail or if they click Share, they can choose Facebook or any of these other settings. Now Facebook makes it very easy for you as the Facebook page owner to integrate people's Facebook personal accounts with your web site posts or your blog posts.
So this doesn't have anything in particular to do with Facebook pages per se, but it does have to do with using Facebook to market your company. Here is Bliss No.5's page, and to get started with creating one of those Like boxes, go to the Admin panel, go down to Manage, choose Edit page and then here go to Resources. Now they keep changing the names of these things. So if it doesn't look exactly like this, what you're looking for is something called Social Plugins.
So find out where the Facebook Social Plugins are and just click it or even better, once you click it, Bookmark this right here because you're going to be coming back here over and over again. Now I mentioned using Social plugins in the previous chapter when I talked about how to add your Facebook page's stream of posts and number of Likes and little pictures of the people who Liked it, to your web page. So we've been here before. The one that we are going to look at right now is called the Like button, a simple little thing that adds Likes.
So if I click it, we are brought again to this wonderful very friendly wizard where we can simply watch how the preview appears as we set up our options. It needs to know the URL, and because my Bliss No.5 page doesn't have a friendly URL, I constantly have to choose it again. So let's go back here. This is the URL for Bliss. In the real world, I have a whole list of Bookmarks to every page that I admin, so that I don't have to keep doing this.
So I'm going to turn this off for now. Now it's reading our page and it's saying here is what it would look like if we uploaded it with these settings. The Layout Style right now is Standard or you just might want a button count, like you Like it and how many people Like this or you want a box count, so they're vertical rather than horizontal, I kind of like that. Now because we're using the Count scheme, it makes no difference if we are Showing Faces or not, but I'm going to turn it off just in case. Do you want to say Like or do you want to say Recommend? That's kind of interesting.
I think I'll leave it at Recommend and see what happens. And again, we have the huge selection of Color Schemes, Light or Dark. This refers to the background of the web page you're going to put this on. So if it's a Light page, this is what they recommend. If it's a Dark page, this is what they recommend. That dark part doesn't come with it. They're just showing you what it would look like against the dark page. But I'm going to stick with Light and you have a choice of Typeface. Now because of the resolution of the screen for this video capture, we can't really see them both at the same time, but we have these choices and I'm a big fan of Trebuchet.
So I'm just going to leave it at Trebuchet. That looks nice. It's the typeface used inside the button and then we click Get Code. We don't want to use HTML5. We don't want to use this one. We want to use IFRAME. So come right here. You see we're getting a little menu that says it's using the app ID over app Lynda Videos and I think this is because a few videos ago, I actually created a custom app, and so it's just remembering that because we're in the developer's section. But that should not make any difference right now. We are just going to select all these texts in here [00:04:26.1`0] and you don't have to have created an app yourself for this to work.
So I'm going to select this and Copy it. Click OK. Now we need to add that code to our web site and if you have a web developer, you would paste that into a text file and send it to them and say, I want a Like box use this, but because I am using WordPress, I know that I can simply add it to a widget so that it appears on the right sidebar. Now, I could actually get in deeper and start editing the template pages, so that I get that Like box to the left of every post, which is properly how it should be done, but I am not quite there yet, and actually, if you are using WordPress, there are probably many other easier ways of adding a Like box than using Facebook's code.
There are many plugins available for WordPress and other blog engines to do that. But let's carry on, shall we, and just go ahead and see what this looks like. So to add this to my sidebar, I need to login to my WordPress blog as I've done as an Admin. Go to Design, go to Widgets, and we are going to add it to this Text widget. You may remember coming here when we were doing this for the Twitter information and then also in this one, we added the Facebook Page box to that one.
Here we're just going add this code. I'll click right here and choose Paste and then click Change and Save changes. Yay, changes were saved. So let's look at our web site again and refresh and scroll down. There it is. So we already recommend this page, that's why it's already checked, but if people come to this page and they Like it, they can click Recommend, which remembers the same thing as Like, and they click it, then it would appear on their Facebook personal account that they Liked this web page and there would be a link to this web page.
So it's another way to market your business with Facebook.
Get unlimited access to all courses for just $25/month.Become a member
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.