≡ Menu

Embed an Amazon aStore in a WordPress Site

img

How to Embed an Amazon aStore in a WordPress Site

This video shows you how to create an Amazon aStore and insert it into a WordPress website.  The WordPress theme used in this video is the Lifestyle theme by StudioPress.  Please note that although we use the LifeStyle theme in the tutorial video, this process for inserting an Amazon aStore will work for just about any WordPress theme.  Here are the exact steps for creating an Amazon aStore and embedding it in your WordPress website…amazon astore wordpress Embed an Amazon aStore in a WordPress Site

Creating an Amazon aStore

Step 1 – Upload the aStore_page.php File to your WordPress Theme:  The first step in this process is to Upload (via an FTP client) the “aStore_page.php” file to the LifeStyle theme (or to whatever WP theme you are using).  Astore_page.php is the file that you will edit in the WordPress admin in the final step of this process. 

You can Download the “Astore_page.php” file by clicking this link —>>> aStore_page.php (unzip and save this file to your Desktop > then upload it via FTP into the root of your theme)

Step 2 – Create the Amazon aStore:  After you’ve uploaded the “aStore_page.php” file to the root of your theme, the next step is to create the aStore in your Amazon Associates account.  To create your aStore login into your Amazon Associates account and click on the “aStore” tab > click “Add an aStore” > create a unique tracking ID for your aStore (in case you have multiple niche amazon affiliate sites) >  click on Add Category Page and enter a Category Title > from the drop-down select “Add products by Amazon.com category” > click “Select an Amazon Category” > select the category that fits your niche site > enter Keywords that describe the products you want to offer for sale in your aStore and click “Save” > Your first product category has been created and you now have the option of creating more product categories if you so choose.  There is no limit to the number of product categories for your aStore.

Once your product categories have been created click on the “Continue” button to go to the aStore customization / styling page.  On the aStore customization page we recommend matching the aStore color scheme with your WordPress site color scheme.  Matching the color schemes will help the Amazon aStore blend into your WP site.

The next step in the process of creating your Amazon aStore is to decide on the sidebar placement.  You have the choice of having the sidebar display on the left or the right-hand-side of the aStore.  Our recommendation is to keep the aStore consistent with the navigation of your site.  Therefore, if your site has left-side navigation then choose the “Sidebar left” radio button.  If your site has a right sidebar then go with the “Sidebar right” radio button.

The last step in creating the aStore in your Amazon Associates account is to click the “Finish and Get Link” button at the bottom of the page.  On the “Get Store Link” page you need to specify how you would like to embed the Amazon aStore into your WordPress site.  The 3 options to choose from are as follows; 1. Simple link to my store as a standalone site 2. Embed my store using an inline frame. 3. Embed my store using a frameset.  Choose the middle option, “Embed my store using an inline frame“.  Highlight and Copy the code that was automatically generated when you choose to embed the astore using an inline frame.

Embedding the Amazon aStore into your WordPress Site

Step 3 – Paste the aStore Code into the a Store Page Page Template File:  Log into your Website’s WordPress admin and go to Appearance > Editor > click on “a Store Page Page Template” > paste your aStore code over the existing code as shown in the video above > save the update and your aStore will be live on the website.

Teddy Triton

I'm a blogger and the founder of UploadWP.com. Upload WP was originally created as a training tool for my Flippa.com clients. Having bought and sold a large number of WordPress sites on Flippa, I needed an effective and efficient way to teach people how to make updates to their new sites. Upload WP was the answer and the site has since grown into a leading WordPress Tutorials destination. I enjoy helping people solve their WordPress related issues. If you have any questions or a WP issues that you need help with, please leave a comment below and we'll do our best to help.

View all contributions by

{ 12 comments… add one }

  • uploadwordpress.com October 13, 2010, 8:54 am

    Retwitted this. Greetings from the Speedy DNS

    Reply
  • Bubble Machine May 19, 2011, 6:45 pm

    Fantastic stuff from you, man. Ive read your stuff before and youre just too awesome. I enjoy what youve got here, enjoy what youre saying along with the way you say it. You make it entertaining and you still manage to keep it intelligent. I cant wait to read more from you. This is really an excellent blog.

    Reply
  • European Car Insurance May 19, 2011, 8:05 pm

    What I wouldnt give to discover how you got your design to be so wonderful! I mean it. Besides the weblog just becoming awesome, this page is too sweet! Its not too flashy. It doesnt do too much with colours and points and the videos you use are best for this topic! Truly, awesome blog.

    Reply
  • Geoffrey Cockriel August 22, 2011, 2:49 pm

    Your site How to Embed an Amazon aStore in a WordPress Site | Upload Wordpress looks kind of ugly on my iphone but it is really well written though. Thanks for the information!

    Reply
  • Guy November 13, 2012, 4:16 am

    Did everything shown above and in the video but there was no mention on how the store is to show up on your website. How am to get my store on my nav menu? Please send me instructions.

    Reply
    • Teddy Triton

      Teddy Triton November 20, 2012, 4:56 pm

      Hi Guy – Thanks for your question. Adding a “Store” link to your navigation really depends on the Theme that you’re using. For most WP themes, you’d simply need to create a “Store”…

      More specifically, in your WordPress admin go to Pages > Add New > give the page a title of “Store” > on the right-hand side of the page under “Page Attributes” you’ll see a Template drop-down box – select “a Store Page” > Publish the page

      If you go out to your site and refresh the page your “Store” page should now show up in the navigation > Click on the Store page and you should see your Amazon aStore embedded in your site. Please see the screen capture below and let me know if this helps answer your question. Thanks – Adam

      Embed Amazon aStore in WordPress Site

      Reply
  • Darren December 20, 2012, 9:20 pm

    I am using the Responsive Theme. When I use your aStore template with my aStore code. My aStore gets clipped off at the sides. It cuts off a 1/3 of the amazon logo with shopping cart and on the right side it only says Shopping. Its cutting off the word Cart as in “Shopping Cart”. is there any way of fixing this

    Reply
    • Teddy Triton

      Teddy Triton December 21, 2012, 3:27 pm

      Hi Darren,

      I believe you’ll need to adjust the size of the aStore which you would do in your Amazon Associates account. Or, you might be able to modify the iframe code to reduce the width of the aStore. For example, let’s say you’re “Embed my store using an inline frame” code looks like the following…

      Try changing the width=”90%” to something like width=”60″

      So it would look like the following…

      Let me know if this helps solve the issue. Thanks,

      Adam

      Reply
  • Viktoria January 13, 2013, 2:06 pm

    Thank you so much for the page and the video, and the post! You are awesome! It works great and it’s exactly what I’ve been looking for!

    Reply
    • Teddy Triton

      Teddy Triton January 14, 2013, 5:30 am

      Thank You for the positive feedback! I’m glad to hear that our tutorial on embedding an Amazon aStore in a WordPress site has been helpful. Best of luck with your site going forward.

      Adam

      Reply
  • Brad February 11, 2013, 10:47 am

    Can I use this template to create pages for each product?
    To be able to use drop menus for books with subcategories?
    I’m trying to find the right words here….
    Can I use your template to create separate pages for separate items, instead of all showing in the one store page?
    BTW – I LOVE HOW EASY THIS IS :)

    Reply
  • Brad February 11, 2013, 10:58 am

    I tried duplication the Astore_page.php and renamed it Astore_page_books.php but it doesn’t show up as a Template when creating a new page(?)
    Is it possible to do this?
    Again, trying to create dropdown menus for each amazon webstore category.

    Reply

Leave a Comment