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

Como instalar paso a paso PrestaShop 1.5 en Centos 6.3

La pasada semana lanzaron la version 1.5 de PrestaShop, un software opensource para colocar tu tienda online, cada vez mas sencillo de manejar y con mas funcionalidades, es una una buena opcion para comenzar a vender tus articulos en la red.

server: 192.168.1.132

-Descargamos PrestaShop desde http://www.prestashop.com/en/download. Agregamos los idiomas deseados, por default esta activo Ingles.
-Descomprimimos, en este ejemplo /var/www/html/ps/
-Descargamos dependencias
wget -c ftp://ftp.pbone.net/mirror/download.fedora.redhat.com/pub/fedora/epel/6/i386/mcrypt-2.6.8-3.el6.i686.rpm
wget -c ftp://ftp.pbone.net/mirror/download.fedora.redhat.com/pub/fedora/epel/6/i386/libmcrypt-2.5.8-9.el6.i686.rpm
wget -c ftp://ftp.pbone.net/mirror/download.fedora.redhat.com/pub/fedora/epel/6/x86_64/mhash-0.9.9.9-3.el6.i686.rpm
wget -c ftp://ftp.pbone.net/mirror/download.fedora.redhat.com/pub/fedora/epel/6/i386/debug/php-extras-debuginfo-5.3.3-1.el6.i686.rpm
wget -c ftp://ftp.pbone.net/mirror/rpms.famillecollet.com/enterprise/6/test/i386/php-mcrypt-5.4.7-1.el6.remi.i686.rpm
wget -c http://dl.fedoraproject.org/pub/epel/6/i386/epel-release-6-7.noarch.rpm
-Instalamos dependencias
rpm -vi http://rpms.famillecollet.com/enterprise/remi-release-6.rpm 
rpm -vi epel-release-6-7.noarch.rpm
yum --enablerepo=remi install php-mcrypt php php-common php-pdo php-cli php-mysql php-gd php-xml libtool-ltdl
rpm -vi mhash-0.9.9.9-3.el6.i686.rpm mcrypt-2.6.8-3.el6.i686.rpm php-extras-debuginfo-5.3.3-1.el6.i686.rpm
-Reiniciamos apache
service httpd restart
-Instalamos MySQL
yum --enablerepo=remi install mysql mysql-server
-Iniciamos el servicio de mysql
service mysqld start 
chkconfig mysqld on
-Colocamos password al usuario root de mysql. Coloque su contraseña reemplazando new-password
/usr/bin/mysqladmin -u root password 'new-password' 
/usr/bin/mysqladmin -u root -h veps.example.com password 'new-password'
-Creamos una db para prestashop
mysql -u root -p 
Enter password: 
Welcome to the MySQL monitor. 
Commands end with ; or \g. 
Your MySQL connection id is 2 
Server version: 5.5.27 MySQL Community Server (GPL) by Remi Copyright (c) 2000, 2011, Oracle and/or its affiliates. All rights reserved. Oracle is a registered trademark of Oracle Corporation and/or its affiliates. Other names may be trademarks of their respective owners. 
Type 'help;' or '\h' for help. 
Type '\c' to clear the current input statement. 
mysql> create database prestashop; 
Query OK, 1 row affected (0.01 sec)
mysql> exit; 
Bye
-Instalamos por medio de un browser apuntando a http://192.168.1.132/ps/



-El instalador verifica que tengamos los requerimientos instalados y configurados, en caso de no ser así, debemos instalar lo que falte y volver a chequear este paso.



-Configuramos la db mysql y le damos click al botón Verify now!


-Si todo esta ok, podemos continuar


Los retoques finales incluyen el nombre de la tienda, si instalamos o no ejemplos (recomendable si no haz usado antes prestashop para aprender), zona horaria, país, el logo, el nombre del dueño o encargado, email y encargado. Ya con todo esto, damos click en Siguiente.



-El sistema termina la instalación.


-Ya tenemos nuestra tienda, aunque aun nos falta algo


-Eliminamos la carpeta install y renombramos la carpeta admin(escribimos cualquier palabra)

rm -rf /var/www/html/ps/install/
mv /var/www/html/ps/admin /var/www/html/ps/_98$43admin

-Nos logeamos a la interfaz administrativa en http://192.168.1.132/ps/_98$43admin


-Así se ve la primera vez la interfaz de admin


-Y esta es nuestra tienda



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

PrestaShop 1.5 ve la luz

Una nueva versión cargada de mas de 310 funcionalidades, mejoras y correcciones de errores salio ayer 21 de septiembre, PrestaShop 1.5.



Cambios destacados:
  • Multi tienda, ya nos permite tener varias tiendas con una única instalación
  • Manejo de reglas en el carrito de compras
  • Nueva API para desarrollos
  • Reescritura del codigo de esta versión
  • Rediseño del front office o fachada que ven los clientes y el back office o sección de administración
  • SEO mejorado
  • Manejo de servicio postventas
 Que les parece, manejan una tienda, con PrestaShop o con otro software? Share/Bookmark