Esto es realmente muy fácil …
Tienes que ir a
/app/design/frontend/default/blank/template/bundle/catalog/product/view/type/option/checbox.phtml
o el tipo de input que estás utilizando en tu thema y colocar este código en bucle foreach:
<?php
$_helper = $this->helper('catalog/output');
echo '<img src="'.$this->helper('catalog/image')->init($_selection, 'image')->resize(95,135).'" alt="" />';
?>
El 80% de los usuarios que visitan una tienda online, abandonan el sitio llenando la cesta de la compra pero sin adquirir nada.
Pasear, mirar, probar, tomar un producto, pero, al final, nada. La libertad que comporta el medio online a la hora de comprar hace que, muchas veces, el usuario abandone el sitio, llenando el carrito, pero sin adquirir nada. Con el fin de detectar cuáles son las mejores prácticas para que esto no ocurra, Multiplica, consultora de estrategia online, marketing digital y persuabilidad, ha llevado a cabo un informe en el que ha analizado diferentes sites nacionales e internacionales y ha desarrollado cuáles son los principales aspectos a tener en cuenta en el diseño de una tienda online efectiva.
Importancia al hecho en sí de la compra
La compra tiene que ser entendida como una experiencia, y como tal, deben quedar claros, en todo momento, los pasos que da el comprador en ella. Por eso, a la hora de añadir un producto en la cesta, no debe quedar en un segundo plano, sino que se debe concretar, especificar, etc. Muchas veces, por no haber introducido de forma correcta las características del producto, este no se ha añadido a la cesta.
Del mismo modo, los pasos deben ser reducidos y rápidos, como mucho dos. Las ventanas deben cargarse de forma ágil. Esto que a priori, parece algo obvio, es uno de los motivos a destacar del abandono de los compradores, un 18% se van del site por descargar lentas de las páginas.
Claridad y control en el proceso
El usuario debe ser en todo momento, “dueño y señor” de su compra. Debe conocer qué es lo que está adquiriendo (información y detalle), recibir ayuda si la necesita y percibir seguridad y control en el site, sin distracciones. Por eso, los gráficos, mensajes, etc, tienen que ser claros siempre, que no den lugar a dudas.
Nadie pide los datos a un cliente antes de comprar
Existe, a veces, una excesivo celo por solicitar los datos de contacto del usuario, incluso antes de que éste haya realizado su compra. El registro, debe hacerse al final, una vez el comprador haya terminado de forma satisfactoria su adquisición.
Formularios humanizados e intuitivos
Los formularios de compra no tienen que ser interminables, y costosos. Siempre se tendrá que buscar la humanización en ellos, que sean más parecidos a una conversación, que a un frío cuestionario. Ya que en la tienda online no hay un dependiente, trasladar un poco de esa naturalidad al proceso, ofreciendo ayuda en todo momento y dotando de facilidad en el modo de pago.
Costo total, forma de devolución, comprobante y firma
El costo total de la compra, gastos de transporte, etc, se detallarán de forma visible al cliente. Del mismo modo, es importante que en el momento de hacer la adquisición la sensación de seguridad sea absoluta. Asimismo, uno de los principales motivos de abandono de la tienda online, son los costos de transporte. Habrá que evitarlos en la medida de lo posible e incentivar al usuario con descuentos en compras superiores.
Del mismo modo, al igual que en un establecimiento el cliente se lleva su comprobante, en la tienda online, hay que confirmar la compra de un modo inmediato y dar la seguridad de que todo se ha realizado correctamente.
Opción a grabar la compra
Si el comprador se va de la tienda sin comprar nada, puede dársele la opción de grabar su compra para retomarla más adelante. Se trata de aprovechar las posibilidades de Internet, del medio. En una compra física, aquella persona que sólo va a mirar a la tienda y se va sin adquirir, no se puede “retomar” e inducirle a finalice su compra del alguna manera. Sin embargo en el medio online sí que puede hacerse, ¿Por qué no aprovecharlo? Por otro lado, si no se ha materializado la compra, existen soluciones vía mail o publicidad online para intentar que lo haga en otro momento.
Fuente: PuroMarketing
Imagino que habrás visto varios de estos códigos en revistas, vallas, paginas web o carteles.
QR es una abreviación de Quick Responde (en inglés) y pueden ser leídos rápidamente por un teléfono celular. Son utilizados para tomar un “pedazo” y ponerlo directamente en tu celular.
Una vez que el código QR esta en tu celular, puede darte mas detalles acerca de la empresa o de la persona que trae la polera, mostrarte una URL donde puedes ver el trailer de una película, o puede darte un cupón de descuento el cual puedes utilizar en una tienda local (como una tienda de ropa, comida o centro comercial).
La razón por la cual son mas útiles que un código de barras es que pueden almacenar mucha mas información, incluyendo links a urls, coordenadas y texto. Otra característica principal de los códigos QR es que en lugar de requerir un escaner para obtener la información que contienen, muchos dispositivos móviles modernos pueden leerlos.
El dispositivo móvil necesita un lector de códigos QR. Toma literalmente solo 1 minuto para que alguien con un iPhone o un teléfono con Android instale dicho lector y comience a utilizarlo.
Puedes fácilmente generar un código QR utilizando un sitio como el de Kaywa o puedes utilizar alguna aplicación de código abierto (Open Source) para generar códigos si conoces a algún programador que pueda desarrollarte una aplicación para este fin.
Si lo agregas a tu sitio web, primeramente los buscadores notaran que hay cambios en tu pagina, que la has actualizado vaya. El buscador vera una nueva imagen y la “indexara” como corresponde. En algun punto, los buscadores podrán reconocer los códigos QR y probablemente puedan “capturar” el contenido de los mismos.
Hoy en día, realmente no son todos los que lo usan, pero aquellos que si los utilizan apreciaran ese detalle tuyo de utilizar lo que esta en vanguardia, y aquellos que no lo hacen ciertamente sentirán curiosidad, lo cual puede abrir la puerta para una buena conversación y una potencial venta.
En tu negocio, sin importar su tamaño, puede hacer uso de los códigos QR de distintas maneras. Puedes generar un código para cada producto en tu sitio web conteniendo todos los detalles, numero telefónico y la dirección url de la pagina especifica de forma tal que pueden mostrarle esa información a sus amigos en su celular. Puede agregar uno a tu tarjeta de presentación con tus datos de contacto, de forma tal que sea mas fácil agregarte a sus contactos.
Fuente suespacio.net
Hay muchas cosas en magento que parecen no estar finalizadas . Un ejemplo esta en los Productos Agrupados. Esta es una característica muy útil que permite a los vendedores añadir un grupo de simples productos juntos en un grupo. Luego, el comprador puede seleccionar cualquiera de todos los productos que son parte del grupo.
Pero, por alguna razón no se muestra las imágenes de cada producto en forma predeterminada.
Sin embargo, agregar estas imágenes no tiene mucha dificultad.
Copia app/design/frontend/base/default/template/catalog/product/view/type/grouped.phtml en
app/design/frontend/yourpackage/yourtemplate/template/catalog/product/view/type/grouped.phtml
Si al directorio de tu template le falta directorios, debes agregarlo. En mi caso tuve que agregar las carpetas /view/type/
Agrega los códigos que están dentro del comentario:
<table class="data-table grouped-items" id="super-product-table" style="float: left; position: relative;">
<col />
<col />
<col width="1" />
<thead>
<tr>
<!--BEGIN CHANGE : SEE IMAGE ///////////////////////////////////////////////////////////-->
<th><?php echo $this->__('Image')
?></th>
<!--END CHANGE : SEE IMAGE ///////////////////////////////////////////////////////// -->
<th><?php echo $this->__('Product Name')
?></th>
<th class="a-right"><?php echo $this->__('Price') ?></th>
<?php if ($_product->isSaleable()): ?>
<th class="a-center"><?php echo $this->__('Qty') ?></th>
<?php endif; ?>
</tr>
</thead>
<tbody>
<?php if (count($_associatedProducts)): ?>
<?php foreach ($_associatedProducts as $_item): ?>
<?php $_finalPriceInclTax = $this->helper('tax')->getPrice($_item, $_item->getFinalPrice(), true) ?>
<tr>
<!--BEGIN CHANGE : SEE IMAGE////////////////////////////////////////////////////////////////////// -->
<td>
<?php
echo '<A href="'.$this->helper('catalog/image')->init($_item, 'image').'" ><img src="'.$this->helper('catalog/image')->init($_item, 'thumbnail')->resize(77, 77).'" width="77"><a>';
?></td>
<!--END CHANGE : SEE IMAGE //////////////////////////////////////////////////////////////////////////////-->
<td><?php echo $this->htmlEscape($_item->getName()) ?></td>
<td class="a-right">
<?php echo $this->getPriceHtml($_item, true) ?>
<?php echo $this->getTierPriceHtml($_item) ?>
</td>
<?php if ($_product->isSaleable()): ?>
<td class="a-center">
<?php if ($_item->isSaleable()) : ?>
<input name="super_group[<?php echo $_item->getId() ?>]" value="<?php echo $_item->getQty()*1 ?>" type="text" class="input-text qty" />
<?php else: ?>
<p class="availability"><span class="out-of-stock"><?php echo $this->__('Out of stock.') ?></span></p>
<?php endif; ?>
</td>
<?php endif; ?>
</tr>
<?php endforeach; ?>
<?php else: ?>
<tr>
<td colspan="<?php if ($_product->isSaleable()): ?>4<?php else : ?>3<?php endif; ?>"><?php echo $this->__('No options of this product are available.') ?></td>
</tr>
<?php endif; ?>
</tbody>
</table>
Visto en : magento commerce
Si deseas agregar 4 o mas productos por fila en magento solo debes abrir el catalog.xml de tu tema colocar el siguiente codigo:
<action method="setColumnCount"><columns>4</columns></action>
antes de esta linea
<action method="addColumnCountLayoutDepend"><layout>empty</layout><count>6</count></action>
Darle un flush al cache y listo, tienes 4 productos por fila en tu catalogo de magento.
¿Qué es un sitio e-commerce?
Es cualquier sitio web que tiene como objetivo hacer negocios. Están relacionados principalmente con la compra y venta de servicios y productos a través de Internet. La página web cuenta con:
¿Por qué tener un sitio e-commerce?
Una empresa no puede tener éxito si no se promueve de manera sistemática. En el escenario actual, Internet se ha convertido en uno de los medios más fuertes y efectivos para apoyar un negocio. Los portales de e-commerce, especialmente, tienen muchas ventajas sobre otros medios electrónicos e impresos.
Algunos beneficios de un sitio de comercio electrónico son:
Gran alcance: su tienda en línea está abierta las 24hs. los 365 días del año. No hay limitaciones de tiempo, ni vacaciones, por eso los visitantes pueden adquirir los productos o servicios a cualquier hora del día. Esto suma a la comodidad de los compradores.
Además, como los productos están correctamente clasificados en diferentes categorías, le permite ahorrar tiempo al cliente.
Rentabilidad: el mantenimiento de la tienda online es insignificante, sólo tiene que pagar el diseño de su sitio una vez y un servicio mensual de hosting que por lo general son bastante accesibles. Le permitirá ahorrar el dinero que se gasta en personal y mantenimiento general de una tienda convencional.
La gran ventaja de tener su propio e-commerce es que sus productos no estarán compitiendo con otros, y las personas no se distraerán a la hora de comprar. Lo que comúnmente pasa en lugares que tienen a miles de personas vendiendo sus productos.
<?php echo Mage::getStoreConfig('general/store_information/phone'); ?>
Pero desde dentro de la CMS, que es mucho más simple, así hay que ponerlo…
{{config path="general/store_information/phone"}
Hay varias maneras de incluir librerías JavaScript en Magento. En este post se explica cómo añadir jQuery de manera que afecte a toda la estructura de Magento modificando los archivos layout.
En el archivo page.xml ubicado en: /app/design/frontend/default/TUTEMA/layout/page.xml se localizará la línea de código que hace referencia a la cabecera con la que se inicializa la etiqueta HEAD del tema activo de Magento :
<block type="page/html_head" name="head" as="head">
Se añadirá antes de su cierre:
<action method="addItem"><type>skin_css</type><name>css/estilo-jquery.css</name></action>
<action method="addItem"><type>skin_js</type><name>js/jquery.min.js</name></action>
<action method="addItem"><type>skin_js</type><name>js/jquery.ini.js</name></action>
Para evitar conflictos con otras librerías de JavaScript que Magento carga por defecto, se utilizará jQuery. noConflict(); Ver la documentación de jQuery en: http://api.jquery.com/jQuery.noConflict/
Ejemplo: var $j = jQuery.noConflict();
Después de haber realizado estos cambios se podrá utilizar jQuery en toda nuestra tienda Magento. Los archivos correspondientes a la librería de jQuery y CSS se cargarán ahora desde nuestro tema activo de Magento ubicados en:
skin/frontend/default/TU_TEMA/js y skin/frontend/default/TU_TEMA/css
1- Hacer que el carrito de compra sea siempre visible
Cuando añadimos algo en una tienda e-commerce, debemos tener siempre a vista el resume de nuestra compra, con el total y el detalle del articulo.
El carrito nos debe seguir por todas las páginas de nuestra tienda, para que el usuario pueda decidir el momento de finalizar la compra y realizar el proceso de pago.
El carrito debe ser visible o de fácil acceso, de colores contratantes con la información de la tienda.
2- Optimiza el botón “añadir al carrito”
Los visitantes de una web responden de manera diferente delante un botón. Cada botón como “añadir al carrito”, “más detalles” o “leer más” provocan indirectamente una llamada a una acción única.
Para un comprador ver un botón que diga “compra ahora”, le indica lo que debe hacer para poder llevar a cabo la experiencia de una llamada directa.
Los colores en estos botones son muy importantes. Depende mucho del negocio que tenemos, pero algunos colores ayudan a la hora de la decisión final por parte del usuario.
3- Utilizamos una función de auto relleno en el campo de búsqueda
En el e-commerce la búsqueda es una parte muy importante. Más del 20% de los visitantes utilizan la búsqueda para encontrar lo que quieren sin pasar por el menú de categoría.
En muchas ocasiones, el resultado de búsqueda es muy largo o con resultados equivocados, siendo que podemos escribir mal la palabra y así no encontrar lo que buscamos.
Una buena practica es utilizar una función de auto relleno (implementando jquery), de manera que nos encuentre resultados directos.
4- Un menú de navegación claro
Si nuestro e-commerce tiene demasiadas categorías y subcategorias una buena costumbre es utilizar una navegación fácil y clara. Por esto podemos utilizar un menú flotante “fly-out”. Es muy efectivo, nos mostrará todas las categorías y subcategorias que tenemos en la web y será el usuario que elegirá donde dirigirse.
5- Controlar la experiencia de compra de los visitante
Cada visitante es único. Intentamos que puedan customizarse una experiencia única. La posibilidad de ordenar los productos por precio, comentarios, decidir cuantos queremos ver en la página o ver los productos por fecha es una manera de personalizar la experiencia del usuario.
6- Ver una preview del producto
Agregar una vista previa de nuestro producto es una solución rápida para que podamos ver los detalles sin entrar en una nueva página y tener que esperar que se cargue y perder el listado que tenemos, por vía búsqueda o preferencia. Gracias al utilización de ajax podemos cargar esta información sin tener que cargar una nueva página y de esa manera mantener la atención del visitante en los detalles del producto.
7- Ficha producto limpia
La organización de la ficha producto es clave en un e-commerce. Debemos poner mucha atención en como disponemos la información del detalle de cada producto.
Cada elemento es importante, pero debemos saber dar los pesos justos. Las revisiones por parte de los clientes son muy importantes pero no son las primeras informaciones que queremos ver en la ficha del producto. La primera información es la imagen del producto, que debe ser lo más exacta con la original. Luego habrá el nombre del producto con la descripción y el precio, estos son los primeros elementos que llaman la atención del comprador. Al final vendrás las revisiones, comentarios y links a productos similares.
8- Mostrar claramente si el producto está disponible.
Podría ser una muy mala experiencia navegar por la web, elegir un producto y al final darnos cuenta que no está disponible o fuera de stock. Este dato debe estar bien a la vista, para potenciar la compra.
9- Identificar las diferentes variaciones del producto de forma intuitiva
Muchos productos tienen varias opciones, pueden requerir una talla, color, etc. Deben ser muy explícitas y fáciles. Además si se puede añadir varias imágenes para cada combinación.
10- Eliminar todas las distracciones posibles en la página de compra final (checkout)
Cuando un usuario llega al paso final es porqué ha decidido de finalizar la compra, y este paso debe ser de lo más fácil posible. Eliminamos todas las distracciones, sidebar, navegación, y los elementos que no nos sirven en este paso. Recordamos que aquí queremos que se finalice la operación.
Una sola página para recopilar la información de dirección, de pago y de envío aumenta a el ratio de conversión.
Esta vez nos centramos en una lista de tips que pueden llevar al fracaso tu tienda o negocio. Lo que no hay que hacer visto de una manera un poco irónica.
Seguramente el uso de al menos 5 o 6 de estas “pequeñas reglas de oro” harán que tu e-commerce vaya directo al fracaso seguro. Pero tranquilo, si estás atrapado en dos o tres aún estás a tiempo de escapar.
