Ecwid Shopping Cart: un carrito de la compra para Wordpress con control externo

Han sido muchos los que me han pedido por favor, que les intentara localizar un plugin para wordpress con el que se pudiera controlar un pequeño comercio. La verdad es que resulta algo difícil dar con un plugin que ofrezca muy buenas opciones, eso sin contar con WP-eCommerce, que hasta ahora viene siendo de los mejores plugins que podemos encontrarnos a la hora de crear un “Cesto de la Compra” en Wordpress, lamentando las posibilidades de una traducción al español que sea decente.

Por el contrario, y tratando una vez  más de ir rompiendo esquemas, hemos encontrado un plugin que cumple más o menos los mismos requisitos del plugin mencionado antes, con la salvedad de que con él, controlaremos un cesto/carro de la compra externo, pero que estará totalmente integrado dentro de Wordpress y que emplea Ajax para crear algunos efectos.

¿Qué es lo que hace a Ecwid de un plugin ideal?

Particularmente podría decirse que lo mejor de todo es su implementación, manejabilidad y efectos, además de las posibilidades de elección de métodos de pago, entre otras…, destacando comúnmente la descarga del consumo de recurso de nuestros servidores. El motivo es bien claro, por si no lo he dejado claro anteriormente. El plugin consiste en visualizar dentro de nuestra plantilla y concretamente en una página “Store”, por defecto, los productos y la cesta de la compra a la cual nuestros visitantes podrán añadir los productos deseados mediante arrastrar y soltar.

La única desventaja de esto es que nos vemos obligados a depender de un tercer servicio, en este caso la web ecwid desde la cual debemos crear nuestra cuenta para agregar nuestros productos y controlar tantos los medios de pagos como los catálogos y categorías de cada uno. El servicio es gratuito y está patrocinado por amazon webservices.

Ecwid no solo funciona en Wordpress, sino que puede hacerlo en cualquier Web con tan solo incluir unos códigos HTML que nos asignan, pero en este caso no hablaremos de ello sino de lo que verdaderamente nos interesa a los usuarios de Wordpress.

Antes de instalar el plugin en Wordpress de bemos crearnos nuestra propia tienda en ecwid, confirmar/validar nuestro e-mail y posteriormente acceder a nuestro panel para ir configurando nuestra tienda, las categorías, los métodos de pagos y otras opciones que podemos encontrar y considerar de interés para nuestro negocio.

Configurando nuestra tienda

Para el desarrollo de esta entrada he tenido que crear una tienda, de esta forma lo explicaré con más detalles hasta hacerte comprender lo más importante y que luego puedas proseguir por tu cuenta.

Una vez hayamos accedido a nuestro panel de control (Dashboard) de ecwid nos encontraremos con muchas posibilidades y opciones de configuración, entre las cuales se destacan una serie de pestañas: General, Zones, Shipping, Taxes, Payment, Design y Mail.

General: esta pestaña nos permite configurar los datos generales de nuestra tienda, como son Store Profile (Perfil del almacén), Mobile Version (Versión para Móvil), Data Formats (Formato de datos) y Cart (Cesta).

En la pestaña General podemos encontrar además un botón con el cual podemos indicar si la tienda permanecerá abierta o cerrada por mantenimientos, en caso de pulsarlo para cerrar la tienda y dejarla en dicho modo, se activará un campo “Remain open for the IPs” en el que podremos indicar las direcciones IP,s (Caso de conocerlas) que tendrán permiso para acceder a nuestra tienda.

Dentro de “Data Formats” controlaremos las opciones para visualizar la hora y fecha, el formato numérico de los precios, las unidades y el tipo de moneda. Además nos indicar el símbolo de la moneda y el lugar donde queremos colocarlo, antes o después del precio.

En la pestaña “Cart” podemos controlar la cesta de la compra, es decir, ocultar el stock que disponemos de los productos, permitir un mínimo y un máximo para poder adquirir un producto, ocultar el icono de la cesta en caso de que esté vacío, solicitar a los clientes la creación de una cuenta para los pagos de Checkout o número de teléfono, así como abrir la cesta cuando un producto sea añadido al hacer clic sobre él.

A continuación procedemos a realizar un salto a la pestaña “Taxes” para indicar el tipo de impuesto que debemos cargar sobre el producto y posteriormente, una vez guardados los datos nos movemos a la pestaña “Payments” para activar los métodos de pagos que emplearemos para nuestra tienda.

Si te interesa puedes seleccionar además en la pestaña “Paypal Express Checkout” donde nos solicitarán una serie de datos: API de usuario, API de Password y la Firma.

¿Cómo obtener los datos anteriores de Paypal?

Para conseguir esos datos debemos acceder a nuestra cuenta de Paypal, hacer clic en la opción “Perfil”, luego hacemos clic en “Acceso a API”, se encuentra en la columna “Información de cuenta”, posteriormente debemos hacer clic en la opción “Solicitar credenciales API” y seleccionamos “Firma API”, pulsamos el botón “Enviar” y listo, nos devuelven los datos requeridos, los cuales debemos indicar en la pestaña indicada anteriormente. Con esto ya tenemos los permisos adecuados para que se efectúen pagos a través de Paypal desde nuestro carrito de la compra.

Modificando el diseño…

En la opción “Design” podemos encontrar dos subpestañas denominadas “CSS Themes” y “Thumbnails Sizes”, desde “CSS Themes” podemos hacer los ajustes necesarios en caso de que se produzcan algunos errores de diseño, normalmente no suele ocurrir, por lo que no será necesario hacer nada, de momento.

Controlando los correos…

Cada vez que se produzcan determinadas operaciones, el sistema notificará tanto al cliente como al administrador de la tienda y para esto, las opciones referentes se encuentran dentro de la pestaña “Mail”, desde la cual podemos modificar el nombre del correo que deberá verse reflejado a la recepción del cliente, pudiendo indicar cualquiera.

Descargando, instalando y configurando el plugin…

Una vez nos hayamos familiarizado con este estupendo servicio gratuito, podemos dar comienzo a la instalación del plugin, en caso de que no te hayas familiarizado, puedes ver una demo de los diferentes paneles de control del mismo.

Descargar plugin.

Podrás encontrar la descarga de dicho plugin al final de esta entrada.

Instalando el plugin.

A estas alturas… ¿no sabes como instalar un plugin?. Bueno, doy por hecho de que no es una difícil tarea pero podemos recordar algunos pasos una vez tengas el plugin descargado:

• Súbelo haciendo uso del panel de administración de tu Wordpress, opción “Plugins”, “Añadir nuevo”.
• Actívalo.
• Haz clic en “Opciones” y luego sobre “Ecwid shopping cart” para acceder a las opciones de dicho plugin.

Configurando el plugin.

Al acceder a las opciones del plugin, lo primero que debemos hacer es introducir nuestra identificación de tienda. Se trata de un número identificativo para que se puedan visualizar los productos y demás detalles en nuestro blog. Encontrarlo es sencillo, basta con acceder a nuestro panel de configuración en la tienda que hayas creado con Ecwid y fijarte en la esquina inferior derecha.

Ahora solo debemos ajustar las diferentes opciones:

Según orden de preferencia por la imagen que puedes apreciar a tu derecha.

• Activar o desactivar el mini carro adjunto a las categorías.
• Muestra las categorías en listado horizontal.
• Muestra un cuadro de búsqueda.
• Categorías por fila.
• Productos por columna en modo grid.
• Productos por fila en modo grid.
• Productos por página en modo listado.
• Productos por página en modo tabla.
• Modo vista por defecto de los productos en las páginas.
• Modo vista de los resultados de las búsquedas.
• Activar o desactivar la siguiente opción si usas Ecwid en una página segura HTTPS. No es necesario activarla a menos que dispongas de un certificado SSL.

Por ahora eso es todo lo que hay que hacer, lógicamente cuento con que hayas introducido las categorías, productos, precios y descripciones de los productos con anterioridad. Si quieres puedes darte un paseo por mi tienda (Página Tienda), donde de momento solo puedes comprarme una manzana :D. Si no ves dicha página es porque habré desactivado el plugin al no serme de más utilidad, pero siempre podrás acceder desde este enlace por si quieres ayudarme con alguna fruta ;).

¿Cómo traducir Ecwid al español/castellano?

Para traducir todo Ecwid al castellano, tan solo debemos descargarnos un fichero .js (lo encontrarás al final de esta entrada) y subirlo al directorio donde tenemos el plugin instalado “wp-content/plugins/ecwid-shopping-cart/”, posteriormente debemos editar la página que dicho plugin ha creado “Store” y justo encima de dicho código incluimos lo siguiente:

<script src="RUTA_DEL_FICHERO/ecwid-es.js"><script>

El resultado quedará de esta forma:

Descargas…