Blog

How to add your shopping cart to MySpace

Posted 13 January, 2010 by qetzal. Posted in How to

MySpace logo One of the Ecwid advantages is the ability to deploy and use the application on different sites or social networks at the same time. This enables an enormous grow of number of your potential customers.

We already described how to create your own Facebook shopping cart and make your store available to 350 million of active users. In this post we’ll instruct you on adding your Ecwid to MySpace — another large social network with millions of users.

No PHP knowledge or hosting expenses are required.

Follow the steps below:

1. On page http://developer.myspace.com sign in your mySpace account.

2. Click "My Apps".

3. Press the "Create New App" button.

4. "Create App" page will appear. Press the "Create On-site App" button.

5. Submit the App details.

  • Application Title is your store name.
  • Email and Password will be used to access your app.

Accept Terms and Conditions and press "Next".

6. A new page will appear. Press the "Skip this step" button.

7. Now you should setup your app settings. Set an application language, title, description and upload icons.

8. Select the app categories.

9. Leave all the other fields unchanged and press "Save".

10. Go to the "Edit App Source" tab.

11. Make sure that "Canvas Surface" tab is selected. You should setup the main store page in this tab with all products and categories displayed.

Set "Height" to the necessary store height (for example, 700px) and "App Type" to "HTML/JavaScript Source".
Then sign in to your Ecwid control panel and grab the integration code from "Dashboard". Insert it to the "HTML/JavaScript Source" field.

It should look like this:

12. Press the "Save Application Source" button.

13.(optional step) Go to the "Profile Surface" tab. Add an HTML code that will show on a user’s profile page when he/she adds your app to the profile.
Make sure that "Add type" is "HTML/JavaScript Source". Set app height and location.
Add an HTML code or just a text describing your store to the "HTML/JavaScript Source" field. It’d be a good idea to add description of your store there, its logo, some ads and featured products.

Press the "Save Application Source" button.

14.(optional step too) Go to the "Home Surface" tab. Add an HTML code that will be shown on a user’s home page.

Save the application source.

15. The two previous steps (#13 and #14) can be skipped and performed later.

16. The next step is to test your application. Use "Dev App" button at the page bottom. Its behaviour depends on the current tab. If you press it in the "Canvas Surface" tab it will show you the main app window.
In the"Profile Surface" and"Home Surface" tabs it will display the profile and home pages respectively.

Please note, if you want to test your app on the home and profile pages, you need to add it to your profile first. You can do it during testing of your app’s Canvas Surface.

17. Press "My App" again in the MySpace menu.

18. Your application is almost ready.
If you want to make your app available for all MySpace users, you need to publish it. Press the "Publish" button and as soon as MySpace staff reviews your app it will be approved and available for all.

If you have any questions, feel free to ask them on Ecwid forums.


No Comments Leave a comment

3 Trackbacks

  1. How to add your shopping cart to MySpace | Ecwid: E-Commerce Widgets | Drakz Free Online Service
  2. How to add your shopping cart to MySpace | Ecwid: E-Commerce Widgets | Drakz Free Online Service
  3. Tweets that mention How to add your shopping cart to MySpace | Ecwid: E-Commerce Widgets -- Topsy.com

Leave a comment