En este video podrás conocer cómo realizar edición HTML5 en las descripciones de tus publicaciones en Ripley.com, así lograrás mejorar tus ventas y potenciar los productos que ofrece tu tienda.
La edición HTML permite mejorar las descripciones de los productos a través de una personalización al pegar un in-page ya creado o armar un código propio. Es posible agregar imágenes adicionales, videos y diferentes formatos a las letras que se incluyen en las descripciones (ya sea negrita, cursiva, subrayado, colores, saltos de página, etc.).
Funciona a través de códigos, pero en este visualizador de HTML5 https://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic puedes ver cómo quedarían reflejados aquellos que estas creando para la descripción del producto en Ripley.com. Debes seguir estos pasos:
1. Borrar todo el contenido en el cuadrado izquierdo.
2. Implementar los siguientes códigos para los títulos o nombres de los productos.
Para modificar el tamaño del texto existen seis niveles de encabezado del documento, <h1> es el más grande, y <h6>, el más pequeño. Para usar negrita el código es <b>, que corresponde a bold. Para insertar saltos de página se debe escribir <br> al final del texto y para distribuir el texto en párrafos se puede usar <p>. Por ejemplo, se pueden emplear así:
· <h1> Ejemplo1: Título grande, en negrita, en párrafo, con salto de página al final. </h1><p><br>
· <h3> Ejemplo2: Título mediano, en negrita, en párrafo, con salto de página al final. </h3><p><br>
· <h6> Ejemplo3: Título pequeño, en negrita, en párrafo, con salto de página al final. </h6><p><br>
· <b> Ejemplo4: Texto tamaño normal, en negrita, en párrafo, con salto de página al final. </b><p><br>
3. Pegas el código en el cuadrado izquierdo y al hacer click en “Run >>”, muestra en el cuadrado derecho como se vería en la página.
4. Para agregar fotos en la descripción se debe cargar la foto en el Gestor de Imágenes, y pegar la URL que genera en el siguiente código, reemplazando el texto entre las comillas.
<img src="Insertar URL foto aquí">
5. Para incorporar videos en las descripciones se puede ingresar a Youtube o alguna otra plataforma y buscarlo. Una vez dentro del video, hacer click en compartir y luego en “>< Insertar”. Se debe copiar el código que comienza por <iframe width=…> y termina con </iframe>, luego pegarlo en la descripción del producto.
Una vez finalizado, se copia todo el código y se pega dentro de la celda de descripción del producto (todo el código en una sola celda) de la planilla de creación y luego se carga lista en Mirakl.
Pueden copiar este código de ejemplo, en el visualizador HTML5 para tener una idea de los resultados https://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic:
<h2> Nombre Producto </h2><p><br><h3> Descripción de producto: </h3><p><br> Características: <br><img src="http://s3.amazonaws.com/imagenes-sellers-mercado-ripley/2019/05/26172642/hoya.jpg"> <iframe width="560" height="315" src="https://www.youtube.com/embed/G-6b-zPEL9s%22 “ frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
Este es un ejemplo de descripción que podrían obtener al utilizar edición HTML en Ripley.com: