Usando Linux para muchas cosas y disfrutando de videojuegos, en dispositivos moviles, consolas y pc. Using Linux for many things and enjoying video games, mobile devices, consoles and pc

Como agregar AddShoppers a Opencart

En este competido mundo del comercio online cada vez hay que innovar mas, dar valor agregado y manejar formas de fidelizar al cliente. Hoy les mostrare una de estas formas, por medio de AddShoppers daremos descuentos a nuestros clientes en Opencart mientras hacemos publicidad por el voz a voz de las redes sociales.
La instalacion se hara en el tema default de opencart, en caso de usarse otro tema, cambiar la palabra default por el nombre del tema. Ya debemos tener registrada una cuenta gratuita en addshoppers.

-Agregamos el codigo de addshoppers antes de </body></html> aquí resaltados en rojo.

vi  catalog/view/theme/default/template/common/footer.tpl

<script type="text/javascript">
AddShoppersTracking = {
image: '' // add URL for custom product image (RECOMMENDED if not using Product Schema)
};
var js = document.createElement('script'); js.type = 'text/javascript'; js.async = true; js.id = 'AddShoppers';
js.src = ('https:' == document.location.protocol ? 'https://shop.pe/widget/' : 'http://cdn.shop.pe/widget/') + 'widget_async.js#38475634848d15fc523834786';
document.getElementsByTagName("head")[0].appendChild(js);
</script>
</body></html>

Salimos guardando.

-Instalamos los botones reemplazando los de Addthis

vi catalog/view/theme/default/template/product/product.tpl

Reemplazamos:

<!-- AddThis Button BEGIN -->
          <div class="addthis_default_style"><a class="addthis_button_compact"><?php echo $text_share; ?></a> <a class="addthis_button_email"></a><a class="addthis_button_print"></a> <a class="addthis_button_facebook"></a> <a class="addthis_button_twitter"></a></div>
          <script type="text/javascript" src="//s7.addthis.com/js/250/addthis_widget.js"></script>
<!-- AddThis Button END -->

Con este código:

<div class="share-buttons share-buttons-panel" data-style="medium" data-counter="true" data-oauth="true" data-hover="true" data-buttons="twitter,facebook,pinterest"></div>


Salimos guardando.

-Instalamos ROI Tracking en el segundo if y antes de cart->clear(); aqui resaltados en rojo.

vi catalog/controller/checkout/success.php

if (isset($this->session->data['order_id'])) {
                        $this->session->data['AddShoppersAmount'] = $this->cart->getTotal();

                        $this->session->data['AddShoppersOrderID'] = $this->session->data['order_id'];
                        $this->cart->clear();

Salimos guardando y editamos success.tpl agregando el código ROI antes del código resaltado en rojo teniendo cuidado de agregar el código en verde, en el codigo generado no se incluye completo.

vi catalog/view/theme/default/template/common/success.tpl

<script type="text/javascript">
AddShoppersConversion = {
        order_id: <?php echo $this->session->data['AddShoppersOrderID']; ?>,
        value: <?php echo $this->session->data['AddShoppersAmount']; ?>

  };
  var js = document.createElement('script'); js.type = 'text/javascript'; js.async = true; js.id = 'AddShoppers';
  js.src = ('https:' == document.location.protocol ? 'https://shop.pe/widget/' : 'http://cdn.shop.pe/widget/') + 'widget_async.js#506281848d15fc5238fa9010';
  document.getElementsByTagName("head")[0].appendChild(js);
  </script>
  <?php echo $content_bottom; ?></div>
<?php echo $footer; ?>


Salimos guardando.

-Agregamos botones de facebook

vi catalog/view/theme/default/template/common/header.tpl

<html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>"xmlns:fb="http://ogp.me/ns/fb#">
<head>
<meta property="og:type" content="addshoppers:product" />

Con esto ya nos quedan listos los botones, solo es que agregues el porcentaje o valor a dar en cupones en tu cuenta de addshoppers y te aparece asi.


Otro ejemplo

Al dar click a un botón, nos sale este aviso, compartimos y se nos muestra el cupón de descuento ya creado y activo en opencart


Si te resulto útil este articulo, se social, compártelo con otros por medio de los botones.
Disfrútenlo
Share/Bookmark