How to Put a Store on our New Mobile Networks

[Scott Bishop]

You can place a store onto your mobile network using an affiliate store site. In this tip I'm using Amazon aStore. (You will need to know basic html coding!) (You will also need an additional hosted server like Godaddy.)

 

Setting up your mobile page:

1) Go to "Mobile" under the "Settings" in your Manage section.

2) Click on the big green + sign.

3) Click on the "page type" drop down menu and select "HTML".

4) Title it with "Store" (or whatever you call yours).

 

Creating html (to place in the HTML box just under step 4 above):

5) I created a Table with 3 rows & 1 column. (100% width) See attachment.

6) In the top column write in "Mobile Store from your Android and iphone" (I do this for  SEO purposes - Ning as not yet provided us with a way to change the mobile urls & meta tags so some sentencing in here might help)
            *at the end of the sentence I typed "Desktop" with it linked to my actual website store, Surf Shop.

7) In the second column I created an iframe with a width of 100% and length of 4000 with the source of step 12 below.

8) In the third row I placed more text about my Mobile Store again for SEO purposes. (Write a little about your mobile store here)

 

I created pages with my Amazon aStore on my server (you will need a hosted server to do this!)

9) I made a template page with another table of 2 rows and 1 column (100% width).

10) In the first column I made brand name icons (that link to other pages I created for my mobile store).

11) I created an aStore widget at a width of 320 with 2 column products and 10 rows and embedded it into the 2nd column.

12) I saved & uploaded this page onto my server and called it: "/mobile_store.html" I now have my iframe "source" for step No. 7  

13) Now place the iframe of step 7 into the HTML box of step 1 thru 4.

 

Create more pages onto your server with steps 9 thru 13:

14) Change the store widget with another category of products.

15) I embed the widget into step 11 above.

16) I saved it as "/mobile_store-2" and uploaded it to my server.

17) Link the appropriate icons from step 10 to step 16 (or step 18)

18) Repeat step 14 thru 17 until you have all your store categories.

 

Please see my Mobile Surf Store and let me know what you think!

My mobile surf shop was just created last night so it has a good week of work on to go. By the end of next week there will be many changes. You can come back to review it as I go at:

Mobile Surf Shop

[Saurabh Jain]

I understand your steps and get new html page created and get those incorporated as suggested in step 5 onwards. But my question is what will be the link for activity, blog, photo etc on my forum (http://genieknowledge.ning.com/m). e.g currenty for discussion page it show this link http://genieknowledge.ning.com/m?id=6164989:MobilePage:42870

What is this id=6164989:MobilePage:42870

Is this dynamic generated number or static and if i link this, will it work for discussion page?

[Scott Bishop]

You will still have your drop down menu that Ning gives us with the links to those pages because your newly created html page is iframed in there.

You can also place your own drop down menu in there like I did. See: http://surfer-shot.com/m?id=2432764:MobilePage:54883

On steps 14 thru 18 I created on to a separate server but it will still be called on into the iframe of your Ning mobile site.

As for the long link: Right now Ning is not offering custom mobile url's & meta tags for SEO. I voiced out about this in a different discussion... BUT, since I made pages via my own server (steps 14 thru 18) I gave those their own meta tags.

[Patrick Chappelle]

I would recommend you create a separate discussion and ask if anyone is willing to teach you HTML and CSS. You might also want to check into W3schools, they're an excellent resource for learning these things. There's no way anyone can instruct you in a simple reply in these forums.

[Scott Bishop]

I did mention above "(You will need to know basic html coding!)"

[Patrick Chappelle]

Precisely. I don't know it enough to build anything from scratch, but I do know how to "cheat". Heh-heh.

[Scott Bishop]

Cheating works!!! Copy & Paste (then tweek to your style). You learn a lot from cheating.

I highly suggest purchasing DW8 or something similar.

[Patrick Chappelle]

Thanks for the suggestion, Scott!