Announcement

Collapse
No announcement yet.

Easily integrate your Miva Merchant into Facebook

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Easily integrate your Miva Merchant into Facebook

    We've been running Miva Merchant inside our Facebook business page for about a month now and I think all the little gotchas have been worked out.

    The page is using the new iframe tabs for content such as the store, complete with search. We also created iframe tabs for best sellers, deal of the day, etc. The sky is the limit since you create the new tabs and put whatever content you want in them. Since the tab is streaming live data from your Miva Merchant store you have full store morph editing control over the look and feel of your pages and your prices and inventory are updated in real time. You are not locked into anybody's design/layout. You also avoid having 3rd party advertising, e.g. "powered by xxxx" on your iframe tab. You also can use your own icons for the left menu items. Best of all, the integration into Facebook is free. You can do the same thing with your Miva Merchant store if you have created your business page.

    I posted a "how to" at http://www.emporiumplus.com/v5/fb_howto.txt It is using the Emporium Plus Tool Kit for a few of the features. However, you could do the integration without the Tool Kit. You'd just be giving up some features.

    You can see the live page at http://www.facebook.com/EmporiumPlus

    If you have not entered into our Facebook Fan of the Day, see this thread for details http://extranet.mivamerchant.com/for...d.php?t=104132
    Bill Weiland - Emporium Plus http://www.emporiumplus.com/store.mvc
    Online Documentation http://www.emporiumplus.com/tk3/v3/doc.htm
    Question http://www.emporiumplus.com/mivamodu...vc?Screen=SPTS
    Facebook http://www.facebook.com/EmporiumPlus
    Twitter http://twitter.com/emporiumplus

    #2
    Re: Easily integrate your Miva Merchant into Facebook

    Hi Bill: We are attempting to get up to speed on facebook ourselves but I am unclear as to how to use your example shown here to do that. I went to your facebook page expecting to be able to view your site from there, but find I cannot. I don't see the links to "All Products", "Basket" & "Checkout" there. What an I missing? Should I be able to find your site displayed on facebook?

    A further explanation about what you've done and how I can do the same would be greatly appreciated.
    Regards, Larry
    Larry
    Luce Kanun Web Design
    www.facebook.com/wajake41
    www.plus.google.com/116415026668025242914/posts?hl=en


    Comment


      #3
      Re: Easily integrate your Miva Merchant into Facebook

      The "how to" link is above. The link to the EmporiumPlus business page is also above. If you click the business page link you will see the business page with the menu items on the left side (column). Click the one that says Miva Merchant Modules (see the image in the post above).
      Bill Weiland - Emporium Plus http://www.emporiumplus.com/store.mvc
      Online Documentation http://www.emporiumplus.com/tk3/v3/doc.htm
      Question http://www.emporiumplus.com/mivamodu...vc?Screen=SPTS
      Facebook http://www.facebook.com/EmporiumPlus
      Twitter http://twitter.com/emporiumplus

      Comment


        #4
        Re: Easily integrate your Miva Merchant into Facebook

        Hello Bill: Sorry, but I have another question. I've modified your example PHP file and have named it miva2fb.php. However I'm confused on what the sdk file should contain. I'm looking at facebook's developer site for my app, is the code there supposed to be copied onto our server and named facebook.php?

        Thanks, Larry
        Larry
        Luce Kanun Web Design
        www.facebook.com/wajake41
        www.plus.google.com/116415026668025242914/posts?hl=en


        Comment


          #5
          Re: Easily integrate your Miva Merchant into Facebook

          You download that sdk and unzip it. One of the files inside the zip is called facebook.php. That is the one you FTP to your /facebook/ directory that you created in your domain.
          Bill Weiland - Emporium Plus http://www.emporiumplus.com/store.mvc
          Online Documentation http://www.emporiumplus.com/tk3/v3/doc.htm
          Question http://www.emporiumplus.com/mivamodu...vc?Screen=SPTS
          Facebook http://www.facebook.com/EmporiumPlus
          Twitter http://twitter.com/emporiumplus

          Comment


            #6
            Re: Easily integrate your Miva Merchant into Facebook

            Hi again Bill: I'm seaching all over the facebook docs for that zip file. I found an example of this php file. Is this it? If not, do you have a link to the zip file?
            <?php

            define('YOUR_APP_ID', 'your app id ');
            define('YOUR_APP_SECRET', 'your app secret');

            function get_facebook_cookie($app_id, $app_secret) {
            $args = array();
            parse_str(trim($_COOKIE['fbs_' . $app_id], '\\"'), $args);
            ksort($args);
            $payload = '';
            foreach ($args as $key => $value) {
            if ($key != 'sig') {
            $payload .= $key . '=' . $value;
            }
            }
            if (md5($payload . $app_secret) != $args['sig']) {
            return null;
            }
            return $args;
            }

            $cookie = get_facebook_cookie(YOUR_APP_ID, YOUR_FACEBOOK_SECRET);

            $user = json_decode(file_get_contents(
            'https://graph.facebook.com/me?access_token=' .
            $cookie['access_token']));

            ?>
            <html>
            <body>
            <?php if ($cookie) { ?>
            Welcome <?= $user->name ?>
            <?php } else { ?>
            <fb:login-button></fb:login-button>
            <?php } ?>
            <div id="fb-root"></div>
            <script src="http://connect.facebook.net/en_US/all.js"></script>
            <script>
            FB.init({appId: '<?= YOUR_APP_ID ?>', status: true,
            cookie: true, xfbml: true});
            FB.Event.subscribe('auth.login', function(response) {
            window.location.reload();
            });
            </script>
            </body>
            </html>

            Thanks, Larry
            Larry
            Luce Kanun Web Design
            www.facebook.com/wajake41
            www.plus.google.com/116415026668025242914/posts?hl=en


            Comment


              #7
              Re: Easily integrate your Miva Merchant into Facebook

              The link is in the "how to" by hyperarts. See my "how to" which refers you to that "how to". Theirs is very complete with pictures to go with their instructions. They also provide the link to the latest php sdk at facebook. You can't do this whole thing if you have not followed the instructions in the hyperarts "how to".
              Last edited by wcw; 04-22-11, 06:55 AM.
              Bill Weiland - Emporium Plus http://www.emporiumplus.com/store.mvc
              Online Documentation http://www.emporiumplus.com/tk3/v3/doc.htm
              Question http://www.emporiumplus.com/mivamodu...vc?Screen=SPTS
              Facebook http://www.facebook.com/EmporiumPlus
              Twitter http://twitter.com/emporiumplus

              Comment


                #8
                Re: Easily integrate your Miva Merchant into Facebook

                Hi Bill: Thanks, I found it on the hyperarts site. For anyone else looking for the SDK, go to
                http://www.hyperarts.com/blog/custom...st_reveal_tab/

                and scroll down to paragraph "Installing the Facebook PHP SDK" and you'll see the link for the zip file.

                Larry
                Larry
                Luce Kanun Web Design
                www.facebook.com/wajake41
                www.plus.google.com/116415026668025242914/posts?hl=en


                Comment


                  #9
                  Re: Easily integrate your Miva Merchant into Facebook

                  We're wholesale, so I don't think FaceBook would work for us at Star Time... question: How is Facebook converting into customers/sales? Seems like FB was more suited to branding than conversions (sales), but I'd love to be proved wrong...
                  Scott Bronstad
                  Marketing
                  Star Time Supply, Co. Inc.
                  http://store.startimesupply.com

                  Comment


                    #10
                    Re: Easily integrate your Miva Merchant into Facebook

                    Why would it not work for wholesale? You are streaming your live data so if they login, they will see price group prices. The 5% discount I am running (if you "like" the page and use the Facebook portal to start your shopping) is causing some orders (40% of them this morning) to go through Facebook. Would they have ordered without Facebook, probably. Maybe all you need is a deal of the day or best sellers. But if you go that far, why not stream the whole store. It costs you nothing. You update your regular merchant store and don't worry about the FB side. It is the same data.

                    Here is something else to think about. I searched Google for these 4 words: facebook miva merchant modules
                    The first item was this forum. The second was my business page. Granted Google does not spider all the pages in the store, but it does get someone to the starting place. Unfortunately the Facebook internal search is worthless. Maybe they will improve it over time.
                    Last edited by wcw; 04-22-11, 08:03 AM.
                    Bill Weiland - Emporium Plus http://www.emporiumplus.com/store.mvc
                    Online Documentation http://www.emporiumplus.com/tk3/v3/doc.htm
                    Question http://www.emporiumplus.com/mivamodu...vc?Screen=SPTS
                    Facebook http://www.facebook.com/EmporiumPlus
                    Twitter http://twitter.com/emporiumplus

                    Comment


                      #11
                      Re: Easily integrate your Miva Merchant into Facebook

                      Hi Bill: Got our site working on FB, however I can't remove the horizontal scroll bar. Have tried tweaking the CSS in various ways but it still is there. Something must be > 520px wide, but I can't find it.
                      Tried all the tricks shown in the hyperarts site to no avail.

                      Did you have this problem?

                      If anyone has ideas about solving this, you can see our FB app at:
                      http://www.facebook.com/apps/applica...68414289883725

                      Regards, Larry
                      Larry
                      Luce Kanun Web Design
                      www.facebook.com/wajake41
                      www.plus.google.com/116415026668025242914/posts?hl=en


                      Comment


                        #12
                        Re: Easily integrate your Miva Merchant into Facebook

                        I'm using
                        #site-containerfb{
                        width:500px;
                        margin:0 auto;
                        text-align:left;
                        border-collapse:collapse;
                        }
                        in the css file. Did you use 500 or 520 there?

                        Your product boxes seem like they are wider than in my store. I can't remember where that might be changed.
                        Bill Weiland - Emporium Plus http://www.emporiumplus.com/store.mvc
                        Online Documentation http://www.emporiumplus.com/tk3/v3/doc.htm
                        Question http://www.emporiumplus.com/mivamodu...vc?Screen=SPTS
                        Facebook http://www.facebook.com/EmporiumPlus
                        Twitter http://twitter.com/emporiumplus

                        Comment


                          #13
                          Re: Easily integrate your Miva Merchant into Facebook

                          Hi Bill: I've tried 520px & 500px , plus even 300px and it doesn't seem to matter.
                          I'm think it may have something to do with the CSS for product-item, which I have defined as:
                          body.SRCH .product-item { width:50%;}
                          .product-item{
                          width:50%;
                          float:left;
                          }
                          .product-item .padding{
                          border:1px solid;
                          height:300px;
                          border-width:1px;
                          border-color:#aaaaaa;
                          border-style:solid;
                          margin:1px;
                          overflow:auto;
                          padding:10px;
                          }

                          I think it might be the padding:10px; but I don't know enough about CSS to be certain. I commented the padding out & tested the FB app and I saw that the horizontal scroll bar was gone at one point, however now it's back.
                          I don't know if the browser cache is screwing me over or what. Sometimes when I make a CSS change, it doesn't seem to take effect.

                          Gotta leave this for now, been working on it for the past 4 hours and am really frustrated.

                          Regards, Larry
                          Larry
                          Luce Kanun Web Design
                          www.facebook.com/wajake41
                          www.plus.google.com/116415026668025242914/posts?hl=en


                          Comment


                            #14
                            Re: Easily integrate your Miva Merchant into Facebook

                            Hi Bill: Maybe it was cache screwing me over. I shut down XP to standby, then brought it back up and the horizonal scroll bar is gone.

                            Sure wish I knew how to permanently disable cache on IE8 & FF4.

                            Regards, Larry
                            Larry
                            Luce Kanun Web Design
                            www.facebook.com/wajake41
                            www.plus.google.com/116415026668025242914/posts?hl=en


                            Comment


                              #15
                              Re: Easily integrate your Miva Merchant into Facebook

                              Hi again Bill: On my FB Basket page, the basket heading is spaced way down below the <h1>Shopping Basket text. Yours isn't. I think we are using the Basket CSS definitions as they came from Miva.

                              Did you have to modify the CSS for the basket page to remove this spacing on that page?

                              Thanks, Larry
                              Larry
                              Luce Kanun Web Design
                              www.facebook.com/wajake41
                              www.plus.google.com/116415026668025242914/posts?hl=en


                              Comment

                              Working...
                              X