Diseño Web

Diseño Web, Webs

Actualización de la web de Fisioterapia en Pozuelo

Hace ya bastantes años que hicimos la web de Fisioterapia en Pozuelo. Desde entonces, hace 8 años, mucho ha cambiado tanto en el diseño web, como en el cliente. Fisioterapia en Pozuelo ha crecido y ahora es un centro de salud completo, con un núcleo de fisioterapia, pero añadiendo servicios de podología, nutrición, pilates… Un centro global, que ahora se llama Fisio&SaluS. Para reflejar dicho crecimiento y mejoras, era hora de un cambio. Cambio que ha supuesto un nuevo nombre, nuevo logo y nueva web. Os mostramos la nueva web y esperamos que os guste.

Diseño Web, Internet, Noticias SmythSys

OFERTA: Páginas web de una sola página para proyectos que empiezan o páginas satélite.

Hoy os dejamos una oferta que responde a una petición continua de los clientes: páginas sencillas y baratas de una sola página. Hay muchos clientes que quieren empezar con un proyecto, tener una presencia digital, pero no gastarse mucho dinero. Siempre decimos que es el propio proyecto el que tiene que pagar páginas más complejas.En otras ocasiones, los clientes quieren abrir páginas web satélite, similar a las landing pages, pero con un dominio propio. Ya sea porque quieren abrir una página para el nombre de un producto, o porque quieren un servicio nuevo que tenga su propia página web. Para ello hoy anunciamos una oferta: Páginas web de una sólo página a 350€ +IVA * * Nota: el precio es el del momento de lanzamiento a día de la publicación de este artículo. Este precio puede variar con el tiempo, el precio definitivo siempre estará publicado de manera actual en nuestra sección de Diseño Web. Sólo incluye la creación de una página web, no incluye creación de correos y ninguna subpágina. Los avisos legales, cookies y política de privacidad están incluidos SI el cliente nos envía los textos. Proyectos sencillos, rápidos, pensados para la usabilidad móvil y para transmitir las ideas principales de manera clara e inmediata al cliente. El tiempo de realización del proyecto es también rápido, en unas dos semanas está la web publicada y funcionando. Os mostramos un par de ejemplos: Idiomasenverano Refuerzoenverano Si estáis interesados en esta oferta no tenéis más que contactarnos.

Clientes, Diseño Web, Gestores de contenidos, Trabajos, Webs

Nueva web refuerzoenverano.es

Ayer publicábamos una nueva web de la empresa formativa Smyth Academy, hoy compartimos otra que se ha hecho para las campañas de verano: refuerzoenverano.es. El objetivo de esta página es servir de landing page para la campaña de cursos de refuerzo de verano. De todas las asignaturas (matemáticas, física, español, inglés,….). Como página comercial tiene toda la información relevante en la página principal, con el uso de anclas y botones para navegar de manera fácil entre las diferentes secciones.El diseño está pensado para ser limpio, orientado a móviles, sencillo y rápido (SEO). Esperamos que os guste.

Clientes, Diseño Web, Gestores de contenidos, Webs

Nueva web idiomasenverano.es

Acabamos de terminar un par de páginas web para el grupo de formación Smyth Academy. Una de ellas es la que os dejamos aquí hoy: Idiomasenverano.es Esta página es una landing page dedicada a la promoción y venta de cursos de idiomas en verano. Como tal, la página es sencilla. Se trata de un escaparate con toda la información en la pantalla principal. Fácilmente accesible, con “anclas” que llevan a las diferentes secciones y botones que enlazan a la misma. Con un diseño minimalista y cuidado, y ajustado principalmente para móviles y para el rendimiento. Es decir, landing pages pensadas para comercializar unos productos. En este caso el estudio de idiomas como el inglés, francés, alemán, portugués o italiano en verano. Principalmente de forma online, lo que permite que los alumnos puedan dar clase desde la playa o la montaña, en cualquier momento y desde cualquier lugar. Esperamos que os guste.

Diseño Web, Gestores de contenidos, Navegadores

Cómo comprobar las Cabeceras de Control de Caché de una web con el navegador.

La memoria caché ayuda a mejorar la puntuación en los buscadores, el SEO, haciendo que la página se sirva más rápidamente y, por lo tanto, que mejorando la experiencia de usuario. En las páginas web, existen dos cachés principales. Una caché en el servidor, y una caché que guardan los navegadores de cada cliente. Ahí se guardan los contenidos estáticos (fotos, ficheros CSS, ficheros JS etc). Si hacemos cambios en una web, podemos borrar la caché de nuestro servidor, pero no la de cada uno de nuestros clientes. Eso lo tiene que hacer ellos manualmente. Así que puede darse el caso, y de hecho se da mucho últimamente, que hemos cambiado algo y los clientes ven la versión antigua. ¿Podemos hacer algo para evitarlo? Si, podemos decirle a los navegadores cuánto guardar cada uno de los recursos estáticos con nuestras Cabeceras de Control de Caché. En este artículo os mostramos cómo configurarlas. Cómo comprobar las cabeceras de control de caché de una página con el navegador? En este vídeo, os mostramos cómo comprobar con un navegador Chrome, Edge o Firefox, qué cabeceras de control de caché tenemos para una página web.

Compartir, Diseño Web, Gestores de contenidos, Trucos

Cómo compartir Shorts de Youtube en WordPress

Si creas Shorts en Youtube, e intentas compartirlos en WordPress te habrás dado cuenta que el gestor de tu web no reconoce el código del Short. Youtube ha puesto hace relativamente poco el código de los shorts, y WordPress todavía no se ha puesto al día para reconocerlo. ¿Cómo compartimos estos vídeos en nuestras páginas entonces? Hoy te enseñamos. Cómo compartir Shorts de Youtube en WordPress. La idea es encilla. El código de un Short es algo como esto: Y el código de un vídeo (que sí reconoce WordPress) algo como esto: Las letras del final son el código del vídeo o short. Así que sólo tienes que coger el código del sort y convertirlo de lo que pone arriba a esto: Como veis hemos cambiado el /shorts/ por /watch?v= Este último código sí que lo reconoce WordPress.

Diseño Web, Gestores de contenidos, Módulos Prestashop

Descripción adicional para las categorías. Módulo gratuito para Prestashop.

Por defecto Prestashop sólo deja poner dos cosas en las páginas de categorías: Imagen de categoría. Descripción (normalmente justo debajo de la imagen). Hay que tener en cuenta que, como en muchos CMS. las páginas de categorías no son páginas en sí, sino que se crean dinámicamente con los parámetros que deja Prestashop. Hay muchos dueños de tienda que, por motivos de SEO y por motivos de presencia de la página, quieren añadir descripciones adicionales en otra parte de la página. Esto normalmente no es posible, pero os dejamos hoy un módulo gratuito que te permite hacerlo. Descripción adicional en la página de categoría. Módulo gratuito de Prestashop. El módulo puedes encontrarlo en esta página, tanto para Prestashop 1.6 como para Prestashop 1.7. El módulo, una vez instalado, añade un apartado Second Description en la página de edición de categorías, con un editor WYSIWYG que permite añadir tanto texto como otros elementos y diferente para cada idioma. El proceso de instalación, para 1.7, es el siguiente: Descargar el módulo Instalarlo como cualquier otro módulo. Editar el fichero /themes/tutema/templates/catalog/listing /product-list.tpl. y añade la línea siguiente justo antes del else (o donde quieras que aparezca la descripción). También puedes no hacer esta parte y manejar los hooks poniendo el módulo donde quieras. Pon contenido y mira cómo aparece la segunda descripción.

Código Worpdpress, Diseño Web

Cambiar la fecha del pie de WordPress automáticamente.

Hay clientes que les gusta poner el copyright con el año en el pie de sus páginas de WordPress. Pero entonces todos los años tienen que entrar y cambiarlo y, claro, es una lata. Hoy os dejamos un script que crea un shortcode que lo cambia automáticamente. Script para cambiar la fecha de cualquier sitio de una web de WordPress automáticamente con un shortcode. El script va a usar la función date_i18n de WordPress. Y el formato de fecha también de WordPress. Os lo dejamos aquí como referencia por si queréis modificar el script para aptarlo a vuestras necesidades: https://wordpress.org/support/article/formatting-date-and-time/ Recordad que tenéis que poner el código o en el functions.php de vuestro tema hijo o en un plugin de Snippets. El script es el siguiente: Y para usarlo sólo tenéis que añadir el shortcode (podéis cambiar el nombre modificando la parte que os marcamos en negrita) : En este vídeo os explicamos y mostramos cómo se usa.

Diseño Web, Gestores de contenidos

Informes y análisis de ventas en Woocommerce

Desde hace unas versiones, Woocommerce, el mayor plugin de tiendas online del mayor CMS del mundo, WordPress, ha ampliado mucho sus secciones de informes. Estos antes eran bastante escasos, pero ahora son completos, personalizables, exportables y, consideramos, más que suficiente para la mayoría de tiendas. Hoy os enseñamos cómo funcionan y dónde tienes estos informes. Woocommerce: informes y análisis sobre ventas, clientes y productos. Woocommerce incluye informes en dos sitios: Informes: en el menú de la zona de administración Woocommerce->Informes tienes una pequeña sección con Ventas por fecha, Ventas por producto, Ventas por categoría, Cupones por fecha, Descargas del cliente. En todas estas secciones podemos seleccionar las fechas que queremos, y nos muestra los datos y gráficas de los mismos. En muchas de ellas podemos exportar el contenido en csv. Análisis: Más recientemente, Woocommerce ha añadido los análisis, como un menú aparte. Tienes un panel completamente personalizable, donde puedes añadir secciones, parámetros, qué quieres incluir. Y tiene un resumen con datos y gráficas. Debajo de este menú, tienes los apartados con más información de productos, ingresos, pedidos, variaciones, categorías, cupones, impuestos, descargas e inventario. En cada uno de esos apartados, de nuevo puedes modificar los parámetros, datos y fechas que quieres ver, y exportarlo a csv. Como decimos, muy potente y más que suficiente para la mayoría de las tiendas, y un gran añadido por parte de Woocommerce. Os lo explicamos en este vídeo:

Diseño Web, Internet, Soporte, Trucos

Obtener una clave de reCaptcha de Google V2 y V3.

Google reCaptcha es la solución de reCaptcha de Google. Os recordamos que un Captcha es el puzzle o reto que tienes que resolver antes de enviar un formulario para demostrar que no eres un robot de spam. Es una solución que se usa mucho en las páginas web. Es gratuito, con ciertas limitaciones (“1000 llamadas por segundo o 1000 000 de llamadas al mes”) que son más que funcionales para la mayoría de las páginas web (si no hay una versión de pago empresarial). Pero para poder usar reCaptcha necesitas un par de claves. Hoy os enseñamos a conseguirlas. Conseguir claves reCaptcha en la web. En este vídeo os enseñamos cómo conseguir las claves de reCaptcha para tu web. Más que nada porque así nos ahorramos explicarlo a los clientes 😀 Una de las cosas que tienes que decidir es si claves de reCaptcha V2 o V3. No es tan fácil como que uno sea una evolución de el otro. Cada uno se usa en casos diferentes. En este artículo explicamos las diferencias en su día. Para crear la clave recaptcha: Entra en https://www.google.com/recaptcha/admin Pincha en el + para crear una. Pon un nombre a la clave para reconocerla (por ejemplo el de la web, tu dominio, el tipo de recaptcha y acepta las condiciones. Te dará dos claves que son las que tienes que proporcionar al plugin o al que lleve tu página. En el vídeo lo explicamos.

Scroll al inicio