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

Mostrando entradas con la etiqueta opencart. Mostrar todas las entradas
Mostrando entradas con la etiqueta opencart. Mostrar todas las entradas

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

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 crear un google sitemap de nuestro opencart

Una forma sencilla pero eficaz de mantener un buen SEO es usar google webmaster tools con nuestros sitios web, es gratis pero no por ello deja de ser útil. Hoy les mostrare como generar un sitemap de nuestro sitio opencart y activarlo en google.
-Nos logeamos al dashboard de nuestro opencart.

-Vamos al menú Extensiones - Feed de productos.


-Instalamos Google Sitemap y lo editamos.



-Cambiamos el Estado a Activo.

-Copiamos el feed, damos click a Guardar y nos vamos a nuestra cuenta de google webmaster tools.


-Entramos a nuestro sitio en webmaster tools y damos click en Sitemaps


-Damos click en el boton ADD/TEST SITEMAP.


-Pegamos el URL de nuestro feed que copiamos en el paso anterior y le eliminamos la cabecera o dará error. Lo enviamos.




-Así queda nuestro sitemap (con otras cifras claro) ya activo en google.


Te resulto útil?, se social, compártelo con tus contactos por los botones que encuentras aquí debajo.
Share/Bookmark

Como manejar extensiones vqmod en opencart

Una pregunta que nos hacemos muchos cuando comenzamos a usar opencart es como instalar extensiones y como administrarlas. Para esto lo mas sencillo es instalar vqmod y a continuación instalar vqmod manager. Este ultimo paso se los mostrare hoy.

Para este paso ya debemos tener instalado vqmod en nuestro opencart.

-Descargamos vqmod manager desde este URL.

-Descomprimimos el zip

unzip vqmod_manager_v1.0.1_oc1.5.x.zip

-Copiamos los directorios admin y vqmod dentro de upload a nuestro sitio opencart, para esto yo uso filezilla.



-Habilitamos permisos en el menú Sistema - Usuarios - Grupo usuarios. Editamos el grupo Top Administrator y le damos click a Seleccionar todo en ambos grupos de permisos. Salimos guardando

-Nos vamos al menú Extensiones - VQMod Manager y guardamos el path, en caso de no aparecer el path correcto, lo escribimos y damos click al botón Guardar.



-Le damos click a Instalar en el modulo VQMod Manager


-Nos debe aparecer esta pantalla con nuestras extensiones vqmod ya instaladas.

-Ya tenemos una forma facil y rapida de administrar nuestras extensiones.
Disfrútenlo.
Share/Bookmark

Nuevo OpenCart, mas oportunidades

El pasado 18 de agosto liberaron la versión 1.5.4.1 de OpenCart. Si no lo tienen y necesitan un sitio web para ventas online, aquí les dejo mi guía de instalación y aquí la de actualización.

Estas son algunas de las mejoras:
  • Fedex
  • Auspost
  • PayMate
  • Ver los usuarios conectados
  • Búsquedapor campos como isbn, upc, eam, etc..
  • Actualizado el doctype a html5
  • Actualizado Authorize.net (AIM) para la info de envío
  • Se agregan columnas salt para mejorar la seguridad
  • Opción de uso de mCrypt para mejor encripcion (con extension PHP mcrypt).
  • Ajuste de tamaño de imágenes. Si el tamaño es correcto, no se modifica.
Listado completo en este link.

Algunas de las correcciones de bug's: 
  • Mostrar alerta solo si esta activo para productos individuales.
  • Enviar mails a clientes falla cuando el SSL esta activo.
  • Ya se puede borrar una dirección del libro de direcciones.
  • Lista negra en IPv6.
  • Por default el nivel de compresión PNG es de 6.
Listado completo en este link.
Disfrutenlo.
Share/Bookmark

Como instalar vqmod en opencart

Hoy les mostrare como instalar vqmod en una tienda opencart. Esto nos permitirá agregar extensiones sin necesidad de modificar los archivos de opencart. Antes de modificar o instalar es buena idea hacer un backup de nuestra tienda.
Para poder instalar vqmod debemos tener acceso por ssh o ftp a nuestro server con opencart

-Descargamos la ultima versión de vqmod para opencart desde este link. En este momento la ultima versión es vqmod-2.1.6-opencart.zip
-Descomprimimos el zip y subimos al raíz de nuestra tienda el directorio de vqmod
-Abrimos un browser y apuntamos a http://url-de-nuestro-opencart/vqmod/install
Si todo va bien, debe decirnos este mensaje:
VQMOD HAS BEEN INSTALLED ON YOUR SYSTEM!

-Dele refrescar a su browser y verifique que su tienda esta ok. Como ultima medida, por ftp o ssh verifique hayan archivos en el directorio vqmod/vqcache

Disfrútenlo




Share/Bookmark

Como actualizar opencart paso a paso

En un articulo anterior les hable de como instalar OpenCart, una solución popular para llevar su negocio a Internet. Hoy les mostrare como hacer una actualización (upgrade) de nuestra tienda. Es de aclarar que debemos hacer los pasos para sacar una copia o backup previendo algo salga mal podamos devolvernos a la versión que esta funcionando en este momento.
El proceso aquí descrito es para versiones 1.5.x y todos los comandos los haremos desde la cuenta root u otra con privilegios para mysql y el directorio donde instalamos opencart.

Directorio: /var/www/html/oc
ip: 192.168.1.35

-Ponemos la tienda en modo offline

-Hacemos el backup de la db mysql

-Copiamos el directorio completo de archivos de opencart

cd /var/www/html
cp -r oc oc.bck

-Hacemos una copia de config.php para poder descomprimir la actualización

cd /var/www/html/oc
mv config.php config.bck
mv admin/config.php admin/config.bck

-Descomprimimos el archivo de la nueva versión de opencart, en este ejemplo opencart_v1.5.3.zip.

-Devolvemos nuestro config.bck a php

cd /var/www/html/oc
mv -f config.bck config.php
mv admin/config.bck admin/config.php

-Reactivamos permisos para apache

cd ..
chown -R apache.apache oc/

-Abrimos un browser y apuntamos a la ip o dominio + el directorio install, ejemplo http://192.168.1.35/oc/install

-Eliminamos el directorio install

cd /var/www/html/oc
rm -rf install/

-Damos 3 o mas veces la combinación Control F5 para eliminar cache en nuestro browser y entramos como admin

-Vamos a System - Users - User group y editamos el grupo Top Administrator. Verificamos tengamos permisos para todo y guardamos.
-Editamos System - Settings y verificamos todo este en orden, de ser así, reactivamos la tienda para permitir a los usuarios visitarla. Nuevos campos a tener en cuenta, manejo de vouchers.


Disfrútenlo
Share/Bookmark

Como instalar opencart virtualizado con openvz

Hoy les mostrare otro producto para llevar su negocio al mundo online, OpenCart. Nada complicado de instalar, con una comunidad de voluntarios bastante activa nos permitirá colocar nuestro negocio de ecommerce en poco tiempo. Usaremos Centos 6.2 actualizado en una maquina virtual openvz en un servidor proxmox y todos los comandos los ejecutaremos desde root. La forma de instalarlo en una maquina normal, es decir, sin virtualizar, es muy parecida.

centos 6.2
php 5.3
ip servidor: 192.168.1.35

-Descargamos opencart y lo descomprimimos en /var/www/html
wget -c http://opencart.googlecode.com/files/opencart_v1.5.2.1.zip

-Movemos todo el contenido del directorio upload al directorio donde instalaremos, en este ejemplo oc (/var/www/html/oc)

-Activamos permisos
chown -R apache.apache /var/www/html/oc/

-Instalamos dependencias
yum install mysql-server mysql php-common php-imap php-xml php-pear php-pdo php php-mysql php-gd php-devel php-ldap php-pecl-Fileinfo php-cli php-mbstring php-odbc

-Reiniciamos apache
service httpd restart

-Iniciamos el servicio de mysql y lo activamos para que ejecute cada vez que hagamos boot en este server
service mysqld start
chkconfig mysqld on

-Aseguramos mysql cambiando la contraseña de root
/usr/bin/mysqladmin -u root password 'new-password'
/usr/bin/mysqladmin -u root -h veoc.example.com password 'new-password'

-Creamos db y user en mysql. Es recomendable no usar la cuenta root de mysql

-Eliminamos el directorio de instalación
rm -rf /var/www/html/oc/install/

-Nos conectamos con un browser a la ip del servidor, en este caso http://192.168.1.35/oc/ aceptamos la licencia y damos click en el botón Continue.
-Verificamos que nuestro servidor cumpla todos los requerimientos.
-Colocamos los datos para conectar al mysql y la cuenta admin a crear en opencart. Damos click en el botón Continue.
-Esta es la pantalla final, con los links a la tienda como la ve un usuario y al frontend para administrar desde la cuenta admin.
-Pantalla de inicio de la tienda con productos de prueba.
-Pantalla de entrada administrativa.
-Dashboard de opencart en su parte administrativa.
-Disfrútenlo. Share/Bookmark