{"id":37375,"date":"2026-03-09T06:22:15","date_gmt":"2026-03-09T06:22:15","guid":{"rendered":"https:\/\/doc.probance.com\/?post_type=tutoriels&#038;p=37375"},"modified":"2026-03-12T06:24:30","modified_gmt":"2026-03-12T06:24:30","slug":"prestashop-implementacion-del-modulo-reco-on-site-ros","status":"publish","type":"tutoriels","link":"https:\/\/doc.probance.com\/es\/base-de-conocimiento\/prestashop-implementacion-del-modulo-reco-on-site-ros\/","title":{"rendered":"PrestaShop: Implementaci\u00f3n del m\u00f3dulo Reco on Site (RoS)"},"content":{"rendered":"\n<p>El <strong>m\u00f3dulo Reco on Site (RoS)<\/strong> es una soluci\u00f3n de recomendaci\u00f3n desarrollada por Probance que permite mostrar <strong>banners din\u00e1micos personalizados<\/strong> en su sitio de comercio electr\u00f3nico. Estos banners pueden recomendar productos en funci\u00f3n del perfil y del comportamiento de cada visitante (navegaci\u00f3n, compras, intereses), o destacar productos populares entre toda su base de clientes.<\/p>\n\n\n\n<p>El objetivo de este art\u00edculo es guiarle <strong>paso a paso en la implementaci\u00f3n del m\u00f3dulo RoS en su sitio PrestaShop<\/strong>. Describe las diferentes etapas del proyecto, las acciones esperadas por su parte, las que son gestionadas por los equipos de Probance, as\u00ed como los principales elementos de configuraci\u00f3n del m\u00f3dulo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. Proceso general<\/h2>\n\n\n\n<p>La implementaci\u00f3n del m\u00f3dulo RoS se desarrolla en varias etapas sucesivas, que implican tanto a <strong>sus equipos (marketing y t\u00e9cnico)<\/strong> como a <strong>los equipos de Probance<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1) Presentaci\u00f3n de RoS<\/h3>\n\n\n\n<p>Una primera fase de presentaci\u00f3n permite recordar el funcionamiento de RoS, los diferentes tipos de recomendaciones disponibles (recomendaciones personalizadas, productos populares, novedades, etc.) y las posibilidades de visualizaci\u00f3n en su sitio web (p\u00e1ginas afectadas, formatos de banners).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2) Recopilaci\u00f3n de sus necesidades y objetivos<\/h3>\n\n\n\n<p>En esta etapa, intercambiar\u00e1 informaci\u00f3n con los equipos de Probance para definir:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>sus objetivos de marketing<\/li>\n\n\n\n<li>las p\u00e1ginas del sitio implicadas (p\u00e1gina de inicio, p\u00e1ginas de categor\u00eda, fichas de producto, proceso de compra, etc.)<\/li>\n\n\n\n<li>el tipo de banners que desea utilizar<\/li>\n\n\n\n<li>posibles restricciones gr\u00e1ficas o t\u00e9cnicas<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">3) Configuraci\u00f3n en Probance One y entrega de los c\u00f3digos<\/h3>\n\n\n\n<p>Sobre la base de estos intercambios, los equipos de Probance realizan una primera configuraci\u00f3n en <strong>Probance One<\/strong>. Los banners se configuran y se generan los <strong>c\u00f3digos de integraci\u00f3n HTML<\/strong> correspondientes. Estos c\u00f3digos se pondr\u00e1n a su disposici\u00f3n para poder integrarlos en su sitio web.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4) Instalaci\u00f3n del m\u00f3dulo e inserci\u00f3n de los c\u00f3digos de banners<\/h3>\n\n\n\n<p>Por su parte, el equipo t\u00e9cnico procede a instalar el <strong>m\u00f3dulo RoS<\/strong> en su sitio PrestaShop e insertar los c\u00f3digos de banners proporcionados por Probance One en las p\u00e1ginas correspondientes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5) Configuraci\u00f3n por parte de Probance y primera prueba de visualizaci\u00f3n<\/h3>\n\n\n\n<p>Una vez integrados los banners, los equipos de Probance finalizan los ajustes y realizan una primera prueba de visualizaci\u00f3n. Estas pruebas pueden llevarse a cabo en un <strong>entorno de preproducci\u00f3n<\/strong> o en una p\u00e1gina espec\u00edfica no accesible para los visitantes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">6) Primera reuni\u00f3n de ajustes con su proveedor t\u00e9cnico<\/h3>\n\n\n\n<p>Se organiza una primera reuni\u00f3n de seguimiento entre sus equipos t\u00e9cnicos y Probance para validar la visualizaci\u00f3n de los banners y el correcto funcionamiento de las recomendaciones, as\u00ed como para identificar posibles ajustes de plantilla o de estilo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">7) Ajustes de configuraci\u00f3n<\/h3>\n\n\n\n<p>Tras esta reuni\u00f3n, pueden realizarse ajustes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>por parte de <strong>Probance<\/strong> (l\u00f3gica de recomendaci\u00f3n, reglas de selecci\u00f3n de productos, etc.);<\/li>\n\n\n\n<li>por parte del <strong>equipo t\u00e9cnico<\/strong> (CSS, plantilla, estructura HTML).<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">8) Segunda reuni\u00f3n de ajustes<\/h3>\n\n\n\n<p>Si es necesario, se puede planificar una segunda reuni\u00f3n para validar los \u00faltimos ajustes y confirmar que la implementaci\u00f3n corresponde a sus expectativas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">9) Puesta en producci\u00f3n<\/h3>\n\n\n\n<p>Una vez realizadas las validaciones finales, los <strong>banners RoS se ponen en producci\u00f3n<\/strong> y pasan a ser visibles para todos sus visitantes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2. Requisitos previos<\/h2>\n\n\n\n<p>Para garantizar una implementaci\u00f3n fluida y eficaz del m\u00f3dulo RoS, es necesaria la disponibilidad de un <strong>responsable t\u00e9cnico<\/strong> en varias etapas para:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>instalar el m\u00f3dulo en su sitio PrestaShop<\/li>\n\n\n\n<li>integrar los c\u00f3digos de banners en las p\u00e1ginas correspondientes<\/li>\n\n\n\n<li>participar en una o dos reuniones de ajuste con los equipos de Probance para adaptar la plantilla y la visualizaci\u00f3n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">3. Instalaci\u00f3n y configuraci\u00f3n del m\u00f3dulo<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">3.1 Instalaci\u00f3n del m\u00f3dulo<\/h3>\n\n\n\n<p>El <strong>m\u00f3dulo Probance Reco on Site<\/strong> se pone a su disposici\u00f3n para ser instalado en su sitio PrestaShop.<\/p>\n\n\n\n<p>Una vez instalado el m\u00f3dulo, deber\u00e1 introducir en su interfaz:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>el <strong>Token<\/strong> proporcionado por Probance<\/li>\n\n\n\n<li>la <strong>URL<\/strong> proporcionada por Probance<\/li>\n<\/ul>\n\n\n\n<p>Esta informaci\u00f3n permite que el m\u00f3dulo se comunique correctamente con la plataforma Probance.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3.2 Integraci\u00f3n de los banners<\/h3>\n\n\n\n<p>Los c\u00f3digos de integraci\u00f3n de los banners est\u00e1n disponibles en <strong>Probance One<\/strong>, a trav\u00e9s del men\u00fa:<\/p>\n\n\n\n<p><strong>Recommendation on Site \u2192 Banners<\/strong><\/p>\n\n\n\n<p>Para cada banner:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>haga clic en el icono <strong>\u201cVer el c\u00f3digo\u201d<\/strong><\/li>\n\n\n\n<li>copie el <strong>snippet HTML<\/strong> proporcionado<\/li>\n\n\n\n<li>pegue este c\u00f3digo en la p\u00e1gina de su sitio correspondiente a la ubicaci\u00f3n deseada (p\u00e1gina de inicio, p\u00e1gina de categor\u00eda, ficha de producto, etc.)<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">4. Configuraci\u00f3n del tema<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">4.1 Funcionamiento por defecto<\/h3>\n\n\n\n<p>Por defecto, el m\u00f3dulo RoS utiliza la <strong>plantilla de miniatura de producto<\/strong> de su tema PrestaShop para generar la visualizaci\u00f3n de los banners.<\/p>\n\n\n\n<p>Dependiendo de la versi\u00f3n de PrestaShop, esta plantilla se encuentra en la siguiente ubicaci\u00f3n:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>PrestaShop 1.7 y versiones posteriores<\/strong><br><code>catalog\/_partials\/miniatures\/product.tpl<\/code><\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>PrestaShop 1.6<\/strong><br>$tpl_dir.\/product-list.tpl<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">4.2 Personalizaci\u00f3n de la plantilla RoS<\/h3>\n\n\n\n<p>Para no afectar al resto de su sitio web, es posible <strong>crear una copia de la plantilla dentro del m\u00f3dulo RoS<\/strong> y modificarla para ajustar la visualizaci\u00f3n de los banners RoS sin afectar al resto del tema.<\/p>\n\n\n\n<p>En algunos casos, puede ser necesario:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>a\u00f1adir o modificar <strong>clases CSS<\/strong><\/li>\n\n\n\n<li>a\u00f1adir <strong>par\u00e1metros espec\u00edficos<\/strong> a la plantilla<\/li>\n\n\n\n<li>ajustar manualmente la visualizaci\u00f3n con la ayuda de sus equipos t\u00e9cnicos<\/li>\n<\/ul>\n\n\n\n<p>Tambi\u00e9n es posible crear una <strong>plantilla completamente dedicada a RoS<\/strong>, que el m\u00f3dulo utilizar\u00e1 en lugar de la plantilla est\u00e1ndar del tema.<\/p>\n\n\n\n<p>Estos ajustes suelen realizarse en colaboraci\u00f3n entre <strong>sus equipos t\u00e9cnicos y los equipos de Probance<\/strong> durante las fases de prueba y de ajuste.<\/p>\n<div id=\"wpmem_restricted_msg\"><p>Este contenido est\u00e1 restringido a los miembros del sitio. Si eres un usuario existente, por favor, accede. Los nuevos usuarios pueden registrarse a continuaci\u00f3n.<\/p><\/div><div id=\"wpmem_login\"><a id=\"login\"><\/a><form action=\"https:\/\/doc.probance.com\/es\/base-de-conocimiento\/prestashop-implementacion-del-modulo-reco-on-site-ros\/\" method=\"POST\" id=\"wpmem_login_form\" class=\"form\"><input type=\"hidden\" id=\"_wpmem_login_nonce\" name=\"_wpmem_login_nonce\" value=\"f834b2436e\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/es\/wp-json\/wp\/v2\/tutoriels\/37375\" \/><fieldset><legend>Acceso de usuarios existentes<\/legend><label for=\"log\">Nombre de usuario o correo electr\u00f3nico<\/label><div class=\"div_text\"><input name=\"log\" type=\"text\" id=\"log\" value=\"\" class=\"username\" required  \/><\/div><label for=\"pwd\">Contrase\u00f1a<\/label><div class=\"div_text\"><input name=\"pwd\" type=\"password\" id=\"pwd\" class=\"password\" required  \/><\/div><input name=\"a\" type=\"hidden\" value=\"login\" \/><input name=\"redirect_to\" type=\"hidden\" value=\"https:\/\/doc.probance.com\/es\/base-de-conocimiento\/prestashop-implementacion-del-modulo-reco-on-site-ros\/\" \/><div class=\"button_div\"><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/>&nbsp;<label for=\"rememberme\">Recu\u00e9rdame<\/label>&nbsp;&nbsp;<input type=\"submit\" name=\"Submit\" value=\"Acceder\" class=\"buttons\" \/><\/div><\/fieldset><\/form><\/div><div id=\"wpmem_reg\"><a id=\"register\"><\/a><form name=\"form\" method=\"post\" action=\"https:\/\/doc.probance.com\/es\/base-de-conocimiento\/prestashop-implementacion-del-modulo-reco-on-site-ros\/\" id=\"wpmem_register_form\" class=\"form\"><input type=\"hidden\" id=\"_wpmem_register_nonce\" name=\"_wpmem_register_nonce\" value=\"6cc3867c56\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/es\/wp-json\/wp\/v2\/tutoriels\/37375\" \/><fieldset><legend>Registro de un nuevo usuario<\/legend><label for=\"username\" class=\"text\">Elige un nombre de usuario<span class=\"req\">*<\/span><\/label><div class=\"div_text\"><input name=\"username\" type=\"text\" id=\"username\" value=\"\" class=\"textbox\" required  \/><\/div><label for=\"first_name\" class=\"text\">Nombre<span class=\"req\">*<\/span><\/label><div class=\"div_text\"><input name=\"first_name\" type=\"text\" id=\"first_name\" value=\"\" class=\"textbox\" required  \/><\/div><label for=\"last_name\" class=\"text\">Apellidos<span class=\"req\">*<\/span><\/label><div class=\"div_text\"><input name=\"last_name\" type=\"text\" id=\"last_name\" value=\"\" class=\"textbox\" required  \/><\/div><label for=\"user_email\" class=\"text\">Correo electr\u00f3nico<span class=\"req\">*<\/span><\/label><div class=\"div_text\"><input name=\"user_email\" type=\"email\" id=\"user_email\" value=\"\" class=\"textbox\" required  \/><\/div><input name=\"a\" type=\"hidden\" value=\"register\" \/><input name=\"wpmem_reg_page\" type=\"hidden\" value=\"https:\/\/doc.probance.com\/es\/base-de-conocimiento\/prestashop-implementacion-del-modulo-reco-on-site-ros\/\" \/><div class=\"button_div\"><input name=\"submit\" type=\"submit\" value=\"Registro\" class=\"buttons\" \/><\/div><div class=\"req-text\"><span class=\"req\">*<\/span>Campo necesario<\/div><\/fieldset><\/form><\/div>","protected":false},"excerpt":{"rendered":"<p>El m\u00f3dulo Reco on Site (RoS) es una soluci\u00f3n de recomendaci\u00f3n desarrollada por Probance que permite mostrar banners din\u00e1micos personalizados en su sitio de comercio electr\u00f3nico. Estos banners pueden recomendar productos en funci\u00f3n del perfil y del comportamiento de cada visitante (navegaci\u00f3n, compras, intereses), o destacar productos populares entre toda su base de clientes. El [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"template":"","sujets":[1139],"class_list":["post-37375","tutoriels","type-tutoriels","status-publish","hentry","sujets-banners"],"_links":{"self":[{"href":"https:\/\/doc.probance.com\/es\/wp-json\/wp\/v2\/tutoriels\/37375","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/doc.probance.com\/es\/wp-json\/wp\/v2\/tutoriels"}],"about":[{"href":"https:\/\/doc.probance.com\/es\/wp-json\/wp\/v2\/types\/tutoriels"}],"author":[{"embeddable":true,"href":"https:\/\/doc.probance.com\/es\/wp-json\/wp\/v2\/users\/6"}],"wp:attachment":[{"href":"https:\/\/doc.probance.com\/es\/wp-json\/wp\/v2\/media?parent=37375"}],"wp:term":[{"taxonomy":"sujets","embeddable":true,"href":"https:\/\/doc.probance.com\/es\/wp-json\/wp\/v2\/sujets?post=37375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}