Un diseño atractivo y creativo

Aumentar textoReducir texto

Webshop layoutTener una tienda online con un diseño profesional es muy importante. Una tienda ordenada y cuidada puede dar al usuario la confianza necesaria para realizar una compra. Con EasyWebshop le resultará muy fácil personalizar su diseño.

Los cambios que realice sobre el diseño no tendrán ningún impacto sobre el funcionamiento de la tienda. Por tanto, tómese su tiempo, realice todos los cambios que considere oportuno. Experimente con colores, imágenes y tipos de letras hasta lograr el resultado deseado.

  • Antes de comenzar a experimentar con el diseño, recomendamos añadir al menos 10 productos y algunas categorías.

Actualización del diseño

Navegue hasta Configuración > Diseño.

El método más rápido y sencillo es elegir un tema y subir un logotipo. Este método es adecuado para los empresarios con poco tiempo o para los usuarios que no quieren sumergirse en el diseñador.

Plantillas, temas y diseños

Las plantillas son diseños básicos que están en primer lugar en la lista y no incluyen colores. Son adecuados para sitios web de negocios en los que el foco está en los productos.

Los 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.

Los diseños son plantillas o temas que son personalizados por usted, el usuario, utilizando el diseñador. Este método es adecuado para los usuarios que quieren personalizar los detalles de su sitio web.

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

Personalización de una plantilla o tema

Elija una de las plantillas o temas en la pestaña Tema haciendo clic en la captura de pantalla.

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 de su sitio web.

Haga clic en Actualizar para personalizar la plantilla o el tema con el diseñador. La siguiente página de documentación describe las funciones del diseñador.

Subir un logotipo

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

Si aún no tiene un 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.

Ajuste de las dimensiones del logotipo después de subirlo

Escala
Esta es la configuración por defecto: el logotipo se escalará proporcionalmente a un máximo de 300x100 píxeles.
Recorte
Esto cortará 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 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 por defecto 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 5MB. Los formatos de archivo posibles son .gif, .jpg, .png y .svg. Para los logotipos transparentes, utilice el formato PNG o SVG. Las animaciones GIF son posibles, pero no recomendamos utilizarlas como logotipos.

Carga de iconos del navegador

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

Favicon

Para una mejor compatibilidad con todo tipo de dispositivos, lo mejor es subir una versión .ico, .png y .svg.

.ico
Un favicon estándar tiene las dimensiones 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 favicones SVG. Tenga en cuenta que no todos los dispositivos admiten faviconos SVG.

Personalice su plantilla o tema con el 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 la maqueta estándar. En la siguiente página se describen las funciones del diseñador.

Consejos para lograr de forma autónoma un diseño atractivo

Que sea sencillo
Un diseño simple, ordenado y funcional puede vender más que un diseño cargado de imágenes, colores y decorados innecesarios. Céntrese en los productos, que es lo que realmente interesa vender.

Compare estos dos sitios web: Bing y Google. ¿Cuál le parece más atractivo? ¿Cuál es el más utilizado?
Que sea coherente
Utilice colores acorde a los producto que vende, por ejemplo alegres si se trata de una tienda para niños o de artículos de fiesta. También puede utilizar las combinaciones de colores que le ofrecemos o los colores que vienen incluido en su plantilla seleccionada. Utilice el mismo tipo de letra para toda la web, salvo en casos puntuales donde considere que es mejor utilizar un tipo de fuente diferente.
Busque inspiración
No hay nada malo en mirar cómo otros lo han echo. Puede encontrar inspiración en las tiendas que le mostramos de ejemplos o puede buscar en nuestro directorio.
Las fotos darán vida a su sitio web
Un logotipo reconocible, fotos de los productos claras y de alta calidad y un fondo en contraste con los colores seleccionados, harán que su sitio web cobre vida realmente.
Déjese aconsejar por colegas, amigos y familiares
Pregunte a diferentes personas lo que piensan de su diseño. El que un diseño sea bonito o atractivo es muy subjetivo, ya que lo que para usted puede parecer encantador no lo resultará para otro. En este aspecto podrá haber conflicto entre las opiniones, cómo dice el dicho para gustos los colores, pero buenos consejos siempre pueden ayudar.
Cree un diseño con contrastes adecuados y evite los errores tipográficos o de estilo

Por ejemplo:

  • Textos con un bajo contraste
  • Texto irritantes de leer
  • Efectos desactualizados de los años 90
  • Grandes párrafos en letra cursiva que no se pueden leer
  • TEXTOS EN LETRAS MAYÚSCULAS
  • Signos de puntuación repetidos innecesariamente???!!!
  • No escriba "Bienvenidos a mi tienda, ...". La gente sabe que están visitando su tienda, decirlo sería caer en redundancias

Pedir a un diseñador web que realice su diseño

HTML - XMLCon el editor de diseño que hemos incorporado, usted mismo podrá personalizar sus plantillas. Hay muchas opciones para hacer su tienda diferente a la otros sitios Web. Esta es la opción más fácil y menos costosa. Sólo debe tener claras las ideas y probar.

Si a pesar de sus intentos, no logra el resultado deseado, puede pedir a un diseñador web para crear el diseño de su tienda a medida. Nosotros no proporcionamos el servicio de diseño web, pero si contamos con buenos y fiables socios que podrían ayudarle. Contacte con nosotros para que un diseñador de páginas web le haga un presupuesto. Estaremos encantados de ayudarle.

También puede buscar un diseñador de páginas web por su cuenta. Desafortunadamente, en Internet existen diseñadores web intrusos, que ejercen esta profesión sin haber recibido los conocimientos necesarios para hacerlo, por esto, pida referencias y contacte con éstas referencias para comprobarlas.

El precio promedio de un diseño personalizado está entre los € 500 y € 1.500, dependiendo de cuáles sean sus necesidades. Comience ofreciendo una descripción clara de lo que desea y de lo que espera.

Su diseñador web puede personalizar el diseño de la plantilla escogida (CSS customization / Personalización en CSS permite diseñar tu propia página) o diseñar completamente un nuevo diseño (Layout customization / Personalización del diseño).

Navegue más rápido con pestañas

Cree dos pestañas en su navegador: una con estas instrucciones y otra con el panel de administración de su tienda (panel de control). Esto le permitirá cambiar fácilmente de una pestaña a otra y navegar más rápido. Si va a consultar la documentación desde un impreso no tenga en cuenta este paso.

Para abrir una nueva pestaña en su navegador pulse CTRL + T o vaya a "Archivo > Nueva pestaña". En la nueva pestaña, abra nuestra página web: www.easywebshop.com.

Tabs

Cada vez que cambie algo en el panel de administración, debe refrescar o actualizar la página en la que se encuentra. Para refrescar o actualizar una página y dependiendo de su navegador, puede seguir una de los siguientes acciones:

  • Pulse F5 o pulse CTRL + R.
  • Firefox: dependiendo de su versión este botón puede encontrarse en la barra de herramientas y dice "Recargar". En otras versiones se encuentra al final de la barra de direcciones y es una flecha curva o de forma circular, al pasar el ratón sobre la flecha podrá leer “Recargar esta página”
  • Google Chrome: El botón se encuentra a la izquierda en la parte superior de la página. Puede ser una flecha en tener forma de círculo.
  • Internet Explorer: haga clic en el botón situado en la derecha de la barra de direcciones. La imagen de este botón pueden ser dos flechas mirando una a otra, dos flechas curvadas, o una en forma circular.
  • Si siguiendo los pasos anteriores no se actualiza la página, ciérrela ventana haciendo clic en la x de la pestaña y vuélvela a abrir.
  • Antes de dar paso al epígrafe Configuración del diseño, recordarle que tener un diseño elegante y atractivo puede ser el principio del éxito, pero no es lo único a lo que debe darle importancia. Antes de comenzar, es necesario tener imágenes de sus productos con calidad, tener los productos organizados, las descripciones de los productos lo mejor detalladas que pueda, tener claras las formas de pago, los gastos de envío, la política de envíos, la política de devoluciones, las preguntas frecuentas y finalmente, recuerde poner en un lugar visible sus datos personales, incluido un teléfono de contacto y el acceso al formulario de contacto.


    Página siguiente: Diseñador

    Wiki de inicio



Preguntas frecuentes Contacto