Añadir elementos HTML a la tienda

por Kristof Maletzke, 07.07.20



Contenido de tus redes sociales, chats, reproductores de música y mucho más: con los elementos HTML, puedes añadir muchas funciones a tu tienda de ePages Now.

Cada sitio web – incluyendo tu tienda en línea – consiste en código HTML. HTML es un lenguaje de que se utiliza principalmente para crear sitios web. Ahora es posible insertar tu propio código HTML en las páginas de contenido y categorías de tu tienda. Esto te ofrece innumerables posibilidades de integrar nuevas funciones y elementos.

El principio es muy simple: Abre el editor en el área de administración de tu tienda y selecciona la página en la que quieres insertar un elemento HTML. Lo haces arrastrando el nuevo elemento de contenido «HTML Personalizado» a la página. A continuación, puedes insertar tu propio código HTML.

En la mayoría de los casos, probablemente no escribirás tu propio código, sino que accederás al código existente de terceros.

Hemos compilado una lista de posibles funciones que puedes usar para tu tienda de ahora en adelante.

El código HTML insertado puede tener un impacto negativo en el diseño y la funcionalidad de tu tienda y también afectar el diseño responsivo, lo que puede llevar a errores de visualización en los dispositivos móviles. Tú haces los cambios bajo tu propio riesgo. El proveedor de tu tienda no proporciona soporte para el código HTML personalizado y su posible impacto, por lo que debe revisar cuidadosamente tu tienda después de cualquier cambio. Ten en cuenta también que las actualizaciones automáticas afectarán al código de tu tienda. Por lo tanto, comprueba regularmente si el código HTML que has introducido sigue cumpliendo su propósito y si afecta al diseño o a la funcionalidad después de la actualización.

Código HTML propio

Más elementos: Tienes más posibilidades en cuanto a la visualización de colores, fuentes, botones, etc.

Iframes: Con la integración de Iframes puedes mostrar el contenido de otra web en la tienda.

Puntos de anclaje: Aquí puedes definir un marcador de salto al que puedes enlazar. Esto hace posible que un usuario salte exactamente al lugar correcto de la página cuando se selecciona el enlace.

Visualización de las imagenes: Ha ampliado las opciones de diseño con respecto a las imágenes. Por ejemplo, se pueden mostrar más imágenes una al lado de la otra de lo que es posible con el software de su tienda por defecto.

Redes sociales: Facebook, Twitter y compañía ofrecen su propio código para la integración de perfiles y publicaciones.

Elfsight: Un sitio web, muchos widgets.

El sitio web Elfsight te ofrece docenas de aplicaciones que puedes integrar en tu tienda a través de un HTML personalizado. Con la versión gratuita de Elfsight cada aplicación puede ser mostrada 200 veces al mes en su tienda. En este caso el logo de Elfsight se muestra dentro del widget. Por sólo 5 dólares al mes el logo desaparece y las aplicaciones se pueden mostrar hasta 10.000 veces al mes – para tiendas más pequeñas esto suele ser suficiente.

Algunas de las aplicaciones de Elfsight podrían no ser mostradas a todos los visitantes de la tienda. Esto puede suceder, por ejemplo, si un visitante acepta sólo las cookies necesarias para el funcionamiento de la tienda que se establecen en su dispositivo. Así que ten en cuenta como puede afectar al usar Elfsight en caso de que los elementos no deban ser cargados. Así que siempre debes insertar los elementos relevantes para el pedido con los otros elementos de contenido en el editor.

Las redes sociales

  • Instagram: Mostrar los mensajes de Instagram especificando nombres de usuario o hashtags.
  • Facebook: Los mensajes, videos o fotos pueden ser mostrados desde Facebook.
  • Twitter: Además de mostrar un perfil de Twitter, también puedes mostrar tweets individuales.
  • Pinterest: Con Elfsight puedes mostrar perfiles, tableros o pins.
  • YouTube: En el editor de tu tienda puedes integrar videos individuales de YouTube por defecto. Elfsight ofrece una galería de YouTube que muestra varios videos de una cuenta de YouTube.

Elementos de diseño

  • Tablas de precios: Con esta aplicación puedes crear una tabla para comparar productos, por ejemplo. Enumera las características de productos similares, permitiendo a tus clientes ver rápidamente las diferencias entre ellos.
  • Testimonios: Mostrar los testimonios de los clientes.
  • Equipo: Con esta aplicación es posible presentar a su equipo de una manera atractiva.

Otro contenido

  • Ventana de contacto: En tu tienda se integra un pequeño buzón, que sus clientes pueden utilizar para ponerse en contacto con usted por teléfono, Facebook o WhatsApp.
  • Archivos de audio: A través de un reproductor de audio tus visitantes pueden escuchar archivos de audio como música o podcasts.
  • El tiempo: Usando la aplicación del tiempo, puedes mostrar a tus clientes el tiempo en un lugar previamente definido.
  • Archivos: ¿Te gustaría proporcionar archivos a tus clientes? Simplemente intégralos a través de la aplicación correspondiente.
  • Reseñas: Mostrar las críticas de los usuarios, por ejemplo, de tu página de Facebook.
  • PDF: Los archivos PDF pueden ser mostrados directamente en una página de la tienda.
  • Calendario de eventos: Los eventos se muestran claramente.
  • Los menús: Si diriges un restaurante o un café, por ejemplo, puedes incluir un atractivo menú en la tienda.

Cómo insertar tu propio código HTML

1. En el área de administración de tu tienda, selecciona Editor en el menú principal.

2. Ahora se muestra una lista de las páginas de tu tienda en la barra lateral bajo Páginas. Selecciona la página que quieres editar.

3. Selecciona Elementos de contenido.

4. En la columna de la izquierda, selecciona el elemento de contenido HTML Personalizado y, manteniendo pulsado el botón izquierdo del ratón, arrastra el elemento a la ubicación deseada en tu tienda, a la derecha. Las áreas azules te muestran dónde puedes insertar el elemento.

5. Selecciona Añadir HTML.

6. Ingresa el código HTML que deseas agregar a la página

7. Selecciona Guardar.

8. Selecciona Ver tu tienda y comprueba si los cambios se muestran correctamente o si hay problemas con la visualización de tu tienda.

Sobre este autor


es Communications Manager para ePages.

Artículos relacionados


Comentarios


No hay comentarios

Comparte tu opinión con nosotros


*Campo obligatorio

Deja un comentario

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