How to build your own amazon affiliates store in wordpress page?

Amazon aStore was parts of amazon associates program, By linking to Amazon products and services you can add compelling content for your site visitors enjoyment and receive up to 15% in referral fees for doing so.


As one of the first online affiliate marketing programs, Associates has a 10-year track record of developing solutions to help website owners, Web developers, and Amazon sellers make money. amazon latest innovations was include aStore, Omakase™ Links, and Product Previews.

aStore is a program for Amazon affiliates, that wishes to have their own niche online store, without having to buy inventories, managing payment and shipping. Affiliates can choose on what products they want to sell in their aStore and able to customize the look to meet their website and niche look.

However, there are 3 ways to display aStore, whether it’s a (1) standalone site, and integrating to affiliates website using (2) inline frame and (3) a frame set. The 2nd and 3rd option is super cool. Imagine this, your visitors can shop on your aStore without leaving your website.

in this case i will take you to build your store by own, it will be take two way to make this happend.

FIRST TUTORIAL OPTION

by using inline frame, which can make your aStore look and feel match with your website as it still using the same Header and Footer. Lets Start

a. Customize Your aStore look

Some notes on this step are:

1. Choose products that fit your niche for super wide range Amazon products.
2. In aStore set up wizard, don’t use the Header as it will be contrast with your blog’s default header.
3. If your blog’s sidebar located at left side, then choose the store’s sidebar opposite from your blog side
4. It’s better to edit your store’s CSS to match the feel of your site.
5. When it’s all finish, choose to display your store using inline frame. and Copy the code.

b. Create a new Custom Page for your aStore

1. Copy your page.php file using FTP, rename the file to store.php or whatever you like.

2. Edit the store.php file using your text editor. To remove the sidebar (because you’ll be using your aStore’s sidebar), find this line of codes and delete it:

<?php get_sidebar(); ?>

After that, add this codes at the beginning of store.php file:

<?php
/*
Template Name: Store
*/
?>

Finish? Save it and FTP the store.php file to your template folder.

3. Now find this (or by the likes):

<div class=”post”>

And change it to sort of like:

<div class=”post store”>

and then styled in the CSS using:

.store { width:30em; } (my aStore was 90em)

4. Back to your Wordpress Dashboard, write a new page, name it Store.

5. Scroll down and find Page Template drop down, choose Store template. You might need also to set the Page Order for your store page.

6. Now copy your inline frame code from Amazon, and paste it to your new page (don’t use Visual mode, use HTML mode instead).

7. Publish your Store Page and you’re done.

SECOND TUTORIAL

This Tutorial was the easiast way to build aStore.

1. Create a custom page template for Wordpress, for example astore.php

2. Insert the following code into the astore page template.

/*
Template Name: Amazon aStore
*/
?>

<iframe src=”http://astore.amazon.com/bringmelive-20″ width=”90%” height=”4000″ frameborder=”0″ scrolling=”no”></iframe>

<?php get_footer(); ?>

Replace the aStore URL with your own. If you don’t have one, join Amazon Associates now.
3. Upload the new template (astore.php) with aStore code to your Wordpress theme’s directory.
4. Write a new Wordpress Page.
5. On the Page Template at the side, choose astore.
6. Save the page and Publish you aStore to the public. Your Amazon aStore is ready. The Amazon Store with Your blog header and footer. Nicely blend in to the blog design.

CHECK MY AMAZON ONLINE STORE

Popularity: 40% [?]

You Should Also Check Out This Post:

More Active Posts: