Elabora tu propia plantilla de Mercado Libre

Si estas pensando en tener tu espacio de ventas dentro del portal de Mercado Libre o ya lo tienes y necesitas una plantilla  única, original y quieres hacerla tu mismo, en ese caso te contaré de que manera lo hago yo, quizás te animes y la hagas tu mismo.

portadaML

Hoy me tocaba actualizar la plantilla del eshop en Mercado Libre de la empresa donde trabajo y decidí contarles cómo lo hago para que ustedes mismo lo puedan realizar de una manera sencilla. Claro siempre es bueno y conveniente acudir al profesional de diseño gráfico, que puede darte sugerencias de los mejores colores, fuentes y diseño en general.

Pero si estás comenzando con tu tienda en Mercado Libre y tienes facilidad para diseñar y conocimientos básicos de HTML, te aseguro que con esta explicación lo lograrás, sólo tienes que  considerar que los diseños deben ser atractivos y expresar tu personalidad como vendedor, la información debe ser clara con imágenes de buena calidad para que tus compradores conozcan tus productos y sus beneficios.

Lo primero que te daré a conocer es el uso de las plantillas que Mercado Libre te brinda gratis en HTML (Lenguaje de Marcado de Hipertexto) para que puedas mejorar la calidad y contenido de tus publicaciones, y así aumentar tus ventas. Esta es una manera rápida y está a tu disposición.

En la sección “Describe tu producto” encontrarás un editor de HTML y plantillas pre-diseñadas. Sólo deberás cargar tus fotografías, incluir la descripción del producto y agregar enlaces a tus botones personalizados.

No quiero profundizar en este punto, te cuento que en el portal de Mercado Libre está una muy buena explicación para que uses sus plantilla en este enlace Uso de HTML en mis publicaciones.  Y si no sabes mucho de código y quieres ampliar tu conocimiento sobre HTML, en el mismo portal está un instructivo que te puede ayudar aquí instructivo de uso.

Como verás dentro de Mercado Libre existen plantillas que fácilmente puedes emplear pero seguro quieres darle tu toque personal a las mismas y te diré cómo lo hago yo. Seguro hay otras maneras, seguro otras vías, yo sólo te diré lo que a mi me funciona y además en poco tiempo tengo una plantilla lista para usar sin ninguna complicación.

¿Que necesitas para hacer una plantilla?

Yo uso Adobe Photoshop, así que, tendrás que tener algo de conocimiento básico de este software y además algo de conocimiento de  HTML y lo más importante, ganas y entusiasmo de hacer algo de tu propia inspiración.

Seguro terminarás dándote cuenta que eres muy talentoso y lograrás hasta obtener ingresos vendiendo plantillas en el mismo Mercado Libre o con tus amistades, nunca están demás unos ingresos extras. Inspírate y busca siempre dar lo mejor, pero sobre todo diviértete.

Lo primero que tienes que hacer es crear un documento con un ancho entre 800 y 900 píxeles. Yo uso 900 px. para aprovechar al máximo el espacio. El largo, lo que tu quieras. Para empezar puedes crear un documento de 900px. 1600px.

Previo a ésto te sugiero darte una vuelta por los eshops de otros vendedores, no es que te vas a copiar diseños, sólo quiero que veas la información que se suele colocar en las plantillas. Por ejemplo: las condiciones de ventas, la forma de pago, información general de tus productos y/o servicios.

También es muy importante que leas detenidamente las políticas de Mercado Libre sobre la información que puedes o no compartir, así como los productos que no debes vender para evitarte denuncias y suspensiones, para eso es necesario también revisar  lo establecido en la Ley Orgánica de Costos y Precios Justos al momento de publicar tu producto o servicio, ésto para el caso de Venezuela específicamente.

Luego que tengas los puntos que deseas agregar a tu plantilla, te será más fácil organizarla y buscar las imágenes que apoyen tu diseño y empezar a armar tu plantilla. Yo hago un bosquejo en una hoja y a mano de lo que deseo, me parece mas fácil y rápido de esta manera.

Volvamos a Photoshop, tienes tu documento abierto y empiezas a armar la estructura que deseas. Lo mas importante es que dejes un área en blanco con suficiente tamaño para que luego que montes la plantilla, ese espacio sea, el que vayas a destinar para poner fotos y descripción de tus productos, luego en el código HTML verás como destinar esa área como editable. Es muy fácil no te preocupes.

Mira este ejemplo, recuerda el ancho debe estar entre 800 px. y 900 px. y el largo lo que consideres necesario:

modeloplantilla

La estructura no tiene que ser igual a ésta, pero fíjate que deje un espacio en blanco destinada a ser el área editable. Como ya te comente antes puedes colocar tu logo, condiciones de ventas, instrumentos de pago, medios de transporte y entrega, etc.

Seguidamente, luego que ya tengas todo tu diseño y estés conforme, vas a usar la herramienta para crear sectores en tu diseño, con ésto lograrás dividir en partes esta plantilla y en el código HTML se armara por partes, una tabla con celdas.

En el ejemplo como notarás la dividí en 4 sectores y el área editable es el sector 3 la cual siempre la dejarás en blanco, yo coloque un bosquejo de una producto y muestra de texto sólo para que veas que tanto espacio debes dejar para éste fin.sectores3

Ya definido el diseño y dividido en sectores vas a “Guardar para web” y en las opciones indicarás que guarde HTML e imágenes, de esta forma te creará un documento HTML y una carpeta con las imágenes que pertenecen a cada sector.

guardar-webhtmleimagenes

Abre el documento HTML en un editor de texto para que veas el código creado por el mismo Adobe Photoshop. Se creó una estructura de tabla con celdas y encontraras que hay cuatro lineas de código destinado a los sectores/imágenes de tu diseño, así que, ubica el numero 3 que ya habíamos dicho va a ser tu área editable y va a ser algo como esto:

codigohtml

Ese “<td>………03.jpg</td>” es tu área editable, pero para eso debes transformar el contenido. Verás que la imagen tiene un alto y un ancho definido, esas medidas las vas a pasar como una característica de la celda,en vez de tener este código en esa linea:

“<td><img src=”imagenes/modeloplantilla_03.jpg” width=”617″ height=”674″ alt=””></td>”

Deberás  modificarlo de esta manera:

“<td width=”617″ height=”674″ alt=””></td>”

Como veras eliminaste la imagen, pero como la celda debe mantener el tamaño original, pasaras la información de alto y ancho dentro de <td…………..>

De esta forma:codigohtmlmod

Ahora ya tienes tu plantilla. Abre tu “archivo.html” en un explorador y veras el resultado de tu plantilla.

Algo muy importante, las imágenes las debes hostear, puedes hacer uso de un servidor privado, donde está hospedada la página web de tu empresa por ejemplo, pero si no tienes contratado un hospedaje web puedes recurrir a sitios gratuitos como www.imageshack.us o www.photobucket.com donde únicamente solicitan que te registres para hacer uso de sus servidores.

Luego que subas a la red tus imágenes, debes obtener de ella la dirección con la cual vas a sustituir la ubicación, que como verás cuando hiciste la plantilla en primer lugar era local, y la cambiaras dentro de “<img src=”http//:www.xxxxxx…../ modeloplantilla.jpg”>” en las cuatro lineas pertenecientes a las imágenes. Esta sustitución ya la puedes hacer dentro del mismo editor HTML de Mercado Libre.

Ya de aquí en adelante puedes seguir la instrucciones que ofrece Mercado Libre para usar tu propia plantilla, que es un procedimiento sumamente fácil. Cuando la tengas lista y cargada en Mercado Libre, recuerda guardarla como una plantilla para que cada vez que necesites publicar un producto te sea fácil aplicarla.

Espero haberte podido ayudar, cualquier duda por favor escríbeme y con gusto te responderé.

Suerte y que te diviertas.