How to Set Up a Facebook Storefront

Categories Social, Training
89
  • Print
  • Print

UPDATE 1/27/14: Facebook’s functionality has changed, and the Static HTML app no longer works with our code. We’re hoping to find another way to link your fan page to your store. Stay tuned!

Important note: Before implementing the Facebook Storefront, you will need to choose a Start Page your Associate Web Site. To do this:

1) Log into the back office.
2) Hover “My Profile,” and select, “Manage My Web Site” from the drop down menu.
3) Look for the option, “Select your Start Page.” Choose any of the start pages in the pull down menu
EXCEPT FOR “Isagenix Home Page.”

Once you have done this, you can continue with the steps below.

Aight, ya’ll – here’s how to set up your Facebook Store, from square one.  We know this can seem pretty complicated, but it’s really not that bad.  Just follow the steps below, one by one, and you’ll be up and running in no time.

The first thing you need to do is create a fan page.  We’ve written an article on this previously – just go through the 4 steps in that post, and you’ll have a Facebook Fan page to call your own.

So here are the steps in the Vince / ShamWow IsaGeeks video:

1. Go to http://on.fb.me/isageeks, and click the “Add Static HTML to a Page” button:

Static HTML- iframe tabs on Facebook

If you’re still logged in as your Fan Page, you will be asked to switch to your personal account. Go ahead and do this. You’ll be taken back to that  ”Add Static HTML to a Page” button page, so just click on it again.

2. You’ll be taken to another page that’s labeled “Add Static HTML: iframe tabs?”  Your site should appear here; if you have multiple Fan Pages, there should be a drop-down list with the name of your Facebook Fan page.  Choose your Fan Page from the drop-down:

3. On the next page (which will look suspiciously like the previous page, actually), click the “Add Static HTML: iframe tabs” button:

You may be taken to a page that looks like this, especially if it’s the first time you’ve tried to add code to your Facebook Fan Page like you are now:

Test Bed testytest

If so, go ahead and click on the HTML app, the one we’ve outlined in the red box.

4. You’ll then be taken to your Facebook Fan Page.  A new tab for “Welcome” will appear in your tabs, beneath your cover photo. If you have a lot of tabs already, you may need to click on the button to open them up and find it. When you do, click on it to open the tab.

5. Go to http://www.isageeks.com/fbcode.  These next steps will seem technical, but they’re not.  Stay with me here – we’re almost done.

6. On that page, you’ll need to enter your Isagenix retail site username – this is just the first part of the web address for your retail site.  So if your retail site web address is http://brian.isagenix.com, then you’d enter brian in the “Retail Site URL” box.  You then need to pick your country and language from the drop-down list.

7. Click the “Generate Code” button. This will do just that – generate your code.  It will also automatically highlight all the code, so all you need to do is right-click on it, and choose “Copy“:

8. Go back to your Facebook Fan Page. Click on that new “Welcome” box.

You’ll be taken to a page that looks like this at the top:

Test Bed testytest4

Click on that “Edit” button. You’ll get a page with a box that looks like this:

Test Bed testytest5

Enter in that code you copied earlier into the “index.html” box. It will go where we’ve already added our own sample code above.

Click the “all saved” button.

Booyah!  You’re now officially the proud owner of a Facebook Store.  To see your handiwork, click the “Preview” link on the next page.

You may also want to give your new tab an image to make it stand out on your page. We’ve created this image for just that purpose:

Just right click the picture above, and select, “Save As.” Save it somewhere you can get to it. Now open all of your tabs on your page hitting that button I mentioned before. When you mouse over your “Welcome” tab, you should see a little pencil icon on the corner. Click that, and then select, “Edit Settings.” Click on “Change” next to “Custom Tab Image,” and upload that picture we gave you.

Now… who’s awesome?

About the author

Brian Uber-geek and compulsive gadget junkie. Web dude. Fu-manchu-rocking bald guy. Director of Member Solutions. Overall super-busy cat. All that and a tic-tac.

89 thoughts on “How to Set Up a Facebook Storefront

  1. How to link a web addy to personal Isagenix site? on

    I recently bought a w eb address through Go Daddy and I am trying to figure out how I can tie that web address to my isagenix personal site. Another words if I direct people to my new go daddy . Com site that it will tie into my namesake isagenix site? Please advise. Thank you. I did not see a phone number to contact you, isageeks..

  2. c.santana on

    Ok i guess because i am not germany :0(
    i can not get this I did not get the two pull down menus.

  3. Help, please! I followed all the steps excellently delineated in HOW TO SET UP A FACEBOOK STOREFRONT. Yet, after pasting the html code in the content box, when I clicked (numerous times)”view your tab as a non fan” the page refreshed back (numerous times)to the edit page displaying the html code. Whereupon, thinking I should repeat the process from zero—I deleted the “Welcome” button on my fan page. In turn, I deleted the STATIC HTML: iFRAME TABS, altogether. Now, as I am attempting to redo the process from scratch, when I navigate to STATIC HTML app, the pop-up states the app is already in operation for all applicable pages!? Can you please help wrap my mind around this techno-conundrum? Many thanks!

  4. When I generate code and save and view tab – I can see it and it looks fine. But if I go out of the page and back – viewing as either a fan or non fan it is no longer there. Just empty code box.

  5. i’m having the same issue as Anne above – when entering My Isagenix Store, i am getting 2 empty boxes (Enter Contents here, and Fans Only Content)

  6. Samantha on

    I have tried to set up the facebook storefront. Following your steps but when I get to the last step of save adn view, there is nothing on my page. Not sure what I am doing wrong. I have the new timeline fan page so not sure if there is a step I am missing.

  7. Perla Cox on

    Hello, i would like to set up my store front, but can’t. when i go to the web address on facebook there is no go to application tab. can you please tell me what do do. I have tried for two days now. i’m a little frustrated. Thank You.

  8. Dr Steve key on

    Please upgrade this info for the new timeline format for FB. The info is not the same for the new FB format. Thanks.

  9. Jenn on

    I just recently did my isagenix business website. I have followed your facebook fan page steps and how to set up my store front and thanks for that. But was wondering if you could help assist me on where and how to get the right traffic any tips would be greatly appreciated thanks :)

  10. June Townsend on

    I am trying to follow the steps to setting up a storefront on my FB fan page. The first link, doesn’t take me anywhere to select the ap. Has something changed?

  11. Carla Sautell on

    I followed the instruction and entered the facebook code and then saved. When i hit preview it just shows a blank area and nothing else. What am I doing wrong?

  12. weaver on

    quick question…

    can you set up more than one storefront on the same fan page?… reason i’m asking is that you ask us to pick a ‘market’ area – ie USA…

    so, with having to pick that one market does that pose any problem with anyone from another market (ie mexico, etc) buying from your fanpage isa storefront?…

    and if it does.. would you want to set up other storefront ‘tabs’ for the different markets?… hope this makes sense…

    many thanks… :o)

  13. Evelyn Keiling on

    Have these instructions been updated for the new FB timeline apps?

  14. Casey James on

    Just a quick heads up … the instructions do need to be updated …. Static iFrames has changed how to do the setup and the code generator area is now different – the visuals posted here will throw new people off on how to do this … I just set someone’s up for them and only because I have done it a few times was I able to get it to work ……. just my two cents :)

  15. What if I already have a facebook fan page? can I use that one or do I need to set up another one for the store front? Thanks in advance for your help!!

  16. Shannon Taylor on

    Hello,
    Is it possible for us to get an updated version of these instructions?

    Thanks,
    Shannon

  17. Martha Vaughn on

    I cannot get the storefront into my facebook page with the html static button. Its just an empty page, now that I have generated the app for the html it will no longer work because it says its already installed. Can you please help? Thanks!

  18. Tamie Cox on

    I tried to create a fb store front but there is a error message. Is there another app we can use or will this be fixed soon?
    The app “Static HTML: iframe tabs” is temporarily unavailable due to an issue with its third-party developer. We are investigating the situation and apologize for any inconvenience.

  19. This no longer works with that app. one in no longer looks like this when you get into it. 2 if does not allow you to have an image without paying $29 a month. is there another app we can use?

  20. Completed the store front procedure. When I preview it says page not found. I press my website at top of the page and it gets me in but it’s half english half french

    • Rachel Coonley on

      @Catherine: My apologies, but as the note at the top of this post indicates, the Static HTML app on Facebook no longer works with our code. We’re looking into other options.

    • Rachel Coonley on

      @Sharon: At this time, we haven’t found a free solution yet. We’re still trying, though!

  21. I’m still having trouble trying to get my store onto my facebook fan page, every time I place my code into the box and click save all it trys to charge me $29 a month!!!! Please help!!!!

    • Rachel Coonley on

      @Katrina: Unfortunately, Facebook’s functionality has changed, and the Static HTML app no longer works with our code. This is a known issue, and we are attempting to find another storefront solution for you.

Leave a Reply

Your email address will not be published. Required fields are marked *

* Copy This Password *

* Type Or Paste Password Here *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>