How to Integrate WordPress blog into e-Commerce Magento Website

Nur . Posted in How-To, Plugins, Themes 1172 Views

Working with open source platforms, provide you the limitless opportunities to extend the your Web application project. If you are interested in using WordPress for the community elements and Magento for eCommerce.  No doubt that WordPress is one of the best and easiest platform to robust your blog in the blogging industry and it is the best tool to work with your eCommerce website powered by Magento and definatly very helpful in SEO of your on-line store.

Web developers know that Magento is the best web software to build an eCommerce websites and WordPress is the best blogging software, There are many ways to integrate your WordPress Blog into Magento web 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 into 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 choose WordPress as an E-Commerce platform“. There are excellent eCommerce themes and WordPress Plugins for shopping cart  and Best WordPress Ecommerce Themes & Shopping Cart plugin.

How to Customize WordPress theme according to Magento Desing


If you already have website on Magento and want to convert your same design into WordPress powered website or in case you to 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 filea and phtml 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, specially the 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 for 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 stylesheetstyles.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);

Source: Easy WordPress and Magento Integration

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 way to achieve this task. One way to Create a 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 very simple and easy way to display blog content on  online store’s page by using PHP code as fellow:

One of my fellow have given the solution about 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


Single Sign-On For Magento And 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 it’s 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

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

WordPress deluxe for a fully integrated solution for magento

Combining Magento and WordPress provides a big thumbs up for SEO, ease of use and performance.

SO WHY USE THE WORDPRESS MAGENTO EXTENSION?
Includes breadcrumbs
Supports SEO Urls
Supports META tags
It is free! (we can also install it for you for a small fee)
It comes with a feed widget for both comments and posts
Now integrates Magento user’s profile for posting comments

Detail

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.

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

Other Useful Resources:

Integrate WordPress and Magento
Magento / WordPress Integration
Magento Template Advices Part 2
Free Magento Theme: HelloWired
Mage Enabler: A plugin to run Magento’s session within WordPress
How much do you really blog on your Magento shop?
Integrating a WordPress blog into Magento
Magento and WordPress go togather like Chocolate and Peanut Butter
Horizontal Product Slider Magento Extension
MasterPass Master Password for Magento
Magento Third-Dimension Ebook Extension
Pro Google Anaylitcs Tools for Magento
Best Magento Themes for Your Online Store
How to integrate Magento into WordPress e-Commerce site

Nur

I am a Wordpress, Website Developer and Designer, creator @ WP Arena, Provide Free WordPress consultation and can help to install WordPress in a secure way to small businesses and bloggers.

Free & Professional WordPress Security Service Free & Professional WordPress Security Service

We Love WordPress. WordPress Arena is a place for WordPress Developers and Designers, providing Tips, tricks, tools and resources to build a website or blog on WordPress. We also present The WordPress Showcase for all kind of WordPress Powered Websites.


Copyright © 2014 WP Arena All Rights Reserved

Divi WordPress Theme