• Empieza ahora
  • Newsletter
  • Categorías
    • Tienda online y e-commerce
    • Diseño
    • Marketing
    • SEO y visibilidad en Internet
    • Productos
    • Pago y entrega
    • Legal
  • Buscar
  • Menú Menú
Kristof Maletzke

Añadir elementos HTML a la tienda

7. julio 2020/0 Comentarios/en Tienda online y e-commerce /por Kristof Maletzke

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.

Kristof Maletzke
+ postsBio

ist Markting & Event Manager bei ePages.

  • Kristof Maletzke
    https://blog.epages.com/es/author/kmaletzke/
    Vídeo de lanzamiento de otoño: las últimas funciones de ePages Now
  • Kristof Maletzke
    https://blog.epages.com/es/author/kmaletzke/
    6 consejos para gestionar tu tienda online en vacaciones
  • Kristof Maletzke
    https://blog.epages.com/es/author/kmaletzke/
    Lista de deseos, valor mínimo de pedido y más: las últimas funciones de ePages Now
  • Kristof Maletzke
    https://blog.epages.com/es/author/kmaletzke/
    Diseño y contenido en ePages Now: Las actualizaciones más importantes de los últimos meses
Etiquetas: Elementos de página, HTML
Compartir esta entrada
  • Compartir en Facebook
  • Share on WhatsApp
  • Compartir en LinkedIn
  • Compartir por correo
https://blog.epages.com/wp-content/uploads/2021/07/people-with-devices-pexels-2.jpg 314 848 Kristof Maletzke https://blog.epages.com/wp-content/uploads/2021/11/logo-epages-blog.svg Kristof Maletzke2020-07-07 13:40:202022-01-10 23:03:57Añadir elementos HTML a la tienda
Quizás te interese
Elementos de página: dale vida a tu tienda
0 comentarios

Dejar un comentario

¿Quieres unirte a la conversación?
Siéntete libre de contribuir!

Deja una respuesta Cancelar la respuesta

Lo siento, debes estar conectado para publicar un comentario.

Buscar contribuciones

Nuevas contribuciones

  • Winter Release 2025: Nuevas funciones para una mejor internacionalización y seguridad de los productos
  • Vídeo de lanzamiento de otoño: las últimas funciones de ePages Now
  • Novedades de junio de 2023: Mejoras en la imagen de los productos, ajustes en los menús y mucho más
  • De Universal a Google Analytics 4: Cómo cambiar ya a la nueva herramienta de seguimiento
  • Anuncios de Shopping en Google: cómo beneficiarse de las nuevas campañas Performance Max

Categorías

  • Diseño
  • Ínspirate de nuestras tiendas
  • Legal
  • Marketing y conversión
  • Pago y entrega
  • Productos
  • SEO y visibilidad en Internet
  • Sin categorizar
  • Tienda online y e-commerce

Consejos para empezar con éxito en el comercio electrónico

Nuevas ideas de producto: ¿dónde encontrar inspiración?
8 recursos para un marketing de contenidos de calidad
Trucos sencillos para mejorar el SEO de tu e-commerce
El Storytelling en el comercio electrónico: La guía definitiva para los comerciantes en línea
Psicología del color en el comercio electrónico: cómo utilizar los colores con habilidad para tu tienda online

Boletín de noticias del blog de ePages

Boletín de noticias del blog de ePages

© 2023 ePages · Pilatuspool 2 · 20355 Hamburg · Deutschland

Contacto ·  Términos y condiciones · Aviso legal · Protección de datos

  • Español
    • English (Inglés)
    • Français (Francés)
    • Deutsch (Alemán)
Desplazarse hacia arriba