Destaca el Footer de tu Tienda Online Comandia Crea un pie de página ordenado y útil para el usuario

Footer Comandia

El pie de página de tu tienda Comandia no tiene por qué ser algo fijo. El footer se utiliza para destacar cierta información, normalmente la más importante, que llame la atención pero que no desentone con la guía de estilo. Aprende cómo cambiar la estructura y sus elementos:

Si tienes una plantilla personalizable y entras en los archivos de la plantilla (icono Personalizar del plantilla personalizable instalada; si no tiene una plantilla personalizable, sólo tienes que instalarla desde nuestro Theme Store), ve a la carpeta Screens >> inc >> footer.html. En esta carpeta realizaremos las modificaciones como las que a continuación te indicamos.

Añadir más enlaces en el menú de navegación del footer

Busca la etiqueta {{label “links”}} para ver {{#each config.page.footer_link}}

Footer Comandia

{{#each config.page.footer_link}} es la etiqueta que interactúa con la sección Enlaces a pie de página de tu área de gestión de tienda. A continuación del cierre de esta etiqueta {{/each}}, añade una línea nueva:

<li><a href=”ENLACE” title=”TíTULO”>TíTULO</a></li>

Footer Comandia

Sustituye  ENLACE por el link del destino y TÍTULO por el nombre para mostrar en la web.

Footer Comandia

Y en nuevo enlace aparecerá en el footer de tu tienda.

Footer Comandia

Si quieres añadir más enlaces, inserta más líneas con el mismo patrón anterior y edita los campos enlace y título.

Cambiar el orden de los módulos

Para cambiar el orden de los módulos del footer hay que tener en cuenta el tipo de plantilla que estamos utilizando:

  1. Plantilla tipo Bootstrap 3:

Uso de clases col-xs-X col-sm-X col-md-X col-lg-X

La X final de cada elemento indica el número de columnas que ocupa ese bloque.

Cada etiqueta con estas clases separa el footer en bloques.

Comandia Footer

Si quieres modificar el orden, mueve todo el contenido de esta etiqueta a otra. Las etiquetas siempre están en la misma tabulación debido a que van dentro de una clase .row

Comandia Footer

  1. Plantilla tipo Bootstrap 2:

Uso de clase span-X.

La X final indica el número de columnas que ocupa ese bloque.

Cada etiqueta con estas clases separa el footer en bloques.

Footer Comandia

Si quieres modificar el orden, mueve todo el contenido de esta etiqueta a otra. Las etiquetas siempre están en la misma tabulación debido a que van dentro de una clase .row o .row-fluid.

Comandia Footer

Añadir número de contacto para Whatsapp

Para añadir en el footer un texto que indique un número de contacto mediante Whatsapp, debe añadir esta línea:

<p><span><img style=”max-width:100%;margin-right:5px;”

src=”https://cdn.mycomandia.com/uploads/comandia_demo/t/whatsapp-icon.png”></span> Nº DE MÓVIL</p>

La línea se añade al final del cierre del tag {{#if config.shop.customer_service_phone}}, insertando una línea nueva a la que pegamos el código con el número de teléfono que queramos usar. Debemos pegar el siguiente código y modificarlo con el numero de teléfono que queramos incluir en nuestra tienda.

Comandia Footer

El resultado es éste:

Footer Comandia

Cambiar el widget de Facebook por el de Pinterest

Para incluir Pinterest en vez de Facebook en el footer, debemos buscar en la plantilla el módulo de Facebook, una línea html que empieza con una etiqueta con una clase “fb-page”.

Esa línea hay que sustituirla por esta otra con este código:

<a data-pin-do=”embedUser” data-pin-board-width=”400″ data-pin-scale-height=”240″ data-pin-scale-width=”80″ href=”https://www.pinterest.com/pinterest/”></a>

<script async defer src=”//assets.pinterest.com/js/pinit.js”></script>

De esta forma en la plantilla:

Comandia Footer

Por último,  modifica el código de Pinterest y cambia el contenido del href=”” por la URL de tu usuario de Pinterest, de esta forma se visualizarán tus publicaciones.

Footer Comandia

De esta forma se visualizarán tus publicaciones en la tienda:

Footer Comandia

 

Es importante personalizar el footer ya que es el lugar donde los usuarios acuden a buscar toda la información: sobre el sitio web, la marca, sus productos, cómo contactar con la empresa, etc.

Sin embargo, sabemos que son muchas las gestiones que se deben personalizar para tener una tienda online perfecta. Nuestro servicio de Comandia Design está compuesto por un equipo de diseñadores profesionales que crearán y pondrán en marcha tu tienda online por ti. Cuéntales cuál es tu negocio y cómo quieres transmitir tu marca y dejarán tu tienda lista para vender.

1 Estrella2 Estrellas3 Estrellas4 Estrellas5 Estrellas (No hay puntuaciónes aún)
Loading...

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *