When looking for a PrestaShop WordPress plugin, your search would most likely begin in the WordPress plugin directory. At this time, finding one PrestaShop WordPress plugin that can easily integrate PrestaShop with WordPress is quite a challenge. Of the few plugins available, they either involve paying for a PrestaShop module or making changes to WordPress template files. Fortunately, there are alternatives that will allow you to feature PrestaShop products in your WordPress site. This tutorial guides you through using a combination of two WordPress plugins to easily display products from your PrestaShop store on your WordPress site:

  • PHP Code Widget - This plugin allows us to insert PHP code into a widget in our WordPress sidebar.
  • WordPress-PrestaShop Cross Sales - This PrestaShop WordPress plugin allows us to use some PHP code to display products from our PrestaShop store. The instructions for this plugin state to edit your template files, but we're going to use an easier way to insert this code into our WordPress site.
  1. Begin by installing and activating both plugins.
  2. First we will configure the PrestaShop CS plugin to work with our PrestaShop store. Select PS Database Config under PrestaShop CS from your WordPress dashboard menu.

    prestashop-cs-menu-db

  3. The database settings to enter here will be the same settings you used when you installed PrestaShop. If you have any trouble remembering the settings needed to connect this PrestaShop WordPress plugin, they can be found in your settings.inc.php file in the config folder inside of your PrestaShop directory (e.g. yourdomain.com/config/settings.inc.php). You can use the cPanel File Manger to view that file if needed. Click Update Database Options to save the database settings in the PrestaShop WordPress plugin.

    prestashop-cs-db-settings

    presta-setttings-inc

  4. Next, select PrestaShop Settings under PrestaShop CS in your WordPress dashboard menu.

    prestashop-cs-menu-settings

  5. Enter in your PrestaShop Store Settings in the fields provided and click the Update Options button:
    Store URL The URL of your PrestaShop website followed by a forward slash (/)
    Product iamge folder The default product image folder path is img/p so the full URL will be similar to: http://yourdomain.com/img/p
    Product image size Choose what size you want the product thumbnails to be when displayed in WordPress.
    PrestaShop default language Be sure to set this to match your PrestaShop default language (PrestasShop back office > Tools > Launguages > Language options).
    Select product from Whole database will show a random selection from all of your PrestaShop products. One category will display an additional field where you can input the ID of the category you want to display products from.
    Category name (if one category selected from field above) Be sure to input the category ID (not the name) into this field. You can view category IDs under the Catalog tab in your PrestaShop back office.

    prestashop-cs-store-settings

  6. Our next step is to input some code into our PHP widget so we can use the PrestaShop WordPress plugin to display our products in our WordPress sidebar. From the dashboard menu, select Appearance > Widgets.

    wordpress-appearance-widgets

  7. On the Widgets page, drag the PHP Code widget into your sidebar area.

    wordpress-php-code-widget

  8. Put in the title you want to appear in the sidebar above your products and insert the following code in the text area of the widget:

    wordpress-php-code-widget-with-code

  9. Click the Save button on the PHP Code widget.

    wordpress-php-code-widget-save

Congratulations! You've just added your products into your blog by using a PrestaShop WordPress plugin along with the PHP code widget plugin. This is a great example of how sometimes you can use combinations of modules and/or plugins to accomplish something if you can't find a single plugin or module that works for you. You can visit any page on your WordPress site that has a sidebar to see your PrestaShop products on your WordPress site:

prestashop-products-wordpress-sidebar

Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve this article:
Email Address
Name

new! - Enter your name and email address above and we will post your feedback in the comments on this page!

Did you find this article helpful?

Post a Comment

Name:
Email Address:
Phone Number:
Comment:
Submit

Please note: Your name and comment will be displayed, but we will not show your email address.

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Need More Help?

Help Center Search

Current Customers

Email: support@WebHostingHub.com Ticket: Submit a Support Ticket
Call: 757-416-6627 Chat: Click To Chat Now

Ask the Community

Get help with your questions from our community of like-minded hosting users and Web Hosting Hub Staff.

Not a Customer?

Get web hosting from a company that is here to help.
}