Tutorials

How to Integrate WordPress blog into eCommerce Magento Website

Pinterest LinkedIn Tumblr

Working with an open source platform provides you the limitless opportunities to extend your Web application project. If you are interested in using WordPress for the community elements and Magento for an eCommerce store, then it’s completely possible. No doubt that WordPress is one of the best and easiest platforms to robust your blog in the blogging industry and it is the best tool to integrate with your Magento eCommerce store and very helpful in SEO of your online store.

WordPress Magento integration

Web developers know that Magento is the best platform to build an eCommerce website and WordPress is the best blogging software. Although, WordPress is also a great CMS for running eCommerce sites some still prefer Magento.

There are many ways to integrate your WordPress Blog into Magento store, either you can use Magento extensions to integrate WordPress blog which can be dysfunctional if one of them you upgrade to the latest version or a hybrid solution in which you can add some code to your Magento page, so WordPress post can match with Magento page.

In case you only want to use WordPress for your eCommerce website, there are lots of reasons: read “Why to choose WordPress as an eCommerce platform.”

There are cool eCommerce themes and WordPress Plugins for shopping cart and Best WordPress eCommerce Themes & Shopping Cart plugin.

Matching Theme Design of WordPress with Magento Store

If you already have a website on Magento and want to convert your same design into a WordPress powered website or in case you to match your WordPress blog with Magento theme for blog integrations. In the above scenarios, you have to modify mostly following WordPress files: header.php, footer.php, style sheet file (style.css) or may be sidebar.php to match with Magento design. Magento themes are little complicated because developers have to change XML file and xhtml files as well. But WordPress themes are easily customizable. For header file all you have to consider <HTML>, <head>, <body>, add site’s logo and navigation links into header file. Keep in mind all the opening and closing div tags, especially the main div must be close in footer.php or index.php file according to WordPress theme. Your footer.php file must have closing </body> tag and </html> tag.

The most important part of styles.css CSS stylesheet, you’ll want to include whatever styles you need to make your blog look like your Magento shop. This is the best practice not to duplicate all of the styles in your Magento stylesheet in your blog’s stylesheet. The best way is to import Magento theme’s stylesheets URL into your WordPress Theme’s stylesheet styles.css.

/* imports Magento theme's styles */
@import url(/[path-to-magento]/skin/frontend/[your-theme]/default/css/menu.css);
@import url(/[path-to-magento]/skin/frontend/[your-theme]/default/css/boxes.css);
@import url(/[path-to-magento]/skin/frontend/[your-theme]/default/css/reset.css);
@import url(/[path-to-magento]/skin/frontend/[your-theme]/default/css/clears.css);

How to display WordPress Blog content on a Magento page

Running both WordPress blog and Magento eCommerce to gather provide you lots of edges according to SEO point of view and integration of creativity and productive to gather. There are lots of ways to achieve this task. One way to Create an RSS feeds for Blog content and display this feed into your Magento page. There is an excellent explanation “Add Feeds to Your Site With MagpieRSS,” On the other,  there is a straightforward and easy way to display blog content on  online store’s page by using PHP code as follow:

One of my fellows have given the solution for creating a custom page in WordPress, but I haven’t created any custom page and achieved the required result by using following steps from Easy WordPress and Magento Integration.

So here’s how you create a new block template:

  1. Navigate to /[path-to-mageneto]/app/design/frontend/[your-theme]/default/template/
  2. Create a new directory within the template directory called blog
  3. Within your new directory blog, create a file called blog.phtml
  4. In your blog.phtml file, place the following code:
<?php $source = file_get_contents("http://www.your-website.com/blog/share"); print $source; ?>

Place the block based on your new template on the Magento CMS page you want the blog content to display on

{{block type="core/template" template="blog/blog.phtml"}}

WordPress and Magento Integration Extension

1. Single Sign-On For Magento And WordPress

Single Sign On Magento WordPress
You are creating a website, or own a website, that is built using a mixture of Magento and WordPress. It may be that WordPress is used to manage pages and a blog, while Magento is used purely for its e-commerce functionality. Or perhaps all your pages and e-commerce functionality are managed through Magento, and WordPress is simply there as a blog platform.

Detail

2. Lazzymonks WordPress Integration 2.61

WordPress and Magento must be installed in the same database. Failure to do so may cause unexplained things to happen.

Detail

3. WordPress Integration

FishPig’s WordPress Integration is an extension for Magento eCommerce that integrates your WordPress blog with your Magento store. The extension is compatible with Magento Enterprise, Magento Professional, and Magento Community Edition.

4. Blog – Community Edition

The Blog extension from aheadWorks is reckoned among the best buzz and word of mouth marketing tips. It not only provides your regular customers with up-to-date information but brings additional visitors to your site, builds relevant SEO-friendly text links, and serves as assistance in building sales strategy.

Detail

Noor Mustafa Raza

I am a WordPress Developer and Designer, author @WPArena. I am providing Free WordPress consultation and can help you to install WordPress in a secure way to small businesses and bloggers.

1 Comment

  1. Noor Mustafa Raza
    B'wire Consulting Reply

    Normally all magento websites, which sell products online want a WordPress blog to be integrated with their website, so that they can update news release, PR and fresh blogs on the website on a weekly basis. This is going to be of some real help to novice programmers who are asked to integrate WordPress blog into an e-commerce platform.

Write A Comment

Pin It