Un diseño atractivo y creativo

Aumentar textoReducir texto

Diseño de la tienda webUn diseño profesional es importante para parecer digno de confianza con el fin de ganarse la confianza de sus clientes. EasyWebshop hace que sea fácil elegir y personalizar un diseño usted mismo. No necesita un costoso diseñador web.

Cambiar el diseño no tiene ningún impacto en el funcionamiento de la tienda web. Cualquier cambio puede deshacerse o modificarse posteriormente. Así que tómese su tiempo para experimentar con los colores, las imágenes y las fuentes hasta obtener el resultado deseado.

Añada unos 10 productos antes de experimentar con el diseño y la configuración.

Si no desea experimentar con el diseño en su tienda virtual en vivo, puede crear una nueva tienda virtual gratuita utilizando Multishop para experimentar.

Gestión de diseños

Navegue hasta Configuración > Diseño A continuación le explicamos cómo funciona cada pestaña.

Gestión del diseño

Plantillas, temas y diseños

Plantillas y temas

Plantillas son diseños básicos que ocupan el primer lugar en la lista y no incluyen colores. Son adecuados para sitios web empresariales en los que la atención se centra en los productos.

Temas se basan en una plantilla y se perfeccionan con combinaciones de colores y fondos. Son adecuados para sitios web en los que el diseño debe ser atractivo.

Diseños son plantillas o temas que son personalizados por usted, el usuario, utilizando el diseñador. Este método es adecuado para usuarios que desean personalizar los detalles de su página web.

Todas las plantillas y temas son aptos para móviles y están optimizados para tiempos de carga rápidos y una indexación óptima en los motores de búsqueda.

Elija una de las plantillas o temas y haga clic en Ejemplo para ver un ejemplo. Este ejemplo no es visible para sus visitantes.

Haga clic en Publicar para establecer la plantilla o el tema para su sitio web. Ahora estará en vivo para sus visitantes.

Logotipo

Logotipo de ejemplo

En la pestaña Logo puede cargar un logotipo (de empresa) seleccionándolo y haciendo clic en Guardar.

Si aún no tiene logotipo, puede encargar su diseño a un diseñador de logotipos. En EasyWebshop no diseñamos logotipos. Un sitio web interesante para que le diseñen un logotipo es 99designs.

Ajustar las dimensiones del logotipo después de subirlo

Escala
Este es el ajuste por defecto: el logotipo se reducirá proporcionalmente hasta un máximo de 300x100 píxeles.
Recorte
Esto recortará la parte del logotipo que sea demasiado grande.
Sin modificaciones
No se realizarán modificaciones en el logotipo después de cargarlo. Elija esta opción si usted mismo tiene el logotipo con el tamaño correcto.

Le recomendamos que no haga los logotipos demasiado grandes. Esto dificulta su visualización a los visitantes con teléfonos inteligentes. Si el logotipo es demasiado ancho, aparecerá una barra de desplazamiento horizontal. Si el logotipo es demasiado alto, habrá que desplazarse más verticalmente.

La configuración predeterminada de 300x100 píxeles está bien en la mayoría de las situaciones. Con algunos temas es mejor hacer el logotipo más grande o más pequeño.

El tamaño máximo del logotipo es de 25 MB. Los formatos de archivo posibles son .gif, .jpg, .png y .svg. Para logotipos transparentes, utilice el formato PNG o SVG. Las animaciones GIF son posibles, pero no recomendamos utilizarlas como logotipos.

Icono del navegador

El icono del navegador o Favicon es un icono asociado a su sitio web. Puede encargarlo a su diseñador de logotipos.

Favicon

Para obtener la máxima compatibilidad con todo tipo de dispositivos, se recomienda subir una versión .ico, .png y .svg.

ico
Un favicon estándar tiene unas dimensiones de 16x16, 32x32 o 64x64 píxeles, y contiene 16 colores. El tamaño del archivo es de un máximo de 150Kb.
png
Las dimensiones recomendadas para un favicon .png son 196x196 píxeles.
svg
Para resoluciones más altas, se pueden utilizar faviconos SVG. Tenga en cuenta que no todos los dispositivos admiten faviconos SVG.

Es posible que el icono del navegador no cambie inmediatamente después de actualizarlo en la gestión de diseño. Esto se debe a las cachés del navegador. Este problema se soluciona por sí solo al cabo de un rato cuando se borra la caché. También puede borrar manualmente la caché del navegador o visitar el sitio web con un dispositivo que no haya utilizado antes.

Colores

La interfaz de colores extrae todos los colores del tema elegido y proporciona una forma sencilla de cambiarlos. El botón Editar CSS es una función experta que proporciona más opciones para afinar el diseño cambiando el código CSS.

Algunos enlaces útiles:

Tras realizar los cambios, haga clic en el botón Guardar que aparece a continuación.

Imágenes

Si hay imágenes presentes en el tema, aparecerán aquí. Haga clic en el icono Editar imagen para actualizar la imagen. Con el diseñador (véase la página siguiente) puede añadir más imágenes.

Tras realizar los cambios, haga clic en el botón Guardar que aparece a continuación.

Si la imagen no cambia en la página web, suele deberse a que las fotos antiguas siguen en la caché del navegador web. Un navegador web (Firefox, Google Chrome, ...) guarda las páginas web y las imágenes en su disco duro. De este modo, en su próxima visita, la página se cargará más rápidamente. Cuando visite la página, verá la versión antigua de la foto en su disco duro y no la versión en vivo en su sitio web.

Ejemplo de caché del navegador

Para solucionarlo: navegue hasta la página de la tienda y haga clic en Refrescar página o Recargar página.

También puede utilizar las teclas de acceso directo F5 o CTRL + R (Comando + R en Mac). Ahora se carga la versión más reciente de la página web.

En algunos navegadores web tendrá que borrar manualmente la caché en la configuración del navegador web. El lugar donde encontrar esto depende del navegador web. Consulte para ello la función de ayuda de su navegador web. Está fuera del alcance de este wiki.

Tipo de letra

Esta interfaz le permite cambiar el tipo de fuente principal de su sitio web. Simplemente elija un tipo de letra y haga clic en el botón Guardar de abajo.

Diseño fuentes

Se recomienda no mezclar diferentes tipos de fuentes en la misma página.

Diseñador

Con el diseñador se puede personalizar la plantilla o el tema elegido. El diseñador ofrece muchas posibilidades de personalización y, por lo tanto, es menos fácil de usar que la gestión de diseños estándar. En la página siguiente se describen las funciones del diseñador.

Diseñador

Consejos para diseñar usted mismo un bonito diseño

Manténgalo sencillo
Sus clientes no compran un producto en función del diseño de la página web. Un diseño sencillo y funcional funcionará mejor que un diseño recargado con muchas distracciones innecesarias.
Mantenga la coherencia
Elija una paleta de colores y siga utilizando los mismos colores. Utilice el mismo tipo de letra a menos que sepa lo que está haciendo.
Consiga inspiración
No hay nada malo en observar cómo lo hacen los demás. Puede encontrar inspiración en nuestros ejemplos.
Las fotos dan vida a un sitio web
Un logotipo reconocible, fotos claras de los productos y un fondo a juego hacen que su sitio web cobre vida de verdad.
Obtenga consejos de amigos, familiares y colegas
Pregunte a distintas personas qué opinan de su diseño. Un diseño bonito es subjetivo. Verá que hay muchas opiniones encontradas.
Proporcione un contraste adecuado, evite errores de estilo

Algunos errores comunes:

  • Texto con poco contraste
  • Texto de lectura irritante
  • Los efectos de los años 90 ya no son actuales
  • Los grandes bloques de texto en cursiva son difíciles de leer
  • UTILIZAR MAYÚSCULAS EN LÍNEA REPRESENTA GRITOS
  • ¡¡Evite repetir los signos de puntuación!!!

Contratar a un diseñador web para su página web

HTML - XMLCon el diseñador integrado podrá personalizar usted mismo su diseño. Hay muchas opciones para que pueda distinguir su tienda de otras páginas web. Esta es la opción más fácil y menos costosa.

Si no consigue el resultado deseado, puede pedir a un diseñador web que construya un diseño a medida. Cuando busque un diseñador web, tenga en cuenta que desgraciadamente hay muchos diseñadores web sin formación en Internet. Pida referencias y compruébelas también poniéndose en contacto con ellos.

Algunos diseñadores web le obligarán a cambiar a otro software de tienda web para un diseño de maquetación, lo cual es innecesario. Normalmente lo hacen porque reciben una comisión por venderle esta otra aplicación. Haga la comparación entre EasyWebshop y la otra plataforma. Generalmente ofrecemos muchas más funciones por un mejor precio.

Las pestañas del navegador facilitan el cambio de tareas

Cree dos pestañas en su navegador: una pestaña con estas instrucciones y una pestaña donde gestionará su tienda. De esta forma podrá cambiar fácilmente de una pestaña a otra y navegar más rápido. Si imprime esta documentación, esto no es aplicable, por supuesto. Entonces podrá mirar el papel seguido de mirar su pantalla. Sí, ¡esto es un insulto a su intelecto!

Pulse CTRL + T (o elija Archivo > Nueva pestaña) para abrir una nueva pestaña en su navegador. En la nueva pestaña, navegue hasta nuestro sitio web: easywebshop.com.

Pestañas

Después de haber cambiado algo en el backend, navegue hasta la pestaña de su sitio web y pulse Recargar página, Refrescar página o F5 para ver la última actualización.

Preguntas frecuentes sobre el diseño

¡Mis textos han desaparecido!
El color del texto tiene el mismo valor que el color de fondo.
El favicon no se muestra
Utilice un navegador reciente. En algunas versiones antiguas de Internet Explorer no se muestra el favicon.
Conecte también un nombre de dominio a su tienda. Algunos navegadores muestran el favicon de EasyWebshop si no hay ningún nombre de dominio conectado.

Página siguiente: Diseñador

Wiki de inicio



Preguntas frecuentes Contacto