Sign Up Here for Email Updates

Tuesday

How to Create a Facebook Like Box & Add it to Your Zibbet Shop

If you have a shop on Zibbet then you already know that Zibbet allows it's premium level shopkeeps to have widgets on the side of their shop pages. This is one of my favorite perks about having a Zibbet shop. Utilizing this extra space on the side of your shop is perfect for adding your social marketing widgets, such as a facebook like box. Did you know that you can actually build your facebook page fan base by just making it easier for your customers or browsers who happen to land on your page, to "like" your page without ever leaving your shop?
Many of you have facebook pages and don't even know about this wonderful little tool you can create and place on your shop page, websites or blogs. I think that's sad, so without further delay, I'm going to show you how to create your facebook page like box and add it to your Zibbet shop.

Beginning on your facebook page go to the admin section at the top of your page and click the edit page button. It's important to understand that this is not the same as your profile page. If you don't have a page for your business, you will want to read this tutorial after you set up a facebook business page.

From the "edit page" you will look and click for the "update info" link on the left margin of the edit page. Once on the Update Info page you will find and click the "Resources" link located in the left margin of this page.

Now that you are on your facebook page's resource page, find and click the link named "Use Social Plugins" found in the mid section of this page, under the section labeled "Connect with People" Once you are on the Social Plugins page you will see several plugins to choose from, scroll down to the plugin named "Like Box" and open that page.

You should see a page that looks like this...


To customize your like box you will need to make some changes. You will need to place your shop name at the end of the URL (pink arrow) by deleting the part highlighted in yellow and adding you facebook page name.  *note: you will not see changes immediately, changes will occur when you move to the next field to change

Next step is to set the size of your widget (orange arrows) For the Zibbet shops you will need to set your width at 200 or smaller.  You can change this number later if you want, I will add that information at the end of this tutorial.   You will see the widget size change when you move to height field, however if you don't make it long enough you will not see the faces if you select to show faces.  This you can set to your preference, the longer the widget, more content can be seen.  



Next is the option to show the faces of your people who have "liked" your page (blue arrows). If you uncheck this box the bottom part of your widget will disappear. 

I usually don't mess with the border color but if you wish to change the border color, you would place the hex code in the border color area.  The color scheme choices are light (white) or dark (black) light is usually best and easier on the eyes.

Showing stream in you widget is fun as it will entice people to read more, so I suggest leaving it, but it's your choice.  Again if you uncheck this box (purple arrows) then you will not see the stream area at all, so your status feed would not show.

Then the header option (aqua arrows) if you uncheck this box, the "find us on Facebook" header goes away.

Remember the changes don't show until you move to another field so just move around until you see the changes.  You can play around with this until you get the look you like.  Then you move to the green arrow..."GET CODE"

A box like this will pop up...


Select the "IFRAME" code then you are ready to copy your code so you can ad it to your Zibbet shop page.

Now you can open another browser tab and log into your Zibbet account. Locate the "my zibbet" link at the top right corner of the page.  On the right side of page under the "shop set up" area, find and click the "customize your shop" link.  Look for the Widgets tab and open that page, select add new widget, now add your facebook like box code in the field.  Add a title if you wish in the title area.  Under the "position" pull down, you have two choices, right column or bottom.  I suggest sticking with the right column.



If you had selected the width be 200 when creating the code then you will  not need to make any further changes to the code.  But if you went with a smaller width and you want to change it, you can do so by finding the "width" inside the code.  There are two places in the code that will need to be changed if you are modifying the size of the widget.  One is shown with orange arrow and the other is seen right above the arrow.  If changing the size you must make you sure change both widths or heights, whichever you are modifying.

Don't forget to save your changes and now you can go check out your new facebook like box on your Zibbet shop page.

Congratulations!  You did it!


8 comments:

  1. Hey there, I think your website might be having browser compatibility issues.
    When I look at your website in Chrome, it looks fine but when opening in Internet Explorer, it
    has some overlapping. I just wanted to give you a quick heads up!
    Other then that, fantastic blog!

    Here is my webpage ... comment avoir plus de vues youtube

    ReplyDelete
  2. It's appropriate time to make some plans for the future and it's time to
    be happy. I've read this post and if I could I wish to suggest you some interesting things or tips. Maybe you could write next articles referring to this article. I desire to read more things about it!

    Feel free to visit my weblog - acheter followers

    ReplyDelete
  3. It is perfect time to make some plans for the future and
    it is time to be happy. I have read this post and if I could I desire to suggest you few interesting things or advice.
    Perhaps you can write next articles referring to this article.
    I desire to read more things about it!

    Review my web-site: Avoir Plus De Vues Youtube

    ReplyDelete
  4. Hi my loved one! I wish to say that this article is awesome, great
    written and include approximately all vital infos. I'd like to look extra posts like this .

    my page - acheter followers twitter

    ReplyDelete
  5. I could not refrain from commenting. Very well written!


    Here is my web blog :: Automated Link Building

    ReplyDelete
  6. I am curious to find out what blog system you are utilizing?
    I'm experiencing some small security issues with my latest site and I would like to find something more safeguarded. Do you have any solutions?

    my web blog; bathroom in northern virginia

    ReplyDelete
  7. Ι know this if off topic but I'm looking into starting my own weblog and was curious what all is needed to get setup? I'm assumіng haѵing a blog
    like yours ωoulԁ cost a prettу реnny?

    I'm not very internet savvy so I'm nοt 100% sure.
    Any tips or аdνiсe would bе gгeatly aρpreсіated.

    Many thаnks

    Revieω my web site - reputation management

    ReplyDelete
  8. It іs appгopriаte time to maκe
    some ρlans for the futuге anԁ it is time to be happу.
    I havе геаԁ thіs poѕt
    and if Ι cοulԁ I deѕiгe to ѕuggest уou some іnterеsting things оr adѵiсe.
    Maуbe you coulԁ ωritе neхt aгtіcleѕ геfеrгіng to this article.

    ӏ want to reаd more thingѕ about it!

    Heгe iѕ my homeρage: lloyd irvin

    ReplyDelete

Thank you for visiting and sharing your comments!