WordPress Magento Theme Integration: A Tutorial

WordPress is one of the most popular content management systems in use today, so it’s understandable that one of the most frequently asked questions we receive revolves around WordPress Magento theme integration. Fortunately, the process is relatively simple and involves using the Magento WordPress Integration extension tool that you can download from the Magento Connect store.

Clear the Cache Before Proceeding With WordPress Magento Theme Integration

First you’ll need to clear the cache. Go to System->Cache Management. Click on Flush Magento Cache.

Back Up Data

The next thing you’ll need to do is to back up your data. In order to do that go to System->Tools->Backup.

Login to Magento Connect Manager

After your data is backed up go to: System->Magento Connect->Magento Connect Manager

wordpress-integration1

Login using the same information you used for the Magento admin area.

Enter Magento Connect Manager

Click the Magento Connect link located under Install New Extensions tab. That will take you here:Click the Magento Connect link located under Install New Extensions tab. That will take you here: www.magentocommerce.com/magento-connect/

wordpress-integration2

Choose WordPress Integration

In the search box, type in WordPress Integration and press Enter. Select the one that is circled below.

wordpress-integration3

Install WordPress Integration Tool

Once here, press Install (you might have to login or create an account on Magento Connect before you can download extensions). Press the Select Key, then copy the key by pressing CTRL+C or right click your mouse and pick copy. Go back to Magento Connect Manager and paste the key under the Install New Extensions tab. Then press Install and proceed.
Click on Return to Admin located at the top of the page.

wordpress-integration4

Complete the Installation

Once you are back to the admin log out, you’ll need to log back in to finish the installation.
To make sure the extension installed, go to System->Configuration->Advanced and you should see this:

wordpress-integration5

There is also a new link in your top navigation:

wordpress-integration6

Modify Settings

Now you need to modify the settings and your WordPress information to make the extension work. Go to System->Configuration WordPress Integration tab is located on the left side.

wordpress-integration7

Thanks to the integration tool, WordPress Magento theme integration can be accomplished easily. More information about the extension can be found here: fishpig
Get expert Magento development from a company with a team of U.S. based developers with 18 years of development experience. Our work on hundreds of complex e-commerce projects includes:

m-logo
  • New Site Development
  • Magento Upgrades
  • 3rd Party Web Services Integrations
  • Mobile-friendly Designs

Contact UsSupport

Name*

Phone Number*

Email Address*

Project Description*

Input this code:*

captcha

Support

For 24 x 7 support on your current project or hosted website, visit our help desk. Our knowledgeable staff is ready to assist you with any issue or question. We also offer an ever-expanding knowledge base with helpful tools and how-to information.

Visit the Help Desk

logo

Areas of Service

Insightful Strategies

  • Business strategy
  • Ecommerce tactics

Beautiful Designs

  • Responsive design
  • HTML 5
  • CSS 3

Skilled Development

  • Data migrations
  • Custom extensions
  • Integrating ERP, order
    management, accounting
    and other systems

Managed Services

  • Magento Hosting
  • SEO & advertising
  • Training & support

Testimonials

“Web2Market has surpassed our expectations. Everyone on staff is very knowledgeable, always available and willing to do what it takes to meet our needs. Our confidence in Web2Market’s design, programming and management abilities allows us to relax and focus on other projects, knowing the job will be done right, on time and within budget.”
– Greg Owens, Webmaster, BBB Industries
Read more testimonials

Magento Case Study

img_cont

[mp_code]

Portfolio

[/mp_code] View more designs