clicwebs manual web corporativa v131

MANUAL DE USOWEB CORPORATIVA

Este manual le servirá para dar los primeros pasos en su sitio web y conocer a fondo como mantener actualizada su página.

Antes de comenzar a editar su sitio web le recomendamos que lea detenidamente todas las páginas de este documento. Si tiene dudas sobre algún aspecto, puede dirigirse a la sección y comprobar el funcionamiento antes de realizar las modifica-ciones; todos los cambios que realice no serán efectivos hasta que pulse el botón Guardar.

Una vez complete la lectura de este documento estará preparado para poder edi-tar su sitio web. Siempre que tenga una duda antes de realizar la modificación, consulte la sección correspondiente para comprobar el funcionamiento.

Antes de comenzar con la lectura le recomendamos:

No comenzar a editar su sitio web hasta no haber leído el documento completo.

Modificar su clave de administrador tras leer este manual.

Comprobar que la dirección de correo electrónico asociada a su usuario de ad-ministrador es correcta.

Los códigos de colores destacados en el texto de este manual le ayudarán a en-contrar la referencia en las imágenes de ejemplo. Cada palabra marcada con un color referirá a una zona destacada con un circulo del mismo color en la imagen de ejemplo.

Si tiene dudas antes de editar, revisar la sección del manual que contenga la información adecuada.

MANUAL DE USO WEB CORPORATIVA

2

1. ACCESO A LA ZONA DE ADMINISTRACIÓN DE SU WEB

Para acceder como Administrador al sitio web deberá introducir la siguiente dirección web: http://www.sudominio.com/user, reemplazando “sudominio.com” por el nombre de su dominio web.

El enlace antes mencionado le llevará a la página de Inicio de sesión. En el campo Nombre de usuario y Contraseña tendrá que introducir los datos facilitados para acceder a su web. Seguidamente el botón Iniciar sesión. Si ha ex-traviado su contraseña, podrá iniciar el sistema de recuperación de la misma, pulsando en el enlace Solicitar nueva contraseña. Para ello tendrá que facilitar su dirección de correo electrónico y el sistema le enviará un e-mail con un enlace para crear una nueva contraseña.

Al iniciar sesión el sistema lo redirigirá a su página de usuario; en esta página siempre tendrá disponible el Manual de usuario para resolver cualquier consulta. Allí también cuenta con una serie de Enlaces rápidos que detallaremos en la siguiente página.

Siempre que inicie sesión como Administrador verá que se activa una barra superior de color negro que estará siempre presente hasta que usted finalice la sesión. Esta funcionalidad facilitará su navegación y le permitirá editar los contenidos, crear nuevos, además de darle acceso a todas las zonas de configuración del sitio.

Siempre que quiera regresar a esta página podrá hacerlo pulsado el enlace superior derecho en la barra con la leyenda Bienvenido, administrador. Una vez finalice las modificaciones en su sitio web recuerde que es de gran importancia para la seguridad de su sitio web no dejar abierta la sesión. Para cerrar sesión, pulse el botón en la zona derecha de la barra de navegación Cerrar sesión.


3

Sobre su mensaje de bienvenida encontrará tres enlaces de edición: Ver - Editar - Explorador de archivos. Siempre que navegue por el sitio web como Administrador encontrará enlaces de este tipo para facilitar la edición de toda la web; estos enlaces se distinguen por su color de fondo, como puede ver en la imagen de ejemplo.

El botón Editar de la página de bienvenida, le permitirá modificar los datos relacionados con su cuenta de usuario. Al pulsar en él será redirigido al apartado con los datos de usuario. Allí podrá modificar su contraseña, su dirección de correo electrónico, entre otros datos.

Siempre que pulse el botón Ver volverá a la página que está editando sin guardar los cambios. Recuerde que si quiere aplicar los cambios realizados en su cuenta de usuario o cualquier otra sección de la página, tiene que pul-sar el botón Guardar que siempre encontrará al final de la página que esté editando en la zona izquierda.

IMPORTANTE:Se recomienda modificar la contraseña la primera vez que acceda al sitio, de forma que usted perso-nalice esta clave con un dato fácil de recordar para usted. Tome buena nota de su nueva contraseña ya que le será solicitada cada vez que quiera acceder al sitio web. No utilice para su nueva contraseña su nombre, el de su empresa, o códigos simples como por ejemplo: 12345. Es recomendable utilizar una combinación de letras, números y caracteres espaciales. Al realizar el cambio de contraseña el sistema le indicará la fortaleza de seguridad de la misma.

Por último, en el Explorador de archivos, encontrará todas los archivos de imagen incluidos en su sitio web. Este apartado no tiene utilidad práctica para usted; simplemente le permite visualizar un listado con todos los archivos de imagen. Recomendamos que si quiere eliminar o editar archivos de imagen, lo haga directamente en la página concreta (encontrará más información sobre este punto en la sección de Imágenes, videos y animaciones).


4

2. PRIMEROS PASOS EN SU WEB

Al iniciar sesión verá que se activa una barra superior de color negro que estará siempre presente hasta que usted finalice la sesión. Esta funcionalidad facilitará su navegación y le permitirá editar los contenidos y crear nuevos, además de darle acceso a todas las zonas de configuración del sitio.

Llamaremos “Contenidos” a la información que usted pueda crear, modificar o eliminar; Por ejemplo, las “Página básica” , “Noticias”, “Webform”, etc.


5

Para crear un contenido deberá seguir los pasos marcados en la imagen de la página anterior, desplegando las op-ciones disponibles en la barra superior, por ejemplo:

Contenido >> Agregar contenido >>Noticia

Si por el contrario desea editar un contenido existente, podrá hacerlo pulsando el botón Editar.

Al pulsar sobre el botón Editar, una capa de edición se desplegará para que usted pueda modificar todo lo que considere en ese apartado. Para ello cuenta con un Editor amigable donde dispondrá de todas las herramientas de edición de texto e imagen.

Una vez finalizada la edición tan solo con pulsar el botón Guardar, la modificación realizada se verá reflejada al instante en su sitio web, y podrá continuar con otros cambios o configuraciones.


6

3. CREACIÓN Y EDICIÓN DE CONTENIDOS

Su sitio web consta de diversas páginas individuales (contenidos) que se clasifican según su tipología:

- Página básica (son páginas con contenido simple, como “Quiénes somos” o “Aviso legal”- Noticias (páginas especificas para crear noticias pertenecientes a la sección del mismo nombre)- Blog post (en caso de tener incluido un blog, son las páginas de una entrada de su blog)- Webform (es un formulario web de contacto o solicitud de presupuesto por ejemplo)

Su sitio web original contará con una serie de contenidos ya creados que contengan la información que usted apor-tó para su creación. Si desea modificar cualquiera de estas páginas puede dirigirse a la sección concreta que desee modificar y pulsar en el botón Editar para acceder a la edición de ese apartado concreto.

La mayor parte de las secciones o apartados de sitio web corresponden a algunos de los tipos de contenidos se-ñalados anteriormente (página básica, noticia, webform, etc.). No obstante algunas secciones de su web no son editables directamente ya que ellas se denominan apartados dinámicos.

Los apartados dinámicos reúnen información especifica de uno o varios tipos de contenidos y los presentan de una forma determinada. A continuación detallamos algunas de estas secciones dinámicas y una breve descripción de sus contenidos:

>> Página de InicioEl contenido de la página de inicio dependerá de lo usted ha pedido destacar allí en la elaboración de su web. La portada, al igual que el resto del sitio web, consta de dos zonas: zona periférica (coloreada en tono gris en la imagen destacada en la siguiente página) y la zona central del contenido.

- Zona periférica: esta se divide en 3 espacios: - Cabezal (zona superior) - Barra lateral (puede localizarse a la izquierda o derecha de la zona de contenidos) - Pie de página (zona inferior)

Estos 3 espacios son fijos para todo el sitio web y su modificación implica un cambio en toda la web, no únicamente en una página concreta. Su contenido se aloja en “bloques” y su capacidad de edición es limitada según las posibilidades de cada uno de ellos (para más información sobre los bloques consulte la sección “Modificación de bloques”).

- Zona de contenido:Este espacio corresponde al contenido de la página concreta , en este caso “Inicio”. Según el diseño y arquitectura de su sitio web puede contener uno o varios bloques de información. En el ejemplo de la siguiente página puede ver una portada con 6 bloques de información. Los bloques 1, 3, 4 y 6 destacan información en la página de portada y su edición no es directa en portada sino en las páginas directa-mente (puede conocer como destacar un contenido allí en las siguiente páginas). El bloque número 5 en el ejemplo es un contenido de edición directa, por lo cual puede editarlo como se muestra en la imagen superior).


7

ZONA PERIFÉRICA

ZONA PERIFÉRICA

ZONA DE CONTENIDOS

ZONA DE CONTENIDOS

1 2

4

6

3

5


8

>> NoticiasEn la sección de noticias encontrará un listado de noticias ordenadas cronológicamente según su fecha de pu-blicación. Cada una de las noticias presentará un titular, resumen de la noticia, fotografía y un enlace para ver la noticia completa en la página concreta. Los mismos se muestran en una cantidad determinada y organizados con un paginador para facilitar la navegación y visualización del visitante a su sitio web. Al igual que el resto de páginas dinámicas, la edición de lo que se muestra en esta sección no es directa, sino a través de la página de cada noticia.

>> BlogEl blog es una sección similar a la de noticias pero con bloques especificos del blog para categorizar y clasificar la información. Si ha contratado un blog para su sitio web consulte en la sección especifica de “Funcionamiento del blog” para ampliar la información sobre esta herramienta.


9

A continuación le indicaremos como crear o editar contenidos especificos según cada tipo de contenido.

Crear o editar tipo de contenido: PÁGINA BÁSICA

Para crear una página básica en su sitio web podrá hacer-lo con la ayuda de la barra administración situada en la parte superior de su sitio web siempre que esté loguea-do con su usuario, como se ha indicado en las primeras páginas de este manual.

Contenido >> Agregar contenido >> Página básica

Al pulsar sobre este enlace visualizará una página básica nueva con el aspecto que se muestra en la imagen inferior. En esta imagen podrá ver el detalle de cada uno de los campos que puede completar en su nueva página:

CONTINUA EN LA SIGUIENTE PÁGINA

Título de la páginaTítulo principal que se mostrará en la página que va a crear.

Destacar en portadaCon este grupo de campos podrá definir si la nueva página que va a crear aparecerá como destacada en alguno de los bloques de portada. Si desea destacarla, cuenta con campos para detallar, qué informa-ción se mostrará en portada sobre está página.En el primer campo indique el bloque específico donde quiere de destacarlo (estas opciones pueden variar según las preferencias de su sitio web).A continuación indique el orden de aparición, el titulo, texto e imagen que quiere relacionar a esta página para que se muestre el contenido en la portada.

Contenido de la páginaEn este espacio podrá escribir e in-cluir todo el contenido que se mos-trará en su nueva página. Para ello cuenta con un editor amigable que le facilitará la edición del contenido, ya sea escrito como multimedia. En las siguientes páginas podrá cono-cer más al detalle sus posibilidades.


10

Configuraciones de la páginaPestañas de configuración de pará-metros de la página.

Guardar nueva páginaPara guardar su nueva página pulse el botón “Publicar”. Recuerde que si no lo hace perderá todo lo que ha creado en su nueva página.

VIENE DE LA PÁGINA ANTERIOR

En la parte inferior de la página que está creando (al igual que en todas las páginas sin importar a que tipo de conte-nido corresponda) encontrará la zona de configuración de la página. Este apartado consta de diferentes pestañas cada una de ellas corresponde a un apartado concreto que detallamos a continuación:

>> Opciones de menúPor defecto esta opción estará desactivada si está creando una nueva página; por el contrario si está editando una página que ya tiene un elemento de menú activo dispondrá ya de la información en este apartado. Para activar un elemento de menú de su nueva página primero tendrá que marcar la opción Proporciona un enlace de menú. Al marcar esta opción se desplegarán las opciones de configuración del mismo. En el primer campo tendrá que indicar el nombre del nuevo elemento de menú y en el segundo podrá detallar el texto emergente que se muestra cuando un usuario pasa el ratón sobre el elemento de menú (conocido como texto ALT).

Galería de fotosEn este campo puede subir imáge-nes que se mostrarán en una galería de fotografías en la página concreta que está creando o editando. Cada vez que cargue una nueva imagen el sistema habilitará un nuevo campo para cargar la siguiente imagen, “Añadir archivo nuevo”. En cada nuevo archivo verá un selector en forma de cruz desde donde podrá arrastrar cada foto de forma de modificar el orden de aparición de las imágenes.


11

A continuación deberá seleccionar en que menú quiere que se muestre el nuevo elemento. El menú principal corresponde al que se muestra en la zona superior de su web (cabezal) y el menú pie de página en la zona infe-rior (pie de página) ambos localizados en la zona perisférica de la web. Tenga en cuenta que el diseño de su sitio web ha sido ajustado para un número determinado de elementos, por lo cual le recomendamos que no cree un número mayor de elementos de menú a los trae por defecto su sitio web. Si desea que su nuevo elemento de menú se despliegue desde uno ya existente, puede seleccionar como “padre” uno de los elementos ya creados. De esta forma se asegura que el diseño del menú no se desajustará y podrá crear un número mayor de enlaces de menú. A continuación le proponemos un ejemplo de lo antes expuesto: - Quiénes somos (elemento existente) · Nuestra empresa (nuevo elemento creado) · Filosofía (nuevo elemento creado) · Experiencia (nuevo elemento creado) · Misión y visión (nuevo elemento creado)

>> Mapa XML del sitioEn este apartado podrá configurar la inclusión o no, y la prioridad de esta página en el mapa XML de su sitio web. Esta función le permite informar a los robots de busqueda (como por ejemplo Google) de la relevancia de esta página concreta dentro del conjunto de su sitio web. Para más información sobre las opciones del mapa XML ver la sección “Parámetros SEO”.

>> Opciones de ruta URLEn este apartado podrá definir un nombre especifico para la URL (dirección web) de la página concreta que está creando o editando. Por defecto el sistema creará un nombre basado en el titulo que ha asignado a su nueva página. Si desea personalizar el nombre de la URL, desmarque la opción Generar alias de URL automática e indique en el campo Alias de URL el que quiere que identifique a esta página. Si va a modificar un alias existente tenga en cuenta que esto afectará a cualquier enlace que apunte hacia esta página. Por lo tanto si ha generado un enlace interno manual desde otra sección de su web (se explicará como hacerlo en este manual) tendrá que modificarlo con la nueva URL para evitar que el enlace externo apunte a la antigua dirección web.

>> Meta etiquetasEn este apartado podrá configurar la mayor parte de los parámetros para el posicionamiento en buscadores de la página que está creando o editando. En este apartado podrá determinar las palabras clave, titulo de la página (texto que se muestra al realizar una busqueda en buscador), descripción, abstract, entre otros. Por defecto estos parámetros utilizan patrones de reemplazo para construir el contenido de cada campo. Estos patrones utilizan valores de otros campos para aportar la información SEO si usted no los personaliza. Como puede ver en la imagen de la siguiente página, en el campo descripción el sistema utiliza el patrón de reemplazo [node:summary]. De esta forma el sistema obtiene un resumen de 150 caracteres según el contenido que usted ha creado para esta página. Si desea personalizar este, o cualquier campo del conjunto de Meta etiquetas, sim-plemente puedo borrar este patrón de reemplazo e introducir el texto de resumen personalizado. Si despliega el conjunto de campos Avanzado, puede encontrar varios campos especificos para trabajar con mayor detalle el posicionamiento. Para más información sobre las opciones del mapa XML ver la sección “Parámetros SEO”.

IMPORTANTEEl alias de URL solo determina la dirección relativa de su página. Por ello no es necesario que indique aquí el dominio de su web. Si su sitio es: “www.miempresa.com” no tendrá que asignar el alias como: “www.miempresa.com/quienes-somos” por el contrario, el alias será “quienes-somos”.Recuerde evitar los espacios a la hora de dar nombre al alias, puede reemplazarlos por guiones “-”.


12

>> Información de la revisiónEn este apartado podrá guardar información útil sobre las versiones o cambios realizados en esta página. Esta funcionalidad solo afecta a la zona de administración y no afecta a la zona pública de su sitio web.

>> Opciones de comentariosEn este apartado podrá habilitar la opción de comentarios para está página concreta. Por defecto el sistema la mostrará como Cerrada, si desea habilitar la posibilidad que los usuarios puedan escribir comentarios en esta página concreta tendrá que marcar la opción Abrir.

>> Modificar título de la página (SEO)En este apartado podrá modificar el título que muestra esta página en la zona superior del navegador, que además resulta de gran importancia para los motores de búsqueda. Tenga en cuenta que este titulo cumple una función distinta de la que previamente se mencionó en la pestaña de Meta etiquetas.

>> Información de autoríaEn este apartado podrá determinar la información relativa a la autoría y fecha de la creación de la página. Tenga en cuenta que la fecha es un dato importante para el sistema dado que en muchos casos toma este parámetro para ordenar la información en las listas, como Noticias o Blog. No es necesario introducir este valor cuando crea una página, ya que el sistema lo hace de forma automática; no obstante, puede modificar esta información si desea cambiar la fecha de publicación de un página o cualquier tipo de contenido en concreto.

>> Destacar en listasEn este apartado podrá determinar si está página u otro tipo de contenido será prioritario a la hora de organizar en listas. Por defecto, el sistema dará prioridad a la fecha de publicación para mostrar los contenidos en una lista; si usted quiere que este contenido tenga prioridad sobre el resto puede marcar la opción Fijo al comienzo de las listas; en ese caso el sistema colocará primero a los contenidos señalados con está opción y el criterio de fecha se utilizará como segundo parámetro para organizar la información. La opción “Colocado en la página principal” no tendrá utilidad en este tipo de producto, ya que usted cuenta con un conjunto de campos especi-ficos para destacar la página o contenido en portada como se indicó anteriormente.


13

Crear o editar tipo de contenido: NOTICIAS

Para crear una noticia en su sitio web podrá hacerlo con la ayuda de la barra administración situada en la parte superior de su sitio web siempre que esté logueado con su usuario, como se ha indicado en las primeras páginas de este manual.

Contenido >> Agregar contenido >> NoticiasAl pulsar sobre este enlace visualizará una noticia nueva con el aspecto que se muestra en la imagen inferior. En esta imagen podrá ver el detalle de cada uno de los campos que puede completar en su nueva página:

Crear o editar tipo de contenido: WEBFORM

Para crear un nuevo formulario en su sitio web podrá hacerlo con la ayuda de la barra administración situada en la parte superior de su sitio web siempre que esté logueado con su usuario, como se ha indicado en las primeras páginas de este manual.

Contenido >> Agregar contenido >> WebformAl pulsar sobre este enlace visualizará un formulario nuevo con el aspecto que se muestra en la imagen inferior. La creación de un formulario web consta de 3 pasos, en cada uno de ellos tendrá que definir un conjunto de opciones

En la parte inferior encontrará varias de las pestañas de configuración de la página con las mismas características explicadas en el tipo de contenido “Página básica”.

Título de la páginaTítulo principal que se mostrará en la página que va a crear.

FotografíaEn este campo podrá subir una imagen para acompañar la noticia que está creando. Esta fotografía también será visible en la página “Noticias” donde acompañará al título y resumen de la noticia en la lista de noticias mostrada en esta página.

Contenido de la páginaEn este espacio podrá escribir e in-cluir todo el contenido que se mos-trará en su nueva página. Para ello cuenta con un editor amigable que le facilitará la edición del contenido, ya sea escrito como multimedia. En las siguientes páginas podrá cono-cer más al detalle sus posibilidades.


14

para crear un nuevo formulario, asignar campos y configurar su envío y recepción.En las imágenes que se muestran a continuación, podrá ver el detalle de cada una de las pantallas que tiene que completar para crear o editar su formulario web.

Una vez creada la página del nuevo formulario, ahora tendrá que crear los campos que desee que muestre su formulario. En la imagen inferior se muestra un formulario con varios campos creados; en el selector de campos encontrará diferentes tipos de campos según el campo que quiera crear: campo de texto, área de texto, correo electrónico, fecha, etc. Una vez definido el nombre del campo (etiqueta) y el Tipo, tendrá que pulsar el botón Agre-gar para pasar a la pantalla de configuración del campo.

Título del formularioTítulo principal que se mostrará en el formulario que va a crear.

Configuraciones de la páginaPestañas de configuración de parámetros de la página. El funcio-namiento de estos parámetros es idéntico al expuesto en los anterio-res tipos de contenidos.

Texto de instruccionesEn este espacio podrá escribir un texto de instrucciones que se mostrará en la zona superior del formulario. También puede dejar vacío este campo para que muestre solo título y formulario.

IMPORTANTERecuerde que para guardar el formulario que está creando tendrá que pulsar el botón “Publicar” o “Guardar” si está editando uno existente.


15

Una vez agregado el campo se encuentra en la pantalla de configuración de este nuevo campo; aquí encontrará diferentes opciones que puede configurar, si bien en la mayoría de casos no es necesario modificar ninguna de las opciones preestablecidas. Por lo cual para finalizar la creación del campo simplemente pulse el botón Guardar el componente.

Una vez que ha creado todos los campos de su formulario ya tendrá operativo su nuevo formulario. Para finalizar el proceso solo tiene que configurar el correo electrónico donde recibirá el formulario y el mensaje de confirmación. Para ello tendrá que acceder a la pestaña de Correos electrónicos. Allí podrás añadir una dirección de correo o modificar la existente si estás editando el formulario. Si estas creando el formulario, una vez has escrito la direc-ción de correo electrónico pulsa el botón Agregar para terminar el proceso de alta del e-mail.

En la pantalla de configuración podrás definir diferentes parámetros de como quieres recibir el formulario web en la dirección de correo electrónico que has definido: asunto, nombre del remitente, e-mail del remitente, etc. Para cualquiera de estos parámetros podrás escoger entre tres opciones: “Por defecto”, “Personalizado” o “Compo-nente”; en este último caso podrás adoptar el valor del campo que selecciones, de tal forma que llegará la infor-mación con el dato que el usuario introduzca en el formulario.


16

Por último podrás configurar el mensaje de confirmación que muestre el sistema una vez el usuario ha completado y envía el formulario. Para ello puedes acceder a la pestaña Opciones de formulario, como se muestra en la ima-gen superior. Al acceder podrás definir el mensaje en el campo específico, como se muestra en la imagen inferior, o también podrás redirigir a una página concreta (que tendrás que crear previamente). En este caso solo tendrás que indicar la URL (dirección web) de la página de confirmación personalizada.

Recuerda que siempre puedes navegar por las diferentes opciones del formulario con la pestañas superiores Ver (para visualizar la página final), Editar (acceder al titulo, texto de instrucciones y configuración de parámetros de la página), Formulario web (crear o editar campos de formulario, configurar cuenta de correo y mensaje de confir-mación) y por último Resultados.

En este último apartado podrás realizar un seguimiento de todos los envíos que los usuarios realicen en web a tra-vés del formulario. Cuando un visitante complete y envié el formulario te llegará la información en la dirección de correo que has definido antes, y además quedará un registro en el sistema que siempre podrás consultar en este apartado. Este apartado cuenta con una serie de subpestañas, desde donde podrás analizar, descargar un listado o borrar registros de este formulario.


17

Crear o editar tipo de contenido: BLOG POST

Para crear una entrada en el blog de su sitio web podrá hacerlo con la ayuda de la barra administración situada en la parte superior de su sitio web siempre que esté logueado con su usuario, como se ha indicado en las primeras páginas de este manual.

Contenido >> Agregar contenido >> Blog PostSi ha contratado un blog para su sitio web consulte en la sección especifica de “Funcionamiento del blog” para am-pliar la información sobre esta herramienta y sobre este tipo de contenido.


18

Vista inicial del editor amigable

El editor amigable es un herramienta específica para facilitar la edición de cada página de su sitio web. Sus funcio-nalidades y aspecto es muy similar a un Editor de texto, Microsoft Word, Open Office, por ejemplo. Gracias a esta potente herramienta usted podrá crear o modificar la mayor parte de opciones de su página de contenido sin la necesidad de dominar ni programar código HTML.

En la imagen superior puede ver el aspecto de una página de su sitio web; como se explicó anteriormente usted podrá editar la zona de contenido accediendo con el botón Editar y modificar el contenido con el Editor amigable. En la imagen inferior su muestra el mismo contenido con el Editor amigable integrado, y la barra de herramientas.

4. USOS Y OPCIONES DEL EDITOR AMIGABLE


19

Edición de contenidos y aspectos gráficos

Recuerde que el aspecto gráfico de su sitio web viene dado por código de programación automatizado para ase-gurar una correcta visualización. Esto facilita la edición de contenido, ya que si usted no modifica ningún aspecto gráfico cuando edita a crea un contenido el sistema se encargará de mostrar el contenido con los estilos gráficos por defecto. Ahora bien, el Editor amigable le ofrece la posibilidad de crear un aspecto diferente que sobreescribi-rá los estilos gráficos que trae por defecto su sitio web.

Para ello cuenta con campos como cualquier editor de texto donde podrá definir diversos tipos de encabezados, tamaños de letra, colores, tipos de letras, alineación de texto, etc.


20

Estructuración de contenidos y tablas

Además de estas herramientas básicas cuanta con múltiples opciones de edición gráfica que podrá probar en la página que esté editando. Otra potente herramienta con la que podrá trabajar en el editor son las tablas; además de su uso tradicional para organizar textos o números en filas y celdas, las tablas podrán ser de gran ayuda para es-tructurar el contenido de la página. En el ejemplo que se muestra a continuación podrá ver como está estructura do dentro de una tabla la página Quiénes somos con dos columnas:

Si quiere insertar una nueva tabla en una página nueva, o crear una tabla dentro de una celda concreta para estruc-turar una zona definida de la página puede hacerlo con el icono señalado en azul en la imagen superior. El sistema de tablas anidadas (una tabla dentro de una celda) le brindará la posibilidad de organizar la información con una precisión milimétrica. Para modificar el ancho y alto de una fila o columna puede clicar sobre la línea punteada que marca la fila o columna y arrastrar de ella para modificar su tamaño.

1 2


21

Para añadir, eliminar o editar una celda (fila o columna) puede hacerlo pulsando con el botón derecho del ratón que le dará acceso al menú emergente de configuración de tabla. En el verá las diferentes opciones para añadir o eliminar filas y columnas, además de otras múltiples opciones.

Al clicar en alguna de las opciones que presenta el menú emergente se desplegará una ventana emergente don-de podrá configurar la opción seleccionada, como se muestra en la imagen inferior.

Creación y edición de enlaces

Una de las características primordiales de todo sitio web son los enlaces, tanto internos (a otra zona de su sitio web) como externos (a otra página de la red). Enlazar cualquier frase, palabra o imagen es muy sencillo gracias a la opción de enlaces que dispone en la barra de herramientas de su Editor amigable.


22

Primero tendrá que seleccionar el texto o imagen que desea enlazar y luego pulsar el icono señalado en naranja de la imagen anterior. Una vez pulse, se abrirá una ventana emergente donde podrá indicar la URL (dirección del enlace) y además especificar si es un enlace interno, externo o a una dirección de correo electrónico. Además de ello cuenta con dos pestañas complementarias para realizar configuraciones adicionales para el enlace.

Una vez ha realizado el enlace este se marcará en color azul y subrayado por defecto (recuerde que una vez guarde este enlace adoptará los estilos gráficos especificos de su sitio web, o bien, ustedes puede crear su estilo propio con las herramientas de edición del Editor amigable.

Ahora que tiene creado su enlace podrá editarlo pulsando el mismo icono que utilizó para crearlo o eliminarlo con el icono que se ha activado junto al de crear/editar.

Inserción de imágenes y archivos Flash (animaciones)

Algunos tipos de contenidos cuentan con campos especificos para insertar una imagen, como Noticia. Los conteni-dos con estos campos tienen la finalidad de utilizar esta imagen para destacar la página en un listado (como en la sección noticias) o la página de portada por ejemplo. No obstante usted puede incluir una o varias imágenes dentro


23

de contenido utilizando el Editor amigable. Para insertar una imagen (o editar una ya insertada) deberá clicar en el icono de imagen, señalado con el color verde en la imagen inferior.

Al pulsar sobre el icono de imagen se abrirá una ventana emergente donde podrá visualizar la imagen que está edi-tando o podrá insertar la nueva imagen si va subir una imagen nueva. En esta ventana cuenta con diversas opcio-nes para personalizar la imagen (alineación, tamaño, borde, enlace o vinculo, margen, etc.) Si va subir una nueva imagen deberá clicar el botón de Ver servidor para subir al servidor la nueva imagen.


24

Una vez ha clicado en el botón Ver servidor se desplegará una nueva ventana con la galería de archivos multimedia de su sitio web. En esta instancia podrá escoger una imagen que ha subido anteriormente seleccionando el archivo en la lista de la Galería (para visualizar la imagen pulse sobre el archivo y se mostrará una miniatura en la parte inferior). Por el contrario si quiere subir una nueva imagen deberá clicar sobre el botón Subir al servidor.

Ahora deberá seleccionar en su ordenador el archivo que desea subir a su sitio web, una vez lo ha escogido pulse en el botón Subir al servidor y ya puede seleccionar la imagen en la Galería para insertarla en su página.


25

Para insertar un archivo Flash (animación) podrá hacerlo con el icono específico disponible en la barra de herra-mientas. Una vez pulse el botón de Flash se desplegará una ventana emergente desde donde podrá indicar diferen-tes características cuando inserte el archivo.

El proceso para subir el archivo flash es idéntico al anterior expuesto para subir una imagen; pulse el botón Ver servidor y siga los mismo pasos indicados para subir una imagen.

Inserción de videos, widgets y código HTML

El Editor amigable dispone de un botón de Fuente HTML desde donde podrá editar directamente el código de programación para realizar tareas más avanzadas. En este apartado le explicaremos como insertar videos o código de Widgets especificos de forma fácil y sencilla. Si desea realizar tareas más complejas es aconsejable contactar con un profesional de desarrollo web si no conoce el lenguaje de programación HTML. Si tiene dudas sobre los cambios que va a realizar en el código no olvide hacer un Respaldo de su sitio (ver apartado “Respaldos y copias de seguridad”).


26

Al pulsar el botón Fuente HTML, verá que el aspecto de su Editor cambia a modo código de programación. Para regresar a la modalidad de visualización normal puede clicar sobre el mismo botón.

Si quiere insertar un vídeo en una página concreta y su sitio web no dispone de un campo específico de Galería de vídeo, puede hacerlo de todas formas como indicare-mos a continuación.

El este caso utilizaremos el servicio de vídeo YouTube para integrar un vídeo en nuestro sitio web. Diríjase a la página del vídeo que desea insertar en su sitio web. Una vez allí siga los siguientes pasos como se muestra en la imagen lateral.

1. Seleccione el botón de Compartir que se encuentra debajo del vídeo que está visualizando.2. Ahora pulse el botón Insertar localizado bajo el que ha pulsado.3. Verá que se mostrará el código que tendrá que insertar en la página donde desea incrustar el vídeo. Seleccione el código y copie para pegarlo posteriormente.4. Bajo el código podrá indicar un tamaño especifico para mostrar el vídeo en su página; si modifica es parámetro recuerde volver a copiar el código ya que este variará tras el cambio.5. Ahora, en su página web, pulse el botón Fuente HMTL y pegue el código que ha copiado en YouTube al final o principio del código. Recuerde pulsar el botón guardar en su página para poder visualizar el cambio realizado.

Una vez ha guardado la página el resultado final será como se muestra en la imagen lateral.


27

Para insertar un Widget el procedimiento será idéntico al realizado para insertar el vídeo. A continuación le pre-sentamos una serie de imágenes para insertar un Widget meteorológico desde el portal web eltiempo.es; puede repetir o aplicar este procedimiento con cualquier Widget o servicio externo que quiera insertar en su página web.

1 2

3


28

5. MODIFICACIÓN DE BLOQUES Y MENÚS

Modificar títulos o contenidos de un bloque

Los bloques de contenidos son cajas específicas de contenidos que están insertados por lo general en la zona pe-risférica de su sitio web. También puede localizarse como listas en la página de portada y en algunos casos en la zona de contenido de una página simple, formulario, etc.

ZONA PERIFÉRICA

ZONA DE CONTENIDOS

ZONA PERIFÉRICA


29

Según la característica del bloque le permitirá editar su contenido o solo el titulo del mismo. Por regla general todo bloque que muestre una lista de contenido de otras página o un menú le permitirá una capacidad de edición limitada. Por el contrario un bloque que muestre un contenido único (como sucede en el pie de página) le permitirá cambiar completamente su contenido. Para editar un bloque tendrá que posicionar el ratón sobre él y mostrará una rueda de color verde limón. Al pulsar sobre la rueda verá que de despliega un menú desplegable que le dará acceso a una o varias funcionalidades.

Al pulsar sobre el enlace Configurar bloque dará acceso al bloque que va a editar. Si el bloque es de contenido diná-mico (listados de portada o carrusel de imágenes por ejemplo) simplemente le dará la opción de modificar el título del bloque, como en la imagen que se muestra debajo. En el caso que usted quiera que el titulo no figure junto al bloque puede indicarlo introduciendo el termino “<none>”.

Si el bloque que va a editar es de contenido estático (por ejemplo el contenido el pie de página o los enlaces a redes sociales, tendrá una capacidad total de edición sobre él. En los ejemplos que se muestran a continuación verá que en la configuración del bloque cuenta con el Editor amigable con todas sus capacidades de edición. Por lo tanto puede modificar el texto y su formato, insertar imágenes, enlaces internos y externos, Widget, y todas las demás opciones que le ofrece el Editor amigable.


30

Modificar menú desde un bloque

Cualquiera de los menús que se muestran en su sitio web se muestran en la zona perisférica mediante un bloque. Desde el bloque puede editar el menú completo y cualquiera de sus enlaces, así como también crear o eliminar un ítem de menú. Para acceder al menú tendrá que seguir el mismo procedimiento que con cualquier bloque, solo que en la rueda de edición dispondrá de más opciones que en un bloque de contenido. Si pulsa en el botón Listar enlaces accederá a la menú completo desde la zona de administración (este acceso estará disponible desde el bloque para todos los menús excepto para el menú principal que tendrá que ac-ceder desde el enlace en la barra superior de administración (desde este acceso podrá editar cualquier de los menús de su sitio web):

Estructura >> Menús >> “Escoja el menú que desee editar”


31

Una vez que acceda al listado del menú que está editando podrá modificar todos los parámetros tanto del menú como de los enlaces que contenga éste. Si quiere crear un nuevo elemento de menú podrá hacerlo con el botón su-perior Añadir enlace. Si desea modificar el orden en que se presentan los enlaces de menú, pulse sobre la cruz que está junto al nombre y arrastre sin soltar para moverlo al orden que quiera situarlo. También puede incluir subme-nús arrastrando el enlace debajo de un ítem ya creado, como se muestra en la imagen de debajo. Recuerde que para guardar los cambios en el orden del menú deberá pulsar el botón Guardar configuración.

Para editar cualquiera de los enlaces de menú deberá acceder mediante el botón editar localizado a la derecha del enlace de menú, justo en la columna de Operaciones.

Al acceder a la edición podrá modificar el nombre del enlace de menú que se muestra en su sitio web, así como también la URL (dirección web) del mismo. Recuerde siempre comprobar que la URL es correcta antes de modificar un enlace. En los casos donde el elemento de menú corresponda a una página con listado dinámico de contenidos (como por ejemplo: Noticias, Blog, Catalogo u Ofertas) el sistema no le permitirá modificar la URL desde la edición del enlace de menú.


32

6. RESPALDO Y COPIAS DE SEGURIDAD

Su sitio web cuenta con un sistema de respaldo y copias de seguridad para que pueda actualizar su web con la tranquilidad de poder recuperar versiones anteriores si existe algún fallo o actualización incorrecta del sitio. Para poder acceder al sistema de Respaldo tendrá que seguir la siguiente ruta:

Estructura >> Respaldo >> Crear una versión de respaldo

Para crear una versión de respaldo simplemente tendrá que indicar el nombre de la versión que sea guardar del si-tio, y si lo desea, una descripción del mismo para recordar los detalles de la versión. La versión que guarde del sitio le permitirá tener una copia exacta de su web en el momento que efectúe el respaldo, de forma que en el futuro podrá recuperarlo tal como lo guardó.

En la pestaña “Lista” podrá revisar todas las versiones que usted ha guardado de su sitio web. La primera versión que dispone, es la original de como ha sido entregado su sitio web; con lo cual, siempre podrá volver a la versión original si desea activar esta versión. Una vez tenga almacenadas varias versiones puede eliminar las más antiguas seleccionando la versión y pulsando en el botón Eliminar.


33

Si quiere activar una versión anterior de su sitio web puede hacerlo en la pestaña Reiniciar, seleccionando la ver-sión que quiera reestablecer y pulsando el botón Reiniciar.

IMPORTANTE

Recuerde que si reinicia su sitio con una versión anterior de su web perderá todos los cambios posteriores a la versión que vaya a activar. Siempre que quiera realizar una acción importante en su web, y tenga dudas en los cambios a realizar, puede hacer una copia de seguridad que podrá activar tras la modificación si no está conforme con el resultado de los cambios.


34

7. ESTADÍSTICAS DE SU WEB CON GOOGLE ANALYTICS

Su sitio web cuenta con un módulo de conexión con Google Analytics para disponer de todas las estadísticas avan-zadas de su web. Para acceder a la configuración de conexión de Google Analytics tendrá que acceder desde la barra de administración de su web, siguiendo la ruta:

Configuración >> Sistema >> Google Analytics

Para poder acceder a las estadísticas de su web deberá crear una cuenta gratuita en Google Analytics, accediendo a la dirección que se muestra en la imagen inferior y creando una nueva cuenta sino dispone de ella.


35

Una vez ha creado su cuenta en Google Analytics tendrá que indicar en la configuración de su sitio web:

Configuración >> Sistema >> Google Analytics

el código UA que le facilitará Google para su sitio web. Está operación solo tendrá que hacerla una única vez, a partir de que indique el código UA en su web, podrá tener acceso a todas las estadísticas avanzadas de su web di-rectamente en la página de Google Analytics con su usuario y contraseña de usuario de Google.


36

7. PARÁMETROS SEO

El SEO (Optimización de motores de búsqueda) es una técnica que puede utilizar para mejorar la posición en que se muestra su sitio web cuando realiza una busqueda en un buscador, como por ejemplo Google. Su sitio web cuenta con todas las herramientas necesarias para trabajar en profundidad todas las técnicas SEO, además de ser un sitio optimizado y pensado para obtener la mejor posición natural en buscadores.

No obstante la mayor parte de las técnicas SEO van mucho más allá de una correcta utilización de palabras claves, comprende un trabajo de análisis y optimización semántica de contenidos y aspectos técnicos que requieren de un profesional para obtener resultados óptimos en segmentos de mercado de gran competencia.

Su sitio web cuenta con todas las herramientas para el administrador de la web o profesional del SEO pueda rea-lizar todas las técnicas y labores para obtener un buen posicionamiento. A continuación le expondremos los prin-cipales accesos y herramientas para trabajar el SEO de forma de que el administrador o profesional SEO pueda profundizar en ello, ya que no se mostrará en detalle en este manual todas las opciones por resultar muy técnicas y numerosas para un usuario sin formación en posicionamiento en buscadores.

Para acceder a las diferentes herramientas de posicionamiento puede hacerlo mediante la barra de administrador en la siguiente ruta:

Configuración >> Búsqueda y meta datos

Desde la misma barra de navegación podrá acceder a los diferentes apartados de configuración de parámetros directamente. A continuación le presentamos un listado de los diferentes parámetros SEO que podrá trabajar des-de su sitio web:

Desde estas configuraciones podrá trabajar los parámetros generales de su sitio web, y establecer configuraciones por defecto para todas sus páginas y otras globales para los motores de búsqueda. Recuerde que también puede trabajar el posicionamiento desde cada página concreta, en las pestañas de Configuración de páginas detalladas anteriormente en la sección de Creación y edición de contenidos.

>> Meta etiquetas (Palabras claves, title, descripción, abstract, URL canónica, etc.)

>> Titulos de páginas

>> Mapa XML del sitio

>> URL amigables y alias automáticos de URL

>> Robots.txt

>> Conexión con motores de búsqueda

>> Alt y title para imágenes


37

Desde la misma barra de navegación podrá acceder a los diferentes apartados de configuración de parámetros directamente.


38

CONSEJOS PRÁCTICOS

- Si tiene dudas sobre algún aspecto de su sitio web consulte esta manual antes de realizar la actualización

- Aún así si no está seguro sobre el cambio a realizar realice una copia de seguridad siguiendo los pasos explicados en este manual

- Si quiere realizar alguna modificación de código HTML y no domina este lenguaje de programación contacte con su distribuidor de soluciones web o con un profesional acreditado.

- Todos los lenguajes de programación y software empleados para realizar este sitio web están basados en código abierto, esto asegura la gratuidad, evitando el pago de licencias por el uso del software. También le posibilita la edición completa del sitio a cualquier profesional cualificado en la materia.

- Es aconsejable realizar como mínimo un Respaldo anual de su sitio web, así como una copia completa de los archi-vos de su web desde el Panel de gestión de alojamiento web.

clicwebs manual web corporativa v131

Documents