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

Agregar google adwords conversions en opencart

Una herramienta muy útil si estamos usando adwords es la de monitorear conversiones (ejemplo, una venta, la creación de una cuenta, la inscripción para recibir un boletín, etc). Esta vez les mostrare como agregar el código de adwords conversions en nuestro sitio de comercio electrónico opencart, con esto sabremos cuando un cliente nos compra algo, por medio de que anuncio llego, que palabra (keyword) vende mas, etc. Mientras mas conozcamos a nuestros clientes, mejor.

-Entramos a nuestra cuenta google adwords y vamos al menú Herramientas y analisis - Conversiones. Damos click en Nueva conversión

-Escribimos nombre y elegimos si el código sera para una pagina web (como es para opencart este seria el caso). Guardamos y continuamos


-Elegimos el tipo de conversión, en este caso Compra/Venta, le decimos que es https (si tenemos certificado para nuestra tienda), Lenguaje HTML, damos un valor nominal a la conversión (yo le puse 1.000 pesos colombianos), damos la opcion del aviso de google al usuario de que estamos llevando estadísticas (esto da mas seguridad al cliente y es justo que lo sepa), ventana de tiempo de 1 semana. Damos Guardar y continuar.


-En mi caso, yo activare el código, entonces elijo la opción Yo realizo cambios en el código (en caso de que no sea así, se nos dará la opción de enviar por email a otra persona el código para que lo agregue). Copiamos el código que se nos genera y damos click a Finalizado.



-Hora de agregar el código, en nuestro server debemos editar el file success.tpl del template que estemos usando. Si lo tenemos con el default seria.

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

-Agregamos esto al final del file

<?php if (isset($this->request->get['route']) && $this->request->get['route'] == 'checkout/success') { ?>

Aquí colocamos el código que nos genero google adwords

<?php } ?

Salimos guardando y listo, después de pasadas 24 horas y claro, alguna conversión realizada en la tienda, deben aparecernos datos en adwords.

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


Share/Bookmark

Como actualizar kunena 2.0.1

Estar al día con las actualizaciones de nuestros productos nos protege de errores y hasta de ser hackeados. Hoy les mostrare como actualizar Kunena, un forum muy popular para el cms Joomla.

-Entramos a nuestro joomla por la interfaz administrativa, ahi vemos que el boton de kunena nos alerta de una actualizacion, le damos click al boton de kunena.

-Nos da info sobre la nueva versión que instalaremos, el URL de donde descargara el update. Damos click al botón Update to the latest version

-La actualización fue un éxito. Se nos muestra todos los pasos ejecutados. Damos click al botón Finish

-Ya en el panel de kunena vemos que todo esta ok. Con esto nos quedo actualizada la versión.

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

Como instalar zentyal 3.0 paso a paso

Para las oficinas caseras, personas sin mucho conocimiento o que simplemente no quieren gastar mucho tiempo configurando servicios, instalando varios servidores, etc, para ellos recomiendo Zentyal, un magnifico servidor Ubuntu Linux  con casi todo integrado, tiene para todos los gustos, ademas, si lo requieres puedes comprar una licencia y eso te dara soporte aunque claro, tiene la version libre que mostraremos hoy mismo que es la misma comercial pero el soporte es en los forums o en blogs como este que estas leyendo ahora. Comenzando, hoy les mostrare como instalar Zenyal 3.0, la ultima version que acaban de lanzar los desarrolladores. Este ejemplo lo muestro virtualizado pero es igual la instalación en un servidor fisico.

Requerimientos:
-2 tarjetas de red
-1Gb RAM
-10 GB disco
-Monitor, teclado y mouse para la instalacion inicial, despues de administra via una pagina web desde otro pc

-Descargamos el iso, en mi caso de 32bits y hacemos boot desde el.


-Elegimos el idioma, para mis gusto, lo dejo en Ingles pero uds pueden escoger Español si así lo desean.



-Activamos el país, en mi caso le digo que sur américa y después Colombia.










-Según el idioma de instalación (ingles) nos dice que podemos instalar.


 -Configuramos el teclado, le decimos que no para elegir el nuestro




-Verifica el equipo


-Le colocamos nombre


-Creamos una cuenta para administrar


-Le ponemos una contraseña



-Activamos la zona horaria donde estará el server.


-Verifica el disco duro donde instalar



-Comienza a instalar paquetes




-Instala Grub en el inicio del disco (master boot record)


-Termina la instalación y reiniciamos el equipo


-Primer boot de Zentyal ya instalado, demora un poco la primera vez


-Nos logeamos con la cuenta que creamos



-Nos muestra las 4 opciones pre configuradas a instalar, aunque podemos añadir o quitar paquetes a nuestro gusto, si le damos click en More info nos mostrara que servicios tiene cada uno, si le damos click lo marcamos para instalar


-Que trae Gateway


-Que trae Infraestructura


-Que trae Office


-Que trae en Comunicaciones unificadas


-En este ejemplo instalare Gateway, lo marco y bajo la pagina para dar click a Install, el nos sombrea de amarillo los paquetes que instalara.


-Confirmamos dando click en Ok


 -Comienza a instalar y configurar los paquetes mientras nos da algunos mensajes informativos


-Configuramos la red, una ethernet para external (internet) y otra para internal (red local)


-Puede elegirse configurar por dhcp (si tenemos un server dhcp en la red o si nuestro proveedor nos asigna la ip por dhcp por ejemplo)


-Zentyal nos da la ventaja de manejar nuestros servers desde el cloud con alertas, para esto debemos manejar el domain que ellos nos dan gratis.


-Registramos nuestro server en el cloud con una cuenta nueva o nos logeamos a la que ya tengamos.


-Configura servicios


-Terminamos y nos vamos al dashboard


-Ya en el dashboard vemos que hay actualizaciones, las colocamos dándole click al anuncio


-Las marcamos todas y le damos click al botón Upgrade




-Ya quedo actualizado completamente, nos devolvemos al dashboard



-Este es el escritorio de nuestra consola


Ya esta instalado y configurado, en próximos artículos les mostrare como configurar servicios.
Si te resulto útil este articulo, se social, compártelo con otros por medio de los botones.
Disfrútenlo
Share/Bookmark