Entradas

Mostrar un extension attribute en el api de Magento 2

, ,

Cuando añadimos un extension attribute a un modelo de Magento, por defecto no se muestra su valor en las peticiones api/rest que hagamos. Para ello, debemos escribir un código que capture el evento load_after e incluya los extension attributes.

Vamos a tomar como ejemplo un campo ‘custom_field’ que hemos añadido a la tabla de pedidos y que rellenamos en un evento cuando se cree un pedido.

Lo primero es definir este campo como un extension_attribute. Para ello insertamos este código en el fichero ‘etc/extension_attributes.xml’:

Ahora lo que necesitamos es crear un evento que añada los extension attributes al modelo cuando se cargue. Para ello añadimos este código al fichero ‘etc/events.xml’:

Y creamos el observer que gestionará el evento:

Para que esto funcione, la carpeta /var/generation ha de ser eliminada (o la carpeta generated/code, si usamos una de las últimas versiones de Magento 2), y vaciamos la cache desde consola con el siguiente comando:

/php bin/magento cache:flush

Si hemos seguido todos los pasos, podremos obtener nuestro atributo dentro del nodo  “extension_attributes” de la respuesta que obtenemos a través del api. De todas formas, si necesitas una ayuda no dudes en contactar con nosotros.

Magento para un negocio B2B

, , ,

Las plataformas B2B cada día cobran más importancia en el mundo online y es necesario entender, planificar y desarrollar soluciones a medida pensando en las necesidades de tus clientes. Aunque Magento es una plataforma pensada y desarrollada inicialmente para modelos de negocio B2C, debido al auge creciente del otro modelo, Magento para un negocio B2B también se ha convertido en una fantástica opción.

Debido a la potencia de la plataforma de Magento y la experiencia de los expertos en Magento, los desarrollos a medida para una plataforma B2B se convierten en una opción cada día más común. Hay algunas características que son esenciales a la hora de planificar un desarrollo de Magento para un negocio B2B.

Magento para un negocio B2B

Funcionalidades principales

Integración con ERP

Cada negocio utiliza un ERP diferente, aunque haya líderes en el mercado, por eso es esencial realizar una integración con el ERP lo más universal posible. Esto se puede conseguir mediante webservices o tablas intermedias.

 

Precios personalizados

Normalmente en un modelo de negocio B2C solo tenemos que plantearnos dos tipos de precio: el general y las ofertas. Para un modelo B2B la cosa cambia y seguramente queramos precios personalizados en función del cliente y en función del volumen de compra que este nos solicite.

 

Compartir compra

Muchos negocios nos solicitan varias cuentas de usuario, pero solo un responsable autorizado a hacer la compra final. Es por esto que se vuelve imprescindible una opción para que estos usuarios puedan hacer una lista de la compra conjunta que vea el responsable que la debe autorizar.

 

Compra rápida

La mayoría de los negocios van a repetir la misma compra en muchas ocasiones. Añadir los productos rápidamente (mediante hojas Excel por ejemplo) o la posibilidad de repetir un pedido anterior son ventajas que van a diferenciar nuestro Magento para un negocio B2B de la plataforma de nuestra competencia.

 

Multialmacén

El control de stock y almacenes es uno de los puntos más importantes de cualquier negocio B2B. El desarrollo inicial de Magento solo permite un almacén pero se puede desarrollar un módulo multialmacén que aproveche el stock de un modo más eficiente.

 

Formas de pago

Al tratar directamente con los profesionales, las formas de pago que ofrecemos deben ser más diversas. Muchas veces ya no nos basta con tener la opción de pago mediante tarjeta de crédito y PayPal. Magento para un negocio B2B debe ofrecer otras formas de pago: transferencias bancarias, pagos en diferido a 3, 6 o 12 meses para los proveedores, etc. Estas opciones de pago como los precios personalizados deben tener la capacidad de personalizarse para un cliente en concreto con el que hayamos negociado.

 

Gestión privada del catálogo

Normalmente en una tienda online con Magento B2C el catálogo es universal para cualquier persona que visite la web, pero en un negocio B2B la cosa puede ser bien diferente. Podría darse el caso de que, por ejemplo, hayamos negociado la exclusividad de un producto con un cliente en concreto y no nos interesa que el resto de clientes pueda tener la opción de comprarlo. También podemos tener stock reservado esperando la compra de otro cliente y no queremos que el resto tenga la opción de comprar ese stock. Es aquí donde la gestión privada de catálogo y stock se hace tan necesaria en Magento para un negocio B2B.

 

Herramientas para nuestro equipo de ventas

Cuando tratamos con nuestro equipo de ventas puede que no todos nuestros comerciales tengan el acceso a ofrecer las mismas ofertas o descuentos a los clientes con los que negocian. Por esto se podrían establecer diferentes reglas y ofertas en función del usuario comercial que las gestione.

También es muy interesante la opción de que el equipo de ventas pueda consultar los carritos abandonados de los clientes, para hacer un contacto con ellos y poder cerrar la venta. Normalmente el carrito se abandona por las dudas que surgen o por los precios. Magento para un negocio B2B debe ofrecer una opción para poder negociar estas ventas perdidas.

 

A la hora de pensar en implementar Magento para nuestro negocio B2B debemos tener en cuenta varios factores. Uno de ellos, y el más importante a nuestro parecer, es elegir un equipo de desarrollo con experiencia y que sea profesional. No queremos que nos dejen colgados en mitad de un desarrollo habiendo perdido nuestro tiempo con un proyecto fallido.

Nosotros podemos asesorarte, somos expertos en Magento y tenemos amplia experiencia desarrollando soluciones para negocios B2C y B2B. Puedes contactar sin ningún compromiso y te ayudaremos en tu futuro negocio de éxito.

¿Cómo crear un método de envío personalizado en Magento 2X?

, ,

A menudo hemos topado con el escenario en el cual un cliente va a trabajar con un operador logístico que no posee integración con Magento. Cuando esto sucede, lo más práctico es crear un método de envío que integre toda su operativa al máximo posible, para que el flujo diario sea transparente para el cliente.

Incluso en los casos que el operador no tenga un Api al cual conectar, nos puede venir bien hacer un método personalizado para tener nuestro cálculo de portes, ya que es posible que ninguno de los módulos de envío genéricos de Magento nos acople al 100%.

Vamos a hacer un método de envío sencillo, y explicaremos las funciones mínimas para integrar el servicio en Magento.

Estructura del módulo

app/code/ Gsoft / Cps /etc/ config.xml
app/code/ Gsoft / Cps /etc/adminhtml/system.xml
app/code/ Gsoft / Cps /Model/Carrier/Shipping.php
app/code/ Gsoft / Cps /composer.php
app/code/ Gsoft / Cps /registration.php

Solo con estos archivos ya tenemos un módulo de envío plenamente funcional. Vamos a ver el contenido de cada uno de ellos:

Los 2 primeros archivos son de sobra conocidos, y son requeridos en todos los módulos:

app/code/ Gsoft / Cps /registration.php

<?php

\Magento\Framework\Component\ComponentRegistrar::register(
\Magento\Framework\Component\ComponentRegistrar::MODULE,
‘Gsoft_Cps’,
__DIR__
);

app/code/ Gsoft / Cps /composer.php

{
«name»: «gsoft/cps»,
«description»: «»,
«require»: {
«php»: «~5.5.0|~5.6.0|~7.0.0»,

«magento/magento-composer-installer»: «*»
},
«suggest»: {

},
«type»: «magento2-module»,
«version»: «0.1.0»,
«license»: [

],
«autoload»: {
«files»: [
«registration.php»
],
«psr-4»: {
«Gsoft\\Cps\\»: «»
}
},
«extra»: {
«map»: [
[
«*»,
«Gsoft/Cps»
]
]
}
}

app/code/ Gsoft / Cps /etc/adminhtml/System/config.xml

<?xml version=»1.0″?>
<config xmlns:xsi=»http://www.w3.org/2001/XMLSchema-instance» xsi:noNamespaceSchemaLocation=»urn:magento:module:Magento_Config:etc/system_file.xsd»>
<system>
<section id=»carriers» translate=»label» type=»text» sortOrder=»320″ showInDefault=»1″ showInWebsite=»1″ showInStore=»1″>
<group id=»cps» translate=»label» type=»text» sortOrder=»0″ showInDefault=»1″ showInWebsite=»1″ showInStore=»1″>
<label>CPS Shipping Method</label>
<field id=»active» translate=»label» type=»select» sortOrder=»1″ showInDefault=»1″ showInWebsite=»1″ showInStore=»0″ canRestore=»1″>
<label>Enabled</label>
<source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
</field>
<field id=»name» translate=»label» type=»text» sortOrder=»3″ showInDefault=»1″ showInWebsite=»1″ showInStore=»1″ canRestore=»1″>
<label>Method Name</label>
</field>
<field id=»handling_type» translate=»label» type=»select» sortOrder=»7″ showInDefault=»1″ showInWebsite=»1″ showInStore=»0″ canRestore=»1″>
<label>Calculate Handling Fee</label>
<source_model>Magento\Shipping\Model\Source\HandlingType</source_model>
</field>
<field id=»handling_fee» translate=»label» type=»text» sortOrder=»8″ showInDefault=»1″ showInWebsite=»1″ showInStore=»0″>
<label>Handling Fee</label>
<validate>validate-number validate-zero-or-greater</validate>
</field>
<field id=»sort_order» translate=»label» type=»text» sortOrder=»100″ showInDefault=»1″ showInWebsite=»1″ showInStore=»0″>
<label>Sort Order</label>
</field>
<field id=»title» translate=»label» type=»text» sortOrder=»2″ showInDefault=»1″ showInWebsite=»1″ showInStore=»1″ canRestore=»1″>
<label>Title</label>
</field>
<field id=»sallowspecific» translate=»label» type=»select» sortOrder=»90″ showInDefault=»1″ showInWebsite=»1″ showInStore=»0″ canRestore=»1″>
<label>Ship to Applicable Countries</label>
<frontend_class>shipping-applicable-country</frontend_class>
<source_model>Magento\Shipping\Model\Config\Source\Allspecificcountries</source_model>
</field>
<field id=»specificcountry» translate=»label» type=»multiselect» sortOrder=»91″ showInDefault=»1″ showInWebsite=»1″ showInStore=»0″>
<label>Ship to Specific Countries</label>
<source_model>Magento\Directory\Model\Config\Source\Country</source_model>
<can_be_empty>1</can_be_empty>
</field>
<field id=»showmethod» translate=»label» type=»select» sortOrder=»92″ showInDefault=»1″ showInWebsite=»1″ showInStore=»0″>
<label>Show Method if Not Applicable</label>
<source_model>Magento\Config\Model\Config\Source\Yesno</source_model>
<frontend_class>shipping-skip-hide</frontend_class>
</field>
<field id=»specificerrmsg» translate=»label» type=»textarea» sortOrder=»80″ showInDefault=»1″ showInWebsite=»1″ showInStore=»1″ canRestore=»1″>
<label>Displayed Error Message</label>
</field>
</group>
</section>
</system>
</config>

 

Este fichero define todas las opciones disponibles que tendrá el módulo dentro del apartado ventas > métodos de envío de Magento:

métodos de envío Magento

 

app/code/ Gsoft / Cps /etc/config.xml

 

<?xml version=»1.0″?>
<config xmlns:xsi=»http://www.w3.org/2001/XMLSchema-instance» xsi:noNamespaceSchemaLocation=»urn:magento:module:Magento_Store:etc/config.xsd»>
<default>
<carriers>
<cps>
<active>1</active>
<sallowspecific>0</sallowspecific>
<model>Gsoft\Cps\Model\Carrier\Shipping</model>
<name>Envío personalizado</name>
<title>Cps</title>
<specificerrmsg>This shipping method is not available. To use this shipping method, please contact us.</specificerrmsg>
<handling_type>F</handling_type>
</cps>
</carriers>
</default>
</config>

 

Este fichero declara nuestro módulo, y preasigna el valor de las opciones definidas en el fichero system.xml

app/code/ Gsoft / Cps /Model/Carrier/Shipping.php

 

<?php
namespace Gsoft\Cps\Model\Carrier;

use Magento\Quote\Model\Quote\Address\RateRequest;
use Magento\Shipping\Model\Rate\Result;

class Shipping extends \Magento\Shipping\Model\Carrier\AbstractCarrier implements
\Magento\Shipping\Model\Carrier\CarrierInterface
{
/**
* @var string
*/
protected $_code = ‘cps’;

/**
* @var \Magento\Shipping\Model\Rate\ResultFactory
*/
protected $_rateResultFactory;

/**
* @var \Magento\Quote\Model\Quote\Address\RateResult\MethodFactory
*/
protected $_rateMethodFactory;

protected $quote;

/**
* Shipping constructor.
*
* @param \Magento\Framework\App\Config\ScopeConfigInterface          $scopeConfig
* @param \Magento\Quote\Model\Quote\Address\RateResult\ErrorFactory  $rateErrorFactory
* @param \Magento\Shipping\Model\Rate\ResultFactory                  $rateResultFactory
* @param array                                                       $data
*/
public function __construct(
\Magento\Framework\App\Config\ScopeConfigInterface $scopeConfig,
\Magento\Shipping\Model\Rate\ResultFactory $rateResultFactory,
\Magento\Quote\Model\Quote\Address\RateResult\MethodFactory $rateMethodFactory,            array $data = []
) {
$this->_rateResultFactory = $rateResultFactory;
$this->_rateMethodFactory = $rateMethodFactory;
parent::__construct($scopeConfig, $rateErrorFactory, $logger, $data);
}

/**
* get allowed methods
* @return array
*/
public function getAllowedMethods()
{
$methods=[‘custom’=>’Custom’];
return $methods;
}

/**
* @return float
*/
private function getShippingPrice(RateRequest $request)
{
//Esta función es la que se encargará de calcular la tarifa, en función de los parámetros recibidos en $request
$shippingPrice = 5;//precio fijo a 5

return $shippingPrice;
}

/**
* @param RateRequest $request
* @return bool|Result
*/
public function collectRates(RateRequest $request)
{
if (!$this->getConfigFlag(‘active’)) {
return false;
}

/** @var \Magento\Shipping\Model\Rate\Result $result */
$result = $this->_rateResultFactory->create();
foreach($this->getAllowedMethods() as $code=>$name) {

/** @var \Magento\Quote\Model\Quote\Address\RateResult\Method $method */
$method = $this->_rateMethodFactory->create();
$method->setCarrier($this->_code);
$method->setCarrierTitle($this->getConfigData(‘title’));

$method->setMethod($code);
$method->setMethodTitle($name);

$amount = $this->getShippingPrice($request);
if ($amount === false) return false;
$method->setPrice($amount);
$method->setCost($amount);

$result->append($method);
}

return $result;
}    public function isTrackingAvailable(){  return false;    }
}

 

Este fichero contiene la funcionalidad de nuestro método de envío. La función getShippingPrice es la que se encarga de hacer el cálculo de la tarifa en base a los parámetros recibidos en la variable $request. Esta variable contiene todos los datos de destino del pedido, así como el peso del pedido.

Si pudiéramos hacer una integración con el operador logístico, querríamos que el tracking se pudiera sincronizar con Magento, para poder enviarle los emails al cliente con su código de tracking incorporado. Para ello, deberíamos devolver true en la función “isTrackingAvailable”,  y añadir una nueva función:

public function getTrackingInfo($tracking)
{

$info = array();

$result = {FUNCION QUE CONECTA AL API Y OBTIENE TODO EL TRACKING LOG}
    if ($result instanceof Mage_Shipping_Model_Tracking_Result) {
if ($trackings = $result->getAllTrackings()) {
return $trackings[0];
}
} elseif (is_string($result) && !empty($result)) {
return $result;
}

return false;

}

 

Esta función devuelve un array con todos los cambios de estado de la mercancía, y Magento la utilizará para mostrar el historial del tracking en el pedido, tanto en la zona de cliente como en el backend.

Sólo con estos ficheros ya tenemos un módulo de envío personalizado operativo para Magento 2X. Magento te facilita mucho la operativa, pero que te puedas concentrar en la complejidad que requiera el cálculo de tarifas o la integración con el operador logístico.

Si necesitas integrar un operador logístico con tu Magento 1 o Magento 2, contacta con Gsoft Innova. Tenemos múltiples módulos ya desarrollados, ampliamente testeados y en funcionamiento desde hace tiempo para operadores como GLS o Spring entre otros.

Como instalar parches de seguridad en Magento 2

,

Ya sabemos lo importante que es tener nuestra web debidamente protegida de cualquier ataque, y más cuando se trata de un e-commerce. En este artículo vamos a ver los distintos procedimientos (sí, hay más de uno) para instalar parches de seguridad en Magento 2.

Opción A: Actualizar a la versión más reciente

Siempre deberíamos tener actualizado Magento a la última versión estable disponible, pero sabemos que no siempre es viable. En el caso de fuera posible, podemos actualizar nuestro Magento 2 directamente desde el backoffice de Magento. Pasos a seguir:

  1. Creamos un backup de todo el sitio.
  2. Entramos en el backend de nuestro Magento 2, y vamos a System > Web Setup Wizard > System Upgrade.
  3. Si nunca habíamos entrado, es posible que nos pida nuestras claves de Magento marketplace. Si este fuera el caso, para obtenerlas iniciamos sesión en https://account.magento.com/customer/account/login
    y nos desplazamos a My Profile > Marketplace > My products >Access keys

Magento 2

En esta sección podremos ver nuestra clave pública y privada. Si no tuviéramos ninguna creada, podemos crearlas usando el botón ‘Create a New Access Key’.

4. Una vez hemos introducido las claves, nos aparecerá una pantalla parecida a esta:

Actualización de Magento 2

Ahora simplemente tenemos que seguir los pasos del asistente y nuestra tienda se actualizará a la última versión. Tarda un rato, por lo que no te preocupes si ves que está encallado en la última pantalla.

Evidentemente, esto hay que hacerlo en un primer momento en nuestro servidor de desarrollo para poder verificar que todo funciona correctamente.

Tip adicional

Cuando actualicemos Magento 2, la web activará el modo mantenimiento, y nos mostrará una pantalla (bastante fea) de error 503. Si no queremos espantar a nuestros visitantes, podemos personalizar esa página para avisarles que estamos realizando tareas de mantenimiento. Para ello, simplemente editaremos el fichero que se encuentra en errors/default/503.phtml y le daremos un estilo más amigable.

Opción B: Instalar parches sin actualizar magento 2

En este caso vamos a instalar los parches directamente en el core de Magento 2, sin actualizar todos sus componentes. Este proceso es igual de válido que el anterior, aunque no dispondremos de las últimas novedades de la última versión.

Instalar parches en Magento 2 es similar a  instalar parches en Magento 1.  Primero tenemos que averiguar qué versión exacta tenemos de Magento 2 instalada. Esto lo podemos ver en el pie del backoffice de nuestra web:

Versiones de Magento 2

A continuación nos vamos a la web https://magento.com/tech-resources/download, y nos descargamos el parche correspondiente a nuestra versión:

Magento 2

Y lo subimos por ftp a la raíz de nuestro desarrollo Magento 2. A continuación, iniciaremos sesión por ssh, vamos a la carpeta raíz de Magento, y ejecutamos (siempre con el usuario del sistema de Magento, nunca como root):

  1. Si es un archivo .sh:
    sh nombredelficherodescargado.sh
  2. Si es un archivo .patch:
    patch -p1 < nombredelficherodescargado.patch
  3. Si tuvieras instalado y configurado git:
    git apply patch

Si obtuviéramos errores, podemos seguir esta guía de magento 1 para detectarlos y solucionarlos. El procedimiento sería el mismo para Magento 2.
Una vez aplicado, limpiaremos la caché de Magento:

php bin/magento cache:clean
php bin/magento cache:flush

O podemos hacerlo desde el mismo backend, en system > Manage cache.

Lo normal es que no necesitemos recompilar, pero hay que leerse bien la información del parche por si fuera necesario.

¿Necesitas ayuda?

Ponte en contacto con Gsoft para instalar tus parches de seguridad de Magento 1x y Magento 2x. Llevamos desarrollando proyectos desde los inicios de ambas versiones, por lo que disponemos de un profundo know-how sobre esta plataforma.

Los mejores módulos de Magento 2 GRATIS

,

A la hora de montar tu tienda online es necesario instalar diversos módulos para añadir funcionalidades a la misma de forma sencilla. Nosotros, como profesionales del sector, sabemos que la tarea de buscar y encontrar los mejores módulos gratis para Magento 2 puede ser una tarea costosa. Tanto por la cantidad de módulos existentes que desarrollan la misma funcionalidad, como por la dificultad de encontrar módulos de precio contenido o gratuitos. Pero no te preocupes, nosotros en el ejercicio de nuestra profesión hemos tenido tiempo de probar muchos de estos módulos y hemos realizado esta selección de mejores módulos gratis para Magento 2.


Blog for Magento 2

Si la tienda online tiene un buen blog, puedes atraer más y más visitantes. Puedes mostrar más información y así conseguir más interacciones de tus clientes. Con Magento 2 Blog, el administrador puede crear muchas publicaciones que son convenientes para atraer nuevos clientes y dar información extra a los clientes habituales.

Características

  • SEO Friendly.
  • Integración con el sitemap de Magento.
  • Publicaciones del blog tienen atributos flexibles.
  • Optimización de redes sociales.
  • Editor WYSIWYG para el administrador.
  • Comentarios a través de diferentes plataformas: Facebook, Disques…
  • Soporte para múltiples tiendas.

Información

  • Precio: Gratis.

mejores modulos gratis magento 2SMTP for Magento 2

La extensión SMTP for Magento 2 es un musthave para tu tienda online. Esta extensión te brinda más oportunidades para contactar con tus clientes de email marketing. Además, hacer uso de plantillas adaptadas, atraerá más la atención de los mismos.

Características

  • Servidor y puerto SMTP fácilmente customizable.
  • +20 proveedores de servicios SMTP.
  • Permite hacer envíos de prueba antes de enviar el email a los clientes.
  • Permite ver logs del envió de emails.
  • 100% Open-source.

Información

  • Precio: Gratis.

mejores plugins gratis magento 2

Social Login for Magento 2

Esta extensión está diseñada para que los clientes puedan entrar fácilmente en su tienda online a través de su login de sus redes sociales favoritas.

Características

  • Cambiar fácilmente la información del cliente.
  • Adecuado para la navegación por capas.
  • Fácilmente customizable.
  • One Step Checkout.
  • Conversión desde el módulo de afiliados.
  • Soporte para programas de lealtad.

Información

  • Precio: Gratis.

top plugins gratis magento 2

Newsletter Popup for Magento 2

Con esta extensión puedes incrementar la conversión de visitantes a clientes o suscriptores. Esto, a su vez, incrementará el tráfico de tu tienda online. Además, puedes ofrecer cupones, descuentos o otros contenidos de tu tienda online de forma fácil.

Características

  • Flexibilidad para mostrar solo en ciertas páginas.
  • Tiempo configurable.
  • Altamente personalizable.
  • Plantillas ya diseñadas para el pop-up.
  • Registro suscriptor por Ajax.

Información

  • Precio: Gratis.

top extensiones gratis magento 2

Advanced Report for Magento 2

Muchas veces los reportes que nos ofrece Magento son insuficientes, aquí es donde entra esta extensión. Este innovador módulo te ayuda a rastrear las estadísticas de tu tienda online, recolectando datos de tus clientes, pedidos, ventas, productos… Con los informes que nos proporciona este módulo podemos mejorar nuestra toma de decisiones para nuestro negocio.

Características

  • Soporte para 2 informes avanzados.
  • Comparación de informes.
  • Soporte para hasta 16 tarjetas de informe.
  • Gráficos de líneas soportados.

Información

  • Precio: Gratis.

recaptcha para magento

Google reCaptcha for Magento 2

Ofrecer formularios de contacto para nuestros clientes es esencial en una tienda online. El problema se da cuando hay una falta de seguridad sobre quién puede y no puede enviar mensajes a través de estos formularios. Hay que evitar el spam y los fraudes. Es por esto que recomendamos instalar el módulo de Google Recaptcha. Si estamos utilizando la versión de Magento 2.3.x o superior, esto ya estará implementado directamente en la instalación de Magento por defecto.

Características

  • Captcha visible e invisible.
  • Añadido en cualquier formulario de la tienda.
  • Soporte para múltiples páginas.
  • Compatible con la mayoría de módulos.

Información

  • Precio: Gratis.

top modulos gratis magento 2

SEO for Magento 2

Está demostrado que la optimización SEO puede hacerte subir en los rankings de búsqueda más de un 32% e incrementar el tráfico de tu sitio en más de un 198%. Es por eso que cuidar este aspecto de tu tienda online es tan importante. Más tráfico, más ventas. Este módulo nos ayuda a implementar y cuidar el SEO de nuestra web de forma sencilla. Olvídate del código.

Características

  • Comprobación de contenido duplicado.
  • Datos estructurados automáticos.
  • Plantillas de metadatos variables y dinámicas.
  • Implementación sencilla de etiquetas hreflang.
  • Informes SEO.
  • Implementación sencilla de migas de pan.
  • Soporte para crosslinks.
  • Soporte para tiendas múltiples y multiidioma.

Información

  • Precio: Gratis.

¿Cuál de los mejores módulos de Magento 2 gratis es el perfecto para mi?

Solo hay una respuesta posible a esa pregunta, hacer pruebas en función de las necesidades de tu tienda.

Nosotros hemos seleccionado los mejores módulos gratis para Magento 2, pero si tu tienda no necesita, por ejemplo, el módulo de SEO porque vas a implementarlo en una intranet y el posicionamiento no te importa, desde luego este módulo no será el mejor para ti.

Si quieres que un equipo de profesionales valore y analice las necesidades de tu sitio web y te ayude a darle un impulso a tus ventas con estos módulos y otros muchos que hemos diseñado nosotros mismos, puedes contactar con nosotros y un profesional te atenderá sin compromiso.

¿Qué necesito para alojar Magento?

, , ,

Magento es una de las plataformas de comercio electrónico más potentes y versátiles. Por eso es la opción número uno para muchos propietarios de tiendas online. Sin embargo, el rendimiento de su tienda depende de la solución de alojamiento que elija. Tome una decisión equivocada y podría quedarse con un sitio que cargue lento o con frecuencia esté caído y no proporcione la seguridad que exigen sus clientes. En este artículo, veremos cómo las tiendas pequeñas o medianas pueden beneficiarse del alojamiento Magento dedicado o VPS.

¿Por qué es hora de deshacerse de un hosting compartido?

Como una gran plataforma, Magento necesita importantes recursos de servidor para funcionar de manera óptima, especialmente cuando hay picos del tráfico. Si bien puede funcionar en un alojamiento compartido tradicional, los recursos informáticos disponibles no proporcionarán todo lo que necesita para hacer frente a una gran demanda.  Especialmente esto hay que tener en cuenta cuando otros clientes utilizan el servidor compartido al mismo momento. Esto puede llevar a que su sitio se cargue y funcione lentamente, e incluso existe riesgo de colapsarse.

No solo la cantidad de recursos es importante. A veces, la forma en que se configura un servidor puede impedir el rendimiento de Magento. Idealmente, los sitios web de Magento necesitan servidores configurados especialmente para la plataforma Magento. Esto no se hace con las soluciones de alojamiento compartido, ya que están configurados para la compatibilidad multiplataforma.

Una de las razones principales por las que las tiendas online optan por el alojamiento compartido es porque es la opción más barata. Sin embargo, el alojamiento Magento dedicado que usa el VPS comienza a solo 30 eu al mes. Es solo un poco más caro que el alojamiento compartido. Pero proporciona la mayor velocidad, rendimiento y confiabilidad que se ha demostrado para aumentar las tasas de conversión. En este sentido, los pocos euros ahorrados con el alojamiento compartido podrían costarle mucho más en ventas perdidas.

6 razones clave para elegir un VPS para Magento

  1. Mejora excepcional del rendimiento

Un servidor privado virtual (VPS) es, en esencia, un mini servidor dedicado que proporciona a los usuarios su propio entorno de alojamiento independiente. Por lo tanto, no solo obtiene un gran aumento de recursos, no tendrá que compartirlos con otros usuarios. Si otro VPS que utiliza el mismo hardware está excepcionalmente ocupado, no tendrá ningún efecto en el rendimiento de su sitio.

Diseñado para pequeñas y medianas tiendas Magento, VPS ofrece a los usuarios una excelente relación rendimiento/costo. Muy por encima del alojamiento compartido, que proporciona toda la potencia de procesamiento, RAM, ancho de banda y almacenamiento necesarios.

  1. Magento VPS optimizado

Una de las grandes ventajas del alojamiento dedicado de Magento es que, al no utilizarse ninguna otra plataforma en el servidor, puede optimizarse completamente para Magento. En otras palabras, se configurará para garantizar que su tienda de comercio electrónico funcione de manera óptima.

Poner esto en práctica requiere una configuración específica de Magento para el hardware, el sistema operativo, la base de datos, el servidor web y la red. Cuando esto esté configurado, su tienda Magento tendrá capacidades de rendimiento mejoradas. Lo ayudarán a cargar a altas velocidades, a hacer frente sin esfuerzo en momentos de máxima demanda y a ejecutar múltiples aplicaciones de sitios web con facilidad. Este nivel de rendimiento no se puede lograr con una configuración de servidor estándar. Ni siquiera obtendrá esta mejora incluso con un paquete de alojamiento VPS normal.

  1. Un sitio que permanece siempre online

Uno de los atributos clave de un VPS es que es virtual. Esto significa que no está vinculado a ninguna pieza única de hardware. Si hay una indicación de un problema de hardware, todo el VPS se puede instalar en otro hardware sin la necesidad de desconectarlo. Esto lo hace ideal para sitios que necesitan operar 24/7.

Además, los recursos adicionales proporcionados por un paquete VPS significan que su sitio no se bloqueará o se desconectará si experimenta un tráfico intenso.

  1. Seguridad robusta

Un sitio web seguro es esencial para cualquier empresa que acepte pagos. Un buen paquete dedicado de alojamiento de Magento incluirá una serie de medidas de seguridad sólidas para ayudar a poner esto en práctica.

  1. Cumplimiento normativo

Si acepta pagos, también deberá ser compatible con PCI DSS. Es esencial que elija un proveedor que ofrezca planes de alojamiento que sean compatibles con SAQ-A y A-EP.

Además, cualquier servicio de copia de seguridad proporcionado por su host Magento también debe cumplir con los estrictos estándares de PCI. Asegúrese de que cualquier paquete de alojamiento almacene sus datos de forma remota con el cifrado «de extremo a extremo». También asegúrese de que compruebe la integridad de la copia de seguridad, el registro y los informes para garantizar que sus copias de seguridad estén seguras y disponibles cuando las necesite.

  1. Soporte técnico

Pasar a una forma diferente de alojamiento, especialmente si está expandiendo la cantidad de aplicaciones que está ejecutando al mismo tiempo, puede plantear algunos desafíos técnicos. Por este motivo, es fundamental que opte por un proveedor de servicios que ofrezca un buen soporte técnico.

Conclusión

El alojamiento dedicado de VPS Magento ofrece una amplia gama de beneficios para pequeñas y medianas tiendas de e-commerce basadas en Magento. Proporciona más recursos informáticos que el alojamiento compartido. Tiene una optimización centrada en Magento que es superior en rendimiento al VPS estándar. Igualmente cuenta con un buen soporte técnico. Además, puede hacer que su sitio sea más seguro y ayudarlo con el cumplimiento normativo.

Optimización SEO Técnico para Magento

, , ,

Hemos desarrollado ya nuestra tienda online con Magento, comprobamos que está funcionando, al cliente le gusta, a los compradores también, pero aún queda alguien a quién le tiene que gustar nuestra página web, Google. Llega la hora de la optimización SEO Técnico para Magento. Para ellos vamos a utilizar dos de las mejores herramientas que tenemos a nuestra disposición: el módulo PageSpeed para servidores Apache y Nginx y SemRush.

Optimizar Magento con PageSpeed

Una de las mejores herramientas que tenemos actualmente para optimizar una página web es el módulo de PageSpeed. Es obvio que si Google es quién nos dice como de bien hemos optimizado nuestro sitio web, una de las mejores herramientas para hacerlo es la suya propia. En otras entradas del blog hemos repasado qué es PageSpeed, sus configuraciones básicas y qué filtros funcionan mejor y por qué en un WordPress. Hoy es el turno de hablar de la optimización SEO Técnico para Magento.

Magento es una herramienta avanzada para la creación de una tienda online. Por tanto, es lógico suponer qué ya tiene algunas características integradas para su optimización. Una de las herramientas mas interesantes es la de combinar y minificar JSS y CSS.

Para hacer esto debemos tener acceso al panel de administrador. Concretamente en Configuración -> Avanzado -> Desarrollador -> JavaScript Settings y Css Settings. Aquí debemos activar las opciones «Merge JavaScript files» y «Merge CSS files» respectivamente.

Lo que seguramente te estés preguntando, sobretodo si has leído nuestros anteriores posts, es, bueno, ¿y si Magento ya combina y optimiza los archivos automáticamente para qué necesitamos el módulo de PageSpeed?

Aquí es donde entran los demás filtros que nos ofrece esta herramienta.

Filtros recomendados

A la hora de competir en el mercado en temas de optimización, cada byte cuenta. Por ello si podemos añadir un extra de optimización a nuestra página, siempre vamos a estar ganando.

extend_cache: Este filtro sobreescribe las cabeceras HTTP de los recursos de la página para extender su caché en caso de ser necesario. Muy recomendable.

combine_css & rewrite_css: Básicamente lo mismo que la función de Magento. Combina y minifica los CSS. La diferencia entre activarlo o no es minúscula, pero cada byte cuenta. Recomendable.

sprite_images: Solo activable si has activado rewrite_css. Combina las imágenes de los CSS es un sprite. Reduce la latencia de la web al descargar un fichero en vez de varios. Recomendable, pero revisar con cuidado el resultado.

collapse_whitespace & remove_comments: Bastante explicativos por el nombre. Eliminan los espacios en blanco y los comentarios. Muy recomendable. Cero riesgo.

inline_css & inline_javascript: Insertan en el propio código los CSS y JS de menor tamaño. Si estamos utilizando los filtros de combine, hay que tener cuidado con la cantidad de archivos que estamos introduciendo en el código, no queremos que la página ocupe megas y megas. El tamaño máximo de los archivos se puede controlar con CssInlineMaxBytes y JsInlineMaxBytes.

rewrite_images: Muy recomendable. Optimiza las imágenes del sitio web. Inserta en el código las de menor tamaño, las redimensiona, las convierte al formato webp y las recomprime.

defer_javascript: Los scripts del sitio web se descargan de forma asíncrona, por lo tanto no bloquean el renderizado de la página web. Recomendable pero con riesgo alto.

Configuraciones extra

Lo primero que deberíamos hacer es activar el modo debug del PageSpeed. Con esto podemos comprobar directamente en la consola de desarrollador de Google Chrome qué es lo que está fallando y por qué no se están aplicando algunos filtros. Para hacer esto activamos el filtro:

pagespeed EnableFilters debug;

optimización seo tecnico para magento

Para que los filtros descritos arriba se apliquen correctamente deberemos establecer una cuantas configuraciones en nuestro módulo de PageSpeed:

pagespeed LoadFromFile «https://www.dominio.com» «/var/www/vhosts/dominio.com/httpdocs/»;

pagespeed LoadFromFile «https://dominio.com» «/var/www/vhosts/dominio.com/httpdocs/»;

Previene que el módulo de PageSpeed no pueda encontrar algunos ficheros de nuestro sitio web. Con este filtro le indicamos la ruta dónde debe buscarlos. A la hora de aplicar este filtro hay que tener cuidado, pues entra en conflicto con el filtro de caché establecido previamente. Para solucionar esto debemos aplicar:

pagespeed LoadFromFileCacheTtlMs milisegundos;

Con esto solucionamos la caché de los archivos que se carguen directamente con el filtro de arriba.

 

Por último, si aún existen recursos que el módulo de PageSpeed nos indica que no encuentra, o que no puede acceder a ellos, y con ello resiente nuestra optimización SEO Técnico para Magento, podemos mapear los dominios a los que tiene autorizado acceder el módulo. Esto se consigue con:

pagespeed Domain dominio.com;

pagespeed Domain www.dominio.com;

 

Como siempre decimos, cada sitio web es un mundo. Pero con estos consejos, leyendo la documentación oficial y probando, seguro que le ganas unos puntos a la competencia.

 

Optimización SEO Técnico para Magento con SemRush

La segunda herramienta que vamos a utilizar para la optimización seo técnico para Magento es Semrush. Con esta herramienta vamos a poder comprobar de manera sencilla todos los errores que comete nuestra página web y que afectan al posicionamiento. Seguramente la primera vez que entres y hagas un análisis del sitio web te asustes. No te preocupes, a todos nos ha pasado. A nadie le gusta ver algo así:

optimización seo técnico para magento

 

La mayoría de errores seguramente os estén surgiendo por problemas de metadescripciones, títulos o contenido duplicado.

optimización seo técnico para magento

 

Para solucionar esto vamos a utilizar un módulo de Magento llamado Mirasvit SEO. Este módulo nos permite establecer de forma sencilla una serie de plantillas para editar tanto los títulos como las descripciones meta de las páginas del sitio.

Si pulsamos, una vez instalado el módulo, sobre SEO -> SEO Templates, accederemos a esta función.

En nuestro caso hemos establecido dos plantillas que nos ayudan a automatizar la optimización SEO Técnico para Magento.

optimización seo técnico para magento

Lo importante de estas plantillas son filtros. Con los shortcodes de [category_name] y [category_parent_name], podemos establecer textos únicos para casi cualquier página de nuestra tienda.

Con estos dos «sencillos» pasos hemos optimizado la página web hasta un valor del 88%.

optimización seo técnico para magento

El resto de optimizaciones ya son algo más específicas y requieres de más tiempo. Las cubriremos en próximas entradas del blog, así que estate atento.

 

Conclusiones

Optimizar una página web es una tarea de horas y horas, pero si haces caso de estos consejos, podrás ponerte por delante de la mayoría de tu competencia. Aprender a utilizar y gestionar los módulos de PageSpeed y la herramienta de SemRush es un valor añadido para cualquier página web que crees y para tus clientes.

Si aún así, todo esto te resulta demasiado complicado, nosotros tenemos un equipo de profesionales que seguro que están dispuestos a asesorarte y ayudarte. Contáctanos sin compromiso. NO esperes más tiempo para optimizar tu negocio.

Cómo instalar los parches de seguridad de Magento

, , ,

Es crucial tener nuestras tiendas de e-commerce debidamente actualizadas para evitar que los datos que tratamos sean comprometidos. Muchas veces estas webs no están actualizadas debido al desconocimiento de los administradores,  los cuales tampoco tienen por qué tener conocimientos informáticos. Para ello, lo mejor es siempre contar con profesionales que mantengan tu plataforma al día en términos de seguridad.

En este artículo vamos a repasar el proceso para instalar parches de seguridad en una tienda de comercio electrónico realizada en MAGENTO 1x. Magento publica periódicamente parches que solucionan errores de vulnerabilidad de su plataforma, así como actualizaciones de servicios como Paypal o sus métodos de envío. Es nuestra responsabilidad aplicar estos parches a nuestro desarrollo.

¿Estoy al día con los parches de seguridad?

Lo primero es saber si estás al día en cuestión de parches de seguridad. Si no tienes ni idea, lo más seguro es que no lo estés, salvo que acabes de instalar la última versión en este momento.

Para empezar, podemos hacer un análisis de nuestra web en https://www.magereport.com. Esta web hace un análisis superficial y te indica si tienes parches sin aplicar. Su resultado no es fiable 100%, ya que la web no es capaz de detectar todos los tipos de parches, pero los que sí detecta al menos ya sabes que los tienes instalados:

Parches de seguridad Magento

 

Si queremos tener información más detallada, debemos  consultar el fichero que se encuentra en la siguiente carpeta de Magento:

/app/etc/applied.patches.list

Cuando instalamos un parche de seguridad usando la línea de comandos,  se crea una entrada en este fichero, de modo que podemos consultarlo en un futuro si no recordamos que parches hemos instalado con anterioridad. En este punto se nos plantean 2 escenarios: que ese fichero exista, o que no exista.

  1. ¡No tengo ese fichero!

Si este fichero no existe, significa que nunca se han instalado parches usando la línea de comandos. Para saber que parches  tenemos que instalar, deberíamos:

  1. Averiguar la versión de Magento. Podemos verla en el pie del backend de nuestra tienda:

Versión de Magento

  1. Vamos a la página de descarga de Magento (https://magento.com/tech-resources/download), pinchamos en ‘Release Archive’, y hacemos scroll hasta encontrar nuestra versión de Magento:

Descarga de Magento

Aquí ya podemos ver cuál es el último parche que viene con esta versión de Magento (SUPEE-5344), por lo que ya podríamos ir al listado de parches y buscar el siguiente parche publicado:

Último parche

En este caso sería el parche SUPEE-5994.

  1. Sí, ese fichero existe

Si tenemos ese fichero, lo abrimos y nos dará la información que estamos buscando. En este fichero podemos ver un resultado como este:

2016-11-24 08:23:43 UTC | SUPEE-6482 | CE_1.9.2.0 | v1 |  | Tue Jul 14 14:17:04 2015 +0300 |
patching file app/code/core/Mage/Api/Model/Server/AdapteroSoap.php
Hunk #1 succeeded at 209 (offset -24 lines).
patching file app/code/core/Mage/Catalog/Model/Product/Api/V2.php

2016-11-24 08:23:55 UTC | SUPEE-7616 | CE_1.9.2.2-CE_1.8.0.0 | v1 | 1609c0d0be86473d357346fa51f93c12b365d7a1 | Tue Dec 8 12:53:31 2015 +0200 | e1fc3c59c9587427b8a9c88655715f27afbfe970..1609c0d0be86473d357346fa51f93c12b365d7a1
patching file app/code/core/Mage/Usa/Model/Shipping/Carrier/Usps.php

2017-02-14 17:26:19 UTC | SUPEE-9652 | EE_1.14.3.1 | v1 | 4038f0785d828794083f53f10c01aaa6af403523 | Tue Jan 24 15:03:12 2017 +0200 | 9586981e6ca8b255014b242d50b68b88525b0754..4038f0785d828794083f53f10c01aaa6af403523
patching file lib/Zend/Mail/Transport/Sendmail.php

En él podemos ver el identificador del parche (lo he marcado en negrita) y la fecha de instalación. Si se ha seguido un orden cronológico en la instalación de los parches, podemos anotar el último parche del fichero, en este caso sería el SUPEE-9652, e irnos a la web de descargas de Magento y buscar el siguiente:

Descargas de Magento

En este caso instalaríamos el parche SUPEE-9767. Pero si leemos la descripción, veremos que este parche es obsoleto (Deprecated), por lo que nos instan a instalar el parche SUPEE-9767 v2 en su lugar. Es muy importante que leamos la descripción del parche antes de instalarlo, ya que a veces se sustituyen unos parches por otros, por lo que si aún no lo hemos instalado, nos evitamos trabajo.

Ya tengo el fichero, ¿y ahora qué?

Ya tenemos el fichero correspondiente al parche de seguridad, por lo que vamos a proceder a instalarlo. El único requisito es que tengamos acceso al Shell de nuestro servidor. Para ello, lo subiremos a nuestro servidor, y ejecutaremos el siguiente comando desde un terminal ssh:

sh nombredelfichero

Si no hay ningún problema,  nos saldrá un mensaje como el siguiente:

Mensaje 1

Esto quiere decir que el parche se ha instalado correctamente. Pero como sabemos que la informática no es un mundo mágico con unicornios y piruletas, es muy probable que salga algo parecido a esto:

Mensaje 2

Esto quiere decir que no ha podido instalar el parche.

¡Socorro!

Tranquilo, tiene solución. Esto es, porque el sistema de parches de Magento funciona haciendo un diff sobre el fichero a modificar, por lo que si el fichero tiene cambios con respecto a como Magento entiende que debería ser, te informará que no puede efectuar esa actualización.

Esto suele pasar porque hay modificaciones en el código base de Magento, debidas a un mal desarrollador, o a que el archivo es de una versión de Magento distinta a la indicada en el parche.

Por suerte, en el mensaje de error nos dice que fichero(s) tienen el problema, y en qué línea ha encontrado el error, por lo que podemos hacer un parche manual:

Abrimos con un editor de texto el fichero del parche, y buscamos donde aparece el error:

Fichero del parche

Las modificaciones de un archivo siempre empiezan con este formato:

diff –git ……..

Aquí nos indica el fichero a modificar. Las líneas que empiezan con @@ indican la línea del archivo a consultar.

Procedemos a abrir el fichero ubicado en app/code/core/Mage/Payment/Model/Method/Cc.php, buscamos la línea 688, y vemos que hay. Con suerte, el problema sólo sea de un salto de línea, por lo que borrándolo, el fichero quedaría tal cual quiere el parche. Volveríamos a ejecutar el parche a ver si ahora no dan problemas.

Si no es el caso, significa que este archivo tiene modificaciones en el código por lo que no va a coincidir nunca. En este caso, podemos efectuar nosotros a mano las modificaciones del parche.

Instalando el parche manualmente

Abrimos el fichero del parche con un editor de texto. Las líneas que empiezan con un + son líneas a añadir al fichero de Magento, y las que empiezan con un -, son líneas a borrar. Tendremos que identificar en que sección del código tenemos que insertar/quitar estas líneas. Para ello, el fichero del parche te suministra unas pocas líneas de código antes y después de la modificación, por lo que podemos localizarlo fácilmente. Ejemplo:

Fichero del parche:

$ccType = ‘OT’;

+                $discoverNetworkRegexp = ‘/^(30[0-5]\d{13}|3095\d{12}|35(2[8-9]\d{12}|[3-8]\d{13})|36\d{12}’

+                    . ‘|3[8-9]\d{14}|6011(0\d{11}|[2-4]\d{11}|74\d{10}|7[7-9]\d{10}|8[6-9]\d{10}|9\d{11})’

+                    . ‘|62(2(12[6-9]\d{10}|1[3-9]\d{11}|[2-8]\d{12}|9[0-1]\d{11}|92[0-5]\d{10})|[4-6]\d{13}’

+                    . ‘|8[2-8]\d{12})|6(4[4-9]\d{13}|5\d{14}))$/’;

–              $ccc=0;

$ccTypeRegExpList = array(

Fichero magento:

$ccType = ‘OT’;

$ccc=0;

$ccTypeRegExpList = array(

Una vez que apliquemos los cambios, el fichero se nos quedará así:

$ccType = ‘OT’;

$discoverNetworkRegexp = ‘/^(30[0-5]\d{13}|3095\d{12}|35(2[8-9]\d{12}|[3-8]\d{13})|36\d{12}’

. ‘|3[8-9]\d{14}|6011(0\d{11}|[2-4]\d{11}|74\d{10}|7[7-9]\d{10}|8[6-9]\d{10}|9\d{11})’

. ‘|62(2(12[6-9]\d{10}|1[3-9]\d{11}|[2-8]\d{12}|9[0-1]\d{11}|92[0-5]\d{10})|[4-6]\d{13}’

. ‘|8[2-8]\d{12})|6(4[4-9]\d{13}|5\d{14}))$/’;

$ccTypeRegExpList = array(

Ahora que ya sabemos que este fichero está actualizado, procedemos a borrar este trozo de código del fichero del parche (lo he resaltado en rojo), para que no intente actualizarlo cuando volvamos a ejecutar el fichero del parche.

__PATCHFILE_FOLLOWS__

diff –git app/code/core/Mage/Payment/Model/Method/Cc.php app/code/core/Mage/Payment/Model/Method/Cc.php

index 4ee5bcd..809bb7b 100644

— app/code/core/Mage/Payment/Model/Method/Cc.php

+++ app/code/core/Mage/Payment/Model/Method/Cc.php

@@ -688,6 +688,10 @@ class Mage_Payment_Model_Method_Cc extends Mage_Payment_Model_Method_Abstract

|| ($this->OtherCcType($info->getCcType()) && $this->validateCcNumOther($ccNumber))) {

 

$ccType = ‘OT’;

+                $discoverNetworkRegexp = ‘/^(30[0-5]\d{13}|3095\d{12}|35(2[8-9]\d{12}|[3-8]\d{13})|36\d{12}’

+                    . ‘|3[8-9]\d{14}|6011(0\d{11}|[2-4]\d{11}|74\d{10}|7[7-9]\d{10}|8[6-9]\d{10}|9\d{11})’

+                    . ‘|62(2(12[6-9]\d{10}|1[3-9]\d{11}|[2-8]\d{12}|9[0-1]\d{11}|92[0-5]\d{10})|[4-6]\d{13}’

+                    . ‘|8[2-8]\d{12})|6(4[4-9]\d{13}|5\d{14}))$/’;

$ccTypeRegExpList = array(

//Solo, Switch or Maestro. International safe

/*

diff –git js/prototype/validation.js js/prototype/validation.js

index a2dad07..2520326 100644

— js/prototype/validation.js

+++ js/prototype/validation.js

@@ -668,17 +668,17 @@ Validation.addAllThese([

return true;

Guardamos el fichero, y lo volvemos a ejecutar por consola. Si volvieran a salir errores, seguiríamos de nuevo el paso anterior. En el momento en que no se detecten más errores, Magento parcheará todos los ficheros que no dan problemas, y procederá a actualizar el fichero /app/etc/applied.patches.list

Evidentemente para seguir esta guía deberías tener un perfil técnico, y saber en todo momento qué estas haciendo. Si necesitas ayuda, en Gsoft tenemos un equipo de profesionales especializados en Magento que harán todas estas tareas por ti. 

Magento y las Aplicaciones Web Progresivas

, ,

En la era actual, en la que la tecnología avanza y las marcas se centran mucho más en la experiencia del usuario, podremos ver la relación entre Magento y las Aplicaciones Web Progresivas (PWA).

Actualmente se están desarrollando herramientas para que las tiendas online sean más fáciles de implementar, ya que se trata de una alternativa a la App nativa. De esta forma se están llevando a cabo una serie de medidas para que las pymes consideren tener una LEA o aplicación desde navegador web.

De esta forma surge ese pensamiento de Magento y las Aplicaciones Web Progresivas. Desde Magento piensan que las PWA será una revolución en el sector, al igual que lo fueron los diseños responsive para las páginas web.

De esta forma se está ampliando de forma progresiva la plataforma de comercio electrónico en la actualidad.

Por tanto, Magento PWA Estudio tendrá diferentes técnicas de Aplicaciones Web Progresivas para dominar, construcción de interfaces especiales o incluso el desarrollo de componentes en la venta online en Magento.

La compañía pone las aplicaciones web progresistas como el futuro de la web. La tecnología que hoy en día llamaríamos PWA será algo obvio dentro de unos pocos años.

Magento y las Aplicaciones Web Progresivas, una alternativa a la aplicación nativa

Magento y las Aplicaciones Web Progresivas Lea

El éxito de algunas aplicaciones nativas muestra la necesidad de aplicaciones que proporcionan una experiencia de compra más encaminada hacia el usuario.

Los datos son claros al respecto, una aplicación nativa es cara de mantener y los consumidores únicamente descargan aplicaciones de las compañías online con las que más contacto tienen.

Se trata de una gran oportunidad que ofrece una multitud de posibilidades hacia el mercado minorista.

Magento y las Aplicaciones Web Progresivas, la LEA

Magento y las Aplicaciones Web Progresivas nativas

Una LEA es una aplicación que se lanza desde un navegador web, al igual que una tienda de aplicaciones nativas se puede colocar en la pantalla principal del teléfono. En este caso, el usuario no tiene que descargar la aplicación, sin embargo, está fuera de línea.

La gran ventaja de la técnica LEA es que se basa en estándares abiertos, es decir, que las LEA se construyen a partir de HTML, CSS y JavaScript. Los expertos dicen que las aplicaciones resultantes son más rápidas y mucho más baratas.

Un factor de éxito importante es que las aplicaciones web están proporcionando un nuevo conjunto de APIs.

Las APIs se trata de comandos, funciones y protocolos informáticos que permiten a los desarrolladores crear programas específicos para ciertos sistemas operativos.

Las API simplifican el trabajo de un creador de programas, ya que no tiene que ‘escribir’ códigos desde cero. Estas permiten al informático usar funciones predefinidas para interactuar con el sistema operativo o con otro programa.

Usabilidad y diseño de tiendas online

, , ,

Uno de los factores más importantes para los usuarios web es la usabilidad y diseño de tiendas online. Un buen diseño y un ecommerce intuitivo hará que aumenten las ventas online.

De esta forma, un buen diseño de una tienda online mejorará su posicionamiento, además, es un beneficio para el usuario ya que aumenta su usabilidad y ayuda a tener una experiencia de usuario óptima.

Usabilidad y diseño de tiendas online, diseño para los usuarios

El diseño perfecto para los clientes potenciales es algo imposible de realizar a la primera, es decir, se debe perfeccionar una tienda online mediante la observación del comportamiento de los usuarios

A través de lo que perciben se llegará a un diseño óptimo para ofrecer la mejor usabilidad web para el usuario. Una buena usabilidad de tiendas online viene a través del diseño y de los contenidos del comercio electrónico, de esta forma se ofrece una buena experiencia para el usuario que facilite la conversión.

Usabilidad y diseño de tiendas online, la usabilidad web

 

La usabilidad web se trata de ofrecer al usuario una experiencia lo más fácil posible para que llegue a su objetivo final, en una tienda online sería la compra de un producto o un servicio.

Existen tres factores para que el usuario tenga una experiencia óptima y de esta forma alcanzar la conversión:

  • Efectividad: Se trata de tener una tienda online sin errores, en la que el usuario pueda acceder a todos los rincones de la web sin ningún tipo de problema.
  • Eficiencia: Se trata del esfuerzo que hace el usuario para alcanzar su objetivo, es decir, el número de pasos que debe realizar el potencial cliente para, por ejemplo, comprar un producto.
  • Satisfacción: Un factor donde el usuario tendrá una actitud positiva hacia el ecommerce, uno de los puntos clave a tener en cuenta es la velocidad de carga, una tienda online lenta hará que el usuario se desespere y no llegue a comprar el producto.

Usabilidad y diseño de tiendas online, el diseño responsive

Usabilidad y diseño de tiendas online responsive

El diseño responsive es otro de los factores a tener en cuenta para crear una buena usabilidad y diseño de tiendas online. Un diseño responsive se crea para adaptar los contenidos de una web o una tienda online a los dispositivos móviles.

¿Por qué es importante que un ecommerce o una página web normal tenga un diseño adaptado a los dispositivos móviles?

Actualmente, los móviles superan a los ordenadores para la búsqueda y la compra online. La importancia de poder comprar en cualquier momento, en el lugar que se quiera a través del móvil, es algo fundamental para que las tiendas online adapten sus contenidos.

Los diseños minimalistas, los CTA’s (Call to action) o llamadas a la acción y la implementación de información sobre productos o servicios ayudan al usuario a lograr su objetivo, en tiendas online la compra. Esto supone un refuerzo de la imagen del ecommerce y a largo plazo supondrá una reducción de los costes y que esos clientes vuelvan a comprar, es decir, se genera fidelización.