Follow

Prestashop

Step One: Install the plugin

Step Two: General Configuration

Step Three: Test & set-up the products feed

Step Four: Active the recommenders

Step Five: Edit the Look&Feel of the Recommenders

 

Es sencillo instalar nuestro módulo de Prestashop. Necesitas descargar nuestro módulo e instalarlo como cualquier otro de Prestashop. Después de la instalación te pediremos el token y que configures algunos parámetros así como la estrategia de recomendadores que quieres para tu tienda online.

Hemos preparado una guía de instalación y configuración paso a paso para nuestro módulo Prestashop:

Step One: Install the Module

If you have any older version of the module, please uninstall it completely and install the newest. You can download the BrainSINS Prestashop plugin in the following URL:

http://clients.cdn.brainsins.com/prestashop/brainsins.zip

Go to “Modules and services” in the admin panel of your online store and proceed to install the module in your Prestashop clicking on the next button located on the top-right of the page:

It will appear a section where you have to click on “Choose a file” and select the ZIP file that you should download before. Then, click on “Upload this module”.

Once the installation will be completed, scroll down to access the configuration (or install).

Step Two: General Configuration

Now it's time to configure our module. Go to your list of modules and click on “Configuration” in the BrainSINS module.

In that screen you'll be required to introduce certain configuration values:

  • Active: Mark it as checked to active the module.
  • Debug: Mark it as un-checked unless you are required to do so.
  • BranSINS Key: You should include your client unique token. You can find this information accessing our management tool and then go to Settings -> Account info.
  • Allow email sending to: If you want to track the user emails in order to use them in our email retargeting service. We recommend to mark it as "All users" so everything will be ok at any time for you to activate our email retargeting service. You can change it later anyway.

Click on "Update settings" to complete the process and continue with the next step.

 

Step Three: Test & Set-Up the Product's Feed

If our extension has been able to generate your online store's product feed, you will be able to access the feed in real time using the following URL:

http://catalog.brainsins.com/prestashop-loader.php?url=http://www.myshop.com.

NOTE: that "http://www.myshop.com" is the URL of your online store. Also note that the process of generating a product's feed may take up to several minutes.

After you have checked that our extension is able to generate the product's feed of your online store correctly, you need to access our management console and set-up the URL of the feed, so we can load automatically your product's feed. You need to follow the next steps:

  • 1.- Access our management console
  • 2.- In the "Optimization" section you will find the sub-section “Upload catalogue”. Click on that sub-section.
  • 3.- Click on advanced options to unlock the URL and automatic upload fields.
  • 4.- Fill the URL field with:

    http://catalog.brainsins.com/prestashop-loader.php?url=http://www.myshop.com

    Remember that “http://www.myshop.com” should be replaced by the URL of your shop.

  • 5.- You also can manage the frequency and the time intervals of the next automatic uploads. Take in advance that you can select ranges to upload and not an exact hour.
  • 6.- Finally, click on the green button “Reload Catalogue”.


If the upload was correct you could see the URL with the date and “ok”.

 

Step Four: Active the Recommenders

Once the feed have been uploaded, recommenders have the products to show. It’s time to active then. Open the configuration panel in our Prestashop plugin:

You will see three tabs inside the module. Click on “Recommenders” to see every web part where we can include a recommender: Home, Product, Cart and Checkout. To add a recommender just click on the “Add new recommender” button that show the following options:

  • Select the recommender type to show.
  • Select the page zone where you want to see the recommender.
  • Instead of select a zone, put the ID of the HTML container or a jQuery selector that you want to replace with the recommender.

NOTE: If you can’t see the recommender for any reason, go to configuration tab of the module and paste again the token (KEY). Then click on “Update settings”.

When you already have selected the options, click on the save icon on the right of the recommender:

An example configuration of a recommender un home page based on your last item visited that will replace the div which ID is “brainsins_div_home”:

 

Step Five: Edit the Look&Feel of the Recommendations

Just when you add a new recommendation block in your online store, the recommendations will show a basic look & feel, that in most cases wouldn't fit your online store's design. You can modify the look&feel of the recommendations by accessing our management console and then following the next path: Optimization > Recommenders > List.

In that screen you will see a list of the recommender available for your online store. You can modify the look&feel of any of the recommenders by choosing the "Edit style" button next to each recommender:

Once in the editor, you could see some options to change the colors, sizes, etc. An example of a default configuration:

The basic editor allows you to modify certain basic aspects of the look&feel of the recommendations in an easy way. You can also modify the look&feel of the recommendations in any possible way if you have some knowledge of HTML and CSS. Click on the orange button “Swich to advanced editor” to start working.

Once in you will see four sections:

  • Product HTML: your HTML of each product of the recommender will be here. You also can use the variables ${name}, ${id}, ${price}, ${url}, ${image} and an onclick function to return something when click.
  • Recommender HTML: HTML of the recommenders container. Each product that you want to show will be invoked by the variable "${product}". It says to the system that it have to reproduce the code in “Product HTML”.
  • Product CSS: your CSS associate to each product.
  • Recommender CSS: CSS associate to "Recommender HTML".

You should also configure the currency format according to each tracking code that you are using in your shop. Contact with support team of BrainSINS in http://support.brainsins.com if you don’t know clrearly what tracking code are you using or should use in your shop.

 

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments

Powered by Zendesk