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
No hay comentarios:
Publicar un comentario
Dejame un comentario, aprecio la retroalimentacion. Leave me a comment, I appreciate the feedback.