Modificar los textos, imágenes y páginas de su sitio

Personalizar su sitio consiste primero en sustituir los textos y las fotos de la plantilla por los suyos, y después en ajustar la estructura: añadir una sección, crear una página, cambiar un color. En Upkyo Studio todo se hace directamente sobre la vista previa del sitio, sin código. Esta guía detalla cada tipo de modificación. Para abrir el editor y conocer su interfaz, empiece por Abrir y modificar su sitio.

Antes de empezar

• Abra el editor desde Mis servicios, luego Upkyo Studio y Modificar mi sitio.
• Elija la página que quiere modificar en la lista Página mostrada, en la parte superior de la pantalla.
• Tenga sus fotos a mano, idealmente en JPEG o WebP, ya recortadas.

Modificar un texto paso a paso

1. Haga clic en el texto de la vista previa: se rodea de un marco azul y aparece el cursor.
2. Escriba su nuevo texto. El texto pegado desde otro documento llega sin su formato, para mantener un sitio homogéneo.
3. Use la barra que aparece encima del texto para ponerlo en negrita, cursiva o subrayado, añadir un enlace, o cambiar el color, la alineación o el tamaño.
4. Para un enlace, seleccione primero las palabras, haga clic en el icono de enlace y escriba una dirección (https://…), una página del sitio (/contact/) o una dirección de correo, y confirme con Intro.
5. Haga clic en otro lugar para terminar. El cambio se guarda automáticamente.

Sustituir una imagen

1. Haga clic en la imagen de la vista previa. Se abre la ventana Elegir una imagen.
2. Haga clic en Subir una foto y elija un archivo JPEG, PNG, WebP o GIF de su ordenador.
3. También puede pegar la dirección de una imagen en línea y hacer clic en Usar, o elegir una foto libre de derechos cuando se ofrece el banco de fotos.
4. En el panel derecho, rellene Descripción de la imagen: una frase corta que diga lo que muestra la foto. Sirve a los lectores de pantalla y a Google.

Para quitar una imagen, abra la misma ventana y haga clic en Quitar la imagen. El logotipo y el icono de la pestaña del navegador se cambian en el panel Empresa.

Añadir, mover o eliminar una sección

Una sección es un bloque horizontal de la página: cabecera con un gran título, servicios, galería, opiniones, preguntas frecuentes, contacto…

• Añadir: haga clic en Añadir una sección en el panel derecho, o haga clic derecho en una sección y elija Añadir una sección debajo. La ventana muestra vistas previas reales con los colores de su sitio, ordenadas por categoría y con un buscador.
• Mover: clic derecho y luego Subir, Bajar o Mover (arriba del todo, abajo del todo). El panel Capas también permite reordenar las secciones arrastrando y soltando.
• Duplicar o Eliminar: desde el mismo clic derecho. Ocultar la sección la esconde sin eliminarla.
• Reutilizar: Guardar en mis secciones conserva una sección para añadirla en otro lugar, desde la categoría Mis secciones.

Al hacer clic en una sección, el panel derecho muestra sus ajustes: Disposición, Fondo, imágenes, botones, espaciado, alineación, imagen de fondo, animación de aparición y Ocultar la sección en móvil u ordenador. Los botones + y − del apartado Contenido añaden o quitan elementos (tarjetas, fotos, preguntas).

Añadir o renombrar una página

1. Abra el panel Páginas.
2. Haga clic en Añadir, escriba el Nombre de la página y haga clic en Crear.
3. Ajuste el Nombre en el menú y la Dirección de la página (por ejemplo precios).
4. Marque o desmarque Mostrar en el menú.
5. Use las flechas para cambiar el orden de las páginas en el menú, o la papelera para eliminar una página. La página de inicio no se puede eliminar.

Si cambia la dirección de una página que ya está en línea, Studio crea una redirección de la dirección antigua a la nueva, para que sus visitantes y Google no lleguen a una página inexistente.

Cambiar los colores, las tipografías y el estilo

El panel Tema actúa sobre todas las páginas a la vez:

• Estilo de partida: un conjunto coherente de colores, tipografías y redondeos;
• Colores: color principal, texto, fondo, fondo secundario y fondo oscuro;
• Tipografías: combinaciones de fuentes para los títulos y el texto;
• Redondeos y Aspecto: forma de los botones, tamaño de los títulos grandes, animación de los contenidos.

El panel Empresa gestiona la información que se repite en todo el sitio: nombre, logotipo, dirección, teléfono, correo, horarios, redes sociales, así como la cabecera (posición del logotipo, estilo, botón).

Buenas prácticas para páginas eficaces

• Un título claro arriba de cada página: su oficio y su ciudad, por ejemplo "Fontanero en Valencia".
• Frases cortas: sus visitantes leen sobre todo en el teléfono. Compruebe cada página en modo Móvil.
• Sus fotos reales: su equipo, su local y sus trabajos inspiran más confianza que una imagen genérica.
• Un botón de acción por sección: llamar, pedir presupuesto, reservar.

Preguntas frecuentes

¿Cómo cambio la tipografía de mi sitio?

Abra el panel Tema, apartado Tipografías, y haga clic en la combinación que prefiera. El cambio se aplica a todas las páginas a la vez.

¿Qué tamaño de imagen usar en mi web?

Un ancho de 1600 a 2000 píxeles basta para una foto a todo lo ancho, y de 800 a 1200 píxeles para una foto en una columna. Prefiera JPEG o WebP, más ligeros que PNG para fotos.

¿Por qué mi cambio no aparece en mi sitio?

Los cambios se guardan en el editor, pero solo son visibles después de publicar. Haga clic en Publicar y luego en Actualizar el sitio (vea Publicar su sitio en su dominio).

¿Puedo ocultar una sección solo en el móvil?

Sí. Seleccione la sección y, en el apartado Ocultar la sección en, elija Móvil. La sección sigue visible en el ordenador.