Videotutorial - Cómo añadir apartados y subapartados al menú principal

En menos de tres minutos, este videotutorial explica cómo añadir apartados y subapartados al menú principal de nuestra web Drimgoo.

Tutoriales Cómo Crear Una Web en Pocos Pasos - Sexta Entrega

Ayuda y Soporte

Amigos y amigas de Drimgoo, con esta sexta entrega damos por finalizada nuestra serie de tutoriales Cómo Crear Una Web en Pocos Pasos. El trayecto ha sido corto pero intenso y por el camino hemos aprendido a usar las herramientas que Drimgoo nos ofrece.

Para finalizar, vamos a adentrarnos en el cuarto módulo del Panel de Control de nuestro Drimgo. También haremos una breve introducción al quinto, Estadísticas, pero para comprender mejor este apartado, próximamente publicaremos un tutorial exclusivo sobre él.

Ayuda y Soporte

En este módulo nos encontramos con distintos apartados que Drimgoo nos ofrece para ayudarnos en el desarrollo de nuestra web, ya sea para ofrecernos algunos trucos, sugerirnos algunas aplicaciones o, simplemente, para dar parte al soporte técnico de alguna incidencia con la que nos hayamos topado.

Centro de Soporte

En este primer apartado del cuarto módulo, accedemos a la herramienta para hacer saber al soporte técnico de Drimgoo algún problema con el que nos encontremos. 

Veremos un campo llamado Tickets del Usuario, en un principio vacío, y con el botón "Acceder a la Gestión de Tickets". Los tickets son las incidencias que creamos como usuarios de Drimgoo. Si, por ejemplo, la Galería Multimedia no nos funciona correctamente, acudiríamos aquí para avisar al equipo técnico de Drimgoo para que solucione el problema.

Vamos a ver cómo crear un Ticket (o incidencia). En primer lugar, accedemos a la Gestión de Tickets a través del correspondiente botón. Una vez en Ticket o Incidencias iremos a Nuevo Registro y rellenaremos los campos que aparecen.

Lo primero que debemos hacer es poner nuestro nombre y facilitar nuestro e-mail para que el equipo de Soporte de Drimgoo pueda ponerse en contacto con nosotros. A continuación, en Tipo, elegirimos una opción según la clase de problema que tengamos. Posteriormente, en Asunto escribiremos en pocas palabras con qué parte de Drimgoo tenemos la complicación; por ejemplo: "fallo en la Galería Multimedia". Seguidamente, tenemos la Descripción, donde detallaremos en qué consiste exactamente el problema. El siguiente campo que nos encontramos es la fecha, que se rellena sola; luego tenemos la posibilidad de adjuntar un archivo si lo vemos pertinente. Los dos últimos campos son Estado y Prioridad; en el primero de ellos, seleccionaremos Abierta, mientras que en el segundo pondremos Alta. Aceptamos y nuestra incidencia estará creada. El equipo de Soporte de Drimgoo no tardará en ponerse en contacto con nosotros.

Al acabar volveremos a Tickets e Incidencias, donde podremos editar o eliminar la incidencia que hayamos creado si lo consideramos oportuno. Si no es así, volvemos a Centro de Soporte, donde aparecerá nuestro Ticket. Tendremos que revisarlo y fijarnos en las tres últimas columnas (Última Modificación, Estado y Prioridad), así sabremos si el equipo de Drimgoo ha modificado algo. No obstante, desde Drimgoo se pondrán en contacto con nosotros para avisarnos cómo va la resolución de nuestro problema.

Justo debajo tendremos un Diccionario de Términos, que nos ayudará a comunicarnos mejor con el equipo de Drimgoo.

Software y Widgets

En este segundo apartado del módulo, Drimgoo nos proporciona enlaces para acceder a una serie de aplicaciones online que el usuario puede utilizar para sacar más partido a su Drimgoo. En Internet pueden encontrarse muchas más, pero nosotros hemos hecho esta selección. Si conoces otras herramientas que te gusten, no dudes en decirnos cuáles son.

Vamos a repasar las que tenemos.

Picnik: ¿Cuántas veces hemos hecho una fotografía que no tenía buena luz, o los colores no estaban bien, o tenía algún pequeño fallo? Si bien hay varios programas, como Adobe Photoshop, que nos ayudan a resolver estos problemas, la mayoría son de pago y muy difíciles de manejar. Con Picnik tenemos una solución sencilla, intuitiva, gratuita y completamente online que nos permite no solo corregir estos errores sino además ser un poco más creativos en la edición de imágenes.

Animoto: Se trata de una herramienta, también online y gratuita, que nos facilita la creación de piezas maestras que recopilan nuestras fotografías, vídeos y música, añadiéndole los efectos que deseemos. Cuando creemos nuestras piezas Animoto nos dará un código para que podamos compartirlas no solo en nuestra web, sino también en redes sociales como Facebook.

Camaleo: Con esta aplicación podremos crear folletos, catálogos o revistas a partir de un archivo PDF para ser visibles online. Si tienes tu Tienda Virtual con Drimgoo, esta herramienta puede serte muy útil para facilitar tu catálogo a tus clientes.

Glogster: Aquí tenemos una plataforma web 2.0 donde el usuario podrá crear posters digitales e interactivos. En ellos, se pueden incluir textos, vídeos, audio e imágenes, siendo una herramienta muy útil para fines didácticos, presentaciones de proyectos o promociones, campos donde ha demostrado su eficacia. Os dejamos un ejemplo de lo que se puede conseguir.



Retaggr: Con esta aplicación podremos realizar una tarjeta de visita virtual para compartir nuestros datos de contacto a través de Internet, con un resultado como el del ejemplo.

Pictogame: Este sitio web nos permite crear y compartir de forma fácil, rápida y gratuita nuestros propios minijuegos. Si quieres darle a tu web un toque más divertido y personal, puedes aprovechar esta herramienta.

Widgetbox: Aquí podremos crear y encontrar multitud de widgets tanto para la web como para nuestro teléfono móvil, clasificados en diversas categorías: blogs, humor, música, finanzas... Consigue tus widgtes de forma gratuita.

Manuales, Trucos y Artículos

En este punto tenemos enlaces directos a distintos posts que han sido publicados en este mismo blog y que pueden ser de utilidad en el manejo de Drimgoo. 

Estadísticas

Como hemos comentado al principio, en este punto echaremos solo un rápido vistazo. Es un apartado en el que merece la pena detenerse tranquilamente, por lo que próximamente publicaremos un tutorial detallado sobre la herramienta que aquí nos encontramos, Analytics by Orizom.

¿Para qué sirve Analytics by Orizom? Con esta aplicación conoceremos el número de visitas que tenemos, cuánto tiempo permanecen esas visitas en nuestra página, cuántos visitantes únicos tenemos, desde qué lugar del mundo nos visitan... Son muchos datos a tener en cuenta y en función a ellos, tendremos que corregir errores, concentrarnos más en un determinado sector, etc. Afortunadamente, Analytics by Orizom nos ofrece toda esta información de manera accesible y comprensible gracias a un eficaz sistema de gráficas.

En el Panel principal de Analytics by Orizom veremos una serie de widgets que nos informan de todos los datos relevantes, incluyendo los mencionados anteriormente y añadiéndoles otros, como las palabras clave por las que nos han encontrado. Si pasamos el ratón por estos widgets, aparecerá una X en la esquina superior derecha de los mismos, que nos permitirá hacerlos desaparecer del panel. También podremos cambiarlos de sitio: basta con arrastrarlos de un sitio a otro (haciendo click con el ratón en ellos, moverlos sin soltar el botón y luego soltarlos donde queramos). Por otro lado, tenemos la posibilidad de mostrar nuevos widgets a través de la pestaña "Añadir un widget".

Con esto, terminamos nuestros tutoriales Cómo Crear Una Web En Pocos Pasos. Esperamos que os haya sido de provecho y hayáis aprendido a manejar Drimgoo perfectamente. Recordad que estos tutoriales estarán siempre disponibles para que los consultéis cuando queráis y que nuestro equipo de Soporte está siempre a vuestra disposición. Próximamente publicaremos un tutorial exclusivo y detallado de Analytics by Orizom.

Un saludo, amigos y amigas de Drimgoo, ¡hasta la próxima!

Tutoriales Cómo Crear Una Web en Pocos Pasos - Quinta Entrega

Tienda Virtual

El comercio electrónico está en auge. Si bien es cierto que todavía mucha gente se muestra recelosa de este método, cada vez son más los que se aprovechan de sus comodidades. Montar una Tienda Virtual suele ser muy complicado, pues necesita de un complejo lenguaje de programación. Pero Drimgoo nos da todo tipo de facilidades, permitiéndonos crear una en nuestro sitio siguiendo unos sencillísimos pasos. Si bien hace un tiempo hablamos de parte de su configuración, hoy vamos a verla paso a paso.

Categorías de Producto

Accedemos al Panel de Control de nuestro Drimgoo. Allí, en el módulo Tienda, escogemos la primera opción del submenú, Categorías de Producto. Podemos añadir tantas categorías como queramos. El proceso es muy sencillo, es prácticamente lo mismo que hemos estado haciendo durante los pasados tutoriales sobre Contenido.

Una vez en Categorías de Producto, accedemos a Nueva Categoría. Allí, como es habitual tendremos que rellenar los distintos campos de Nombre, Descripción, etc. También tendremos que hacerlo una vez por cada idioma. Además, podemos añadirle una imagen (vamos a Seleccionar, escogemos la imagen y luego pulsamos Enviar), que deberá tener unas dimensiones de 127 píxeles de ancho por 127 píxeles de alto. Por otro lado, podremos señalar un impuesto para todos los productos de la categoría que no tengan asignado un impuesto propio.

Si queremos que sea una categoría independiente, señalaremos Categoría Principal. Pero si queremos que sea una categoría dentro otra categoría que ya tengamos creada, será esta la que señalaremos. Por ejemplo, para crear la categoría Libros, señalaremos Categoría Principal, pero si creamos la subcategoría Novelas, señalaremos la categoría Libros.

Al terminar de preparar los datos de la categoría que estemos creando, pulsamos Aceptar. Repetiremos el proceso hasta tener todas las categorías que necesitemos.

Productos

A través de este segundo apartado del módulo Tienda, entraremos en Productos del Catálogo. Para añadir un producto, seguimos el camino habitual: Nuevo Registro y después rellenar los campos que Drimgoo nos pide. Empezamos por seleccionar la categoría a la que pertenece el producto; luego, le ponemos el nombre; después tenemos que especificar el precio, el número de unidades en stock y los gastos de envío, además de especificar un impuesto concreto, si no queremos aplicar el que tiene la propia categoría. También tenemos que señalar si queremos que el producto en cuestión aparezca en un lugar destacado o no, e incluso podremos ocultar el precio si lo deseamos. Finalmente rellenaremos la información requerida para cada idioma y, cuando acabemos, pulsaremos Aceptar.

Cuando hayamos añadido todos los productos, veremos una lista de los mismos en Productos del Catálogo, y podremos editar o eliminar cada uno de ellos.

Clientes y Pedidos

Estos son el tercer y el cuarto apartado del módulo Tienda. En ellos, el usuario no debe hacer nada en un principio. Irán apareciendo nuevos datos conforme los clientes hagan nuevos pedidos. De modo que la única tarea que tendremos es la de estar atentos y revisar esta información.

Promociones

 En el quinto apartado del módulo Tienda de nuestro Panel de Control podremos añadir todo tipo de promociones y ofertas que queramos aplicar a cualquiara de los productos que se ofrezcan.

Es el mismo proceso de siempre, empezando por acceder a Nuevo Registro. Una vez en este punto, lo primero que debemos hacer es establecer las fechas en las que estará vigente la oferta. Después, le damos un nombre y una descripción a la promoción y seleccionamos a qué tipo pertenece.

Si realizamos una promoción de tipo Precio, en el campo Valor estableceremos el precio que queremos establecer. Así, si tenemos una oferta consistente en que todas las novelas cuesten 2 euros, pondremos 2. Por otro lado, si nuestra promoción es de tipo Descuento, en el campo Valor se establecerá el porcentaje de descuento que se aplica a los productos. Por ejemplo, si queremos vender a mitad de precio, pondremos 50.

Estas ofertas pueden ser aplicables a productos sueltos o a categorías enteras. Si queremos que sean solo para algunos productos, en el campo Adjuntar Productos iremos añadiendo aquellos que queramos a través del botón +. Si queremos que la promoción esté dirigida a toda una categoría (o a varias), haremos la misma tarea en el campo Adjuntar Categoría.

Configuración

Es el último paso para poner a punto nuestra Tienda Virtual.

En Datos de Identificación, rellenaremos los distintos campos con nuestros datos. En Configuración, debemos seleccionar distintas opciones: el Escaparate de la Tienda señala qué productos se verán en la página principal de nuestra Tienda Virtual. Podemos señalar que se muestren solo los productos recomendados, las categorías, o ambas cosas. A continuación podremos decidir si queremos que los productos sin stock sean visibles públicamente o no; de igual forma, también podremos vender o no estos mismos productos. Seguidamente, podemos añadir un impuesto que se aplicará a todos aquellos productos y categorías en los que no hayamos definido uno particular.

Finalmente, tenemos que configurar las Formas de Pago con las que los clientes podrán comprar nuestros productos. Podemos disponer de Pagos por Transferencia y/o por Tarjeta Bancaria (pueden establecerse una de las dos o ambas, no son excluyentes).

Para poder recibir pagos por Trasferencia debemos rellenar los datos de nuestro Número de Cuenta, Número de Cuenta IBAN (sólo en caso de aceptar pagos internacionales por transferencias bancarias) y nombre del beneficiario, es decir, aquella persona que va a recibir el dinero.

Por otro lado, podemos recibir los pagos también por Tarjeta Bancaria. La Tienda Virtual de Drimgoo está optimizada con el Sistema de pago 4B. Para activar la compra por tarjeta bancaria debemos de adquirir en nuestra entidad bancaria una pasarela de pago 4B. La entidad bancaria asociará nuestra pasarela de pago 4B a nuestro número de cuenta, facilitándonos las siguientes claves alfanuméricas Clave del Comercio, Código del Comercio y Nombre del Comercio, imprescindibles para configurar esta opción de pago.

Cuando esté todo completo, guardamos y nuestra Tienda Virtual ya estará lista para empezar a dar beneficios.

En Drimgoo siempre estamos trabajando duro para mejorar nuestro servicio, y actualmente estamos preparando la opción de recibir los pagos a través de PayPal, aunque de momento no está disponible. En el momento en que esta posibilidad esté lista os informaremos, de modo que seguid atentos nuestro blog, nuestro perfil de Facebook y nuestra cuenta de Twitter.

Esto todo lo necesario para configurar la Tienda Virtual que Drimgoo pone a nuestro servicio. No obstante, no sólo tenemos que pensar en nosotros, también es conveniente ponernos en el punto de vista de nuestros clientes. Por ello, os animamos a mirar esta Guía de Compra.

¡Hasta la próxima!

Tutoriales Cómo Crear Una Web en Pocos Pasos - Quinta Entrega: Anexo I

Guía de compra

En esta ocasión nos ponemos en el papel del cliente para ver el procedimiento de compra de un producto en las Tiendas Virtuales de los sitios Drimgoo.

Como clientes, iremos a la Tienda Virtual y añadiremos los productos que nos interesen al Carrito de la Compra. Una vez lo tengamos listo, procederemos a “Terminar y Pagar”.

Cesta única de compra. El cliente podrá “Vaciar” el carrito, “Seguir comprando” nuevos productos en la tienda o bien “Terminar y Pagar” lo adquirido en la Tienda Virtual.

Para Terminar y Pagar, y con objeto de obtener todos los datos del cliente con el fin de cerrar la venta de forma segura, se abre el sistema de seguridad de venta online de Drimgoo “Orizom Verified”. Si somos clientes nuevos, se requerirá abrir un perfil de usuario que será válido para futuras compras. Para ello hacemos clic en “Seguir comprando” en “Soy un nuevo usuario”. Por el contrario, si ya hemos comprado con anterioridad, introduciremos nuestro Nombre y Usuario en el campo "Tengo una cuenta". 

Para realizar la venta de forma segura el sistema requiere de forma obligatoria los datos de “NIF, Nombre y Apellidos” de la persona que realiza la compra, así como los datos de facturación y envío postal. Pero antes, debemos seleccionar el tipo de pago que haremos como clientes: Transferencia Bancaria o Pasarela 4B. La primera vez que compremos habrá que realizar estos pasos, luego bastará con identificarnos con nuestro Nombre y Contraseña.

Cuando hayamos terminado de identificarnos como clientes (bien a través de Nuevo Cliente, bien con el nombre y la contraseña si ya hemos comprado anteriormente) se abre la ventana de “Confirmación del pedido” con el resumen detallado de los productos (Concepto), cantidad, precio, impuestos y totales neto y bruto, así como los datos del cliente desglosados en datos de identificación, facturación y envío. Pulsamos “Tramitar pedido” para generar la factura de la compra.

Transferencia bancaria

En caso de que el cliente haya seleccionado la opción “Trasferencia bancaria” se abrirá una nueva ventana, de facturación, indicando que la operación se finalizó correctamente, recomendando al cliente que imprima el detalle del pedido para a continuación “Finalizar” el pedido.

 Pasarela 4B

En caso de utilizar como forma de pago la tarjeta de crédito el proceso de ingreso como usuario en Orizom Verified es similar a la transferencia bancaria con la única diferencia que cuando hacemos clic en “Tramitar pedido”, el sistema de seguridad conecta con la pasarela de pago de ServiRed que hayamos adquirido con nuestra entidad bancaria.

Eso es todo de momento. Esperamos que os haya sido de utilidad, tanto si sois usuarios de Drimgoo como si sois clientes de una Tienda Virtual que funcione con nuestra herramienta.

¡Hasta la próxima!

Tutoriales Cómo Crear Una Web en Pocos Pasos - Cuarta Entrega: Anexo I

Poner un formulario en tu sitio web

Con este nuevo elemento abrimos un gran abanico de nuevas posibilidades para editar y diseñar tu sitio web. Los formularios web son muy útiles por ejemplo para obtener información de las opiniones de tus clientes, hacer encuestas de calidad, construir una bolsa de trabajo, abrir un evento, facilitar a tus clientes información de algún producto o solicitar un catálogo de producto. 

En Drimgoo te explicamos cómo hacerlo paso a paso:

Lo primero de todo es saber muy bien que datos vamos a solicitar. Te recomendamos que seas directo y breve, aplicando la máxima "menos es más". Planifica bien los datos que necesitas recabar de tus usuarios, solicitando sólo los datos más esenciales. Así motivamos al usuario o cliente a rellenarlo.

¡Y manos a la obra!

1. Entras en el “Panel de Control” de tu sitio Drimgoo.

2. A continuación haces clic en "Contenido" y "Formulario". Este será el cuadro de administración de tus formularios y donde aparecerán todos los formularios de la web.

3. "Nuevo registro".

4. Determinas un código para tu primer formulario así como el "Nombre", "Descripción" y la “Ubicación en el sitio” donde quieres que se visualice el formulario.

5. En el recuadro de "Campos" determinas que “Datos” y “Tipo de datos” solicitas a través del formulario.

La casilla "Orden" determinará la posición del Campo de dato en el formulario.

En "Nombre" escribes el dato a solicitar, por ejemplo "Nombre y apellidos".

Del mismo modo podemos configurar que tipo de datos serán obligatorios rellenar. Si determinas un dato como obligatorio será una condición sin la cual no podrá enviarse el formulario. Puede ser interesante en algunas ocasiones. En caso contrario puedes determinas que ningún dato sea obligatorio.

Y llegas a la parte más compleja del formulario: determinar el "Tipo de dato”. Actualmente hay configurado 5 tipos de datos: de "Texto corto", de "Texto largo", "Opciones", "Selección" y "Correo electrónico".

¿Qué significa cada uno de ellos?

TEXTO CORTO: te permite introducir datos con una longitud de texto máximo de 140 caracteres.

TEXTO LARGO: te permite introducir datos con una longitud de texto máximo de 500 caracteres.

Este "Tipo" de campo es muy utilizado para "descripciones" y "observaciones".

La diferencia entre uno y otro no solo viene determinada por la longitud de texto sino también por el diseño del campo de datos.

OPCIONES: este tipo lo usarás para determinar aquellos datos donde solo hay una opción elegible (por ejemplo el tipo de dato que hace referencia al sexo "Hombre" o "Mujer", respuestas "si" o "no", entre otras.) En este caso, los datos que damos al usuario para elegir lo especificamos en "Descripción" mediante la fórmula del ; (punto y coma) tal y como se observa en la siguiente imagen.

SELECCIÓN: Aquí podrás facilitar a los usuarios de tu web una serie de datos para que seleccione una de ellas mediante un desplegable. En este caso, los datos que damos al usuario para elegir lo especificamos en "Descripción" mediante la fórmula del ; (punto y coma) tal y como se observa en la siguiente imagen.

CORREO ELECTRÓNICO: Este tipo podrás utilizarlo para solicitar el correo electrónico del usuario de tu web.

Así quedaría tu Formulario utilizando todos los campos. Haz clic en la imagen superior para verlo más grande.

6. Guardamos.

Es así fácil. Una vez tengas diseñado cada campo de tu formulario ya podrás recibir información de los usuarios de tu sitio web. No olvides de “Aceptar” para guardar los cambios.

Cuando un usuario complete todo sus datos y envíe el formulario, a ti te llegará un correo electrónico avisando del mismo. Tendrás que acceder al "Panel de Control" de tu sitio web y hacer clic en "Formularios" para visualizar los datos en el icono.

Tutoriales Cómo Crear Una Web en Pocos Pasos - Cuarta Entrega

Crear y gestionar el contenido (Segunda parte)

Bienvenidos a la cuatra entrega de nuestros tutoriales Cómo Crear Una Web en Pocos Pasos. Ya hemos empezado a trabajar en nuestro sitio con la herramienta Drimgoo y hemos publicado algo de contenido, pero aún no hemos aprovechado todas las posibilidades que tenemos en este sentido. Vamos a ello.

Galería de Fotos

En el Panel de Control de nuestro Drimgoo, nos dirigimos al módulo Contenidos y seleccionamos en su submenú la opción Galería de Fotos. Antes de subir alguna imagen, lo primero que tenemos que hacer es crear un álbum al que asociarla. Si no damos este paso previo, las imágenes que subamos no se verán en la web. Para ello, nos dirigimos al botón Álbumes que hay en la parte superior, justo debajo del título "Galería de Fotos".

A través de este botón accederemos a Gestión de Álbumes. Allí iremos a Nuevo Registro, donde tendremos que rellenar los datos del álbum una vez por cada idioma que hayamos configurado para nuestro sitio. Es obligatorio poner el Nombre en todos los idiomas, mientras que no ocurre lo mismo con la Descripción, pero sí es muy recomendable hacerlo.

Una vez hayamos rellenado todos los campos, aceptamos y apareceremos nuevamente en Gestión de Álbumes. Podemos añadir tantos álbumes como queramos.

Una vez los tengamos todos hechos, utilizamos el botón superior Imágenes para llegar a Gestión de Imágenes. Entonces vamos a Nuevo Registro, que nos llevará a Gestión de Imágenes de la Galería. Lo primero que debemos hacer allí es seleccionar la imagen que queremos subir a través del botón Examinar. Después seleccionamos el álbum donde queremos que aparezca. Veremos que aparecen los álbumes en todos los idiomas que hemos preparado, puedes seleccionar cualquiera de ellos y automáticamente las ventanas inferiores, donde rellenamos el Nombre de la imagen, se reconfigurarán.

Ahora ponemos el Nombre de la imagen en cada idioma y pulsamos el botón Enviar, que se encuentra al lado de Examinar. Cuando se haya subido la imagen, vamos a Aceptar. Repetimos el proceso con cada imagen que queramos tener nuestra Galería.

¿Cómo se ve la Galería en mi sitio web? Dentro de la propia sección Galería, podemos filtrar las imágenes por álbumes o verlas todas, según nos parezca oportuno. Pero si tenemos habilitada la opción de ver la Galería en el lateral, aquí aparecerán todas las imágenes sin distinguir entre álbumes.

Galería de Música

Nuevamente en el Panel de Control de nuestro Drimgoo, vamos al módulo Contenidos y de allí nos dirigimos a Galería de Música (MP3). El formato de los archivos de música que subáis solo puede ser MP3. Como ocurría con las imágenes, lo primero que tenemos que hacer es crear un álbum al que asociar las canciones.

En Gestión de Álbumes, donde apareceremos por defecto, vamos a Nuevo Registro. En el primer campo a rellenar pondremos el Nombre del álbum. Después, podemos poner la Descripción que nos parezca oportuna y añadir una imagen asociada al álbum, que debe tener unas dimensiones de 305 píxeles de ancho por 260 de alto. Para añadirla utilizamos el botón con forma de lupa que hay en el campo Foto.

A continuación, tenemos los habituales campos para rellenar los campos de nombre del Álbum y la Descripción en cada idioma.

Una vez tengamos todo completo, pulsamos Aceptar y estaremos de vuelta en la Gestión de Álbumes. Ahora nos dirigimos a la Gestión de Canciones a través del botón Canciones que hay más arriba.

Una vez estemos en Gestión de Canciones, vamos a Nuevo Registro para añadir nuestro primer archivo MP3.

En primer lugar, seleccionamos el álbum al que queremos que pertenezca la canción. Después, añadimos el Nombre de la canción, la Descripción y el Orden en que queremos que aparezca, asignándole un número. A continuación tenemos un espacio para añadir más comentarios, si queremos, y justo después encontramos el campo donde debemos subir el archivo MP3 en cuestión.

En el campo Canción, cuando accedemos a Subir Canción, se abre una ventana para controlar dicha subida.

En Examinar, buscamos el archivo que queremos y luego le damos a Subir Archivo. Este proceso puede tardar varios minutos, de modo que seamos pacientes. Al acabar, aceptamos, completamos los datos por cada idioma que se nos piden más abajo, y aceptamos nuevamente. Nuestra música ya estará lista para escucharla nuestro sitio web.

Documentos

Desde nuestro Panel de Control, como siempre, vamos a Contenido y de ahí al apartado Documentos. Ahí nos topamos con la rutina habitual: seleccionamos el idioma y vamos a Nuevo Registro; buscamos el documento (a través del botón Examinar en el campo Ruta); luego podemos cambiar la fecha para que aparzca más tarde; señalamos los Nombres, Descripciones y Tags (Palabras Clave) para cada idioma; pulsamos Enviar y luego Aceptar. De esta forma, el documento ya estará disponible en nuestra web (en la sección Documentos del Menú Principal) para que el usuario pueda descargarlo.

En cuanto al apartado Formularios, vamos a tratarlo en el  Anexo I de esta entrega, Poner Un Formulario En Tu Sitio Web.

Con esto ya damos por acabada esta cuarta entrega de nuestro tutorial Cómo Crear Una Web en Pocos Pasos. ¡Hasta la próxima!

Tutoriales Cómo Crear Una Web en Pocos Pasos - Tercera Entrega: Anexo I

Crear enlaces

En nuestra página de Drimgoo podemos crear enlaces internos (ej. de una subpágina a otra) o externos (ej. de vuestra página Drimgoo a otra página web) con textos o con imágenes.

Aprendamos a realizar enlaces o links de texto.

• Introducimos el texto o hacemos clic sobre uno ya existente en el editor de texto de nuestra página en Drimgoo.
• Hacemos clic en el botón "Insert/edit link"
• Se abrirá una ventana donde podremos seleccionar "Enlaces Independientes" (corresponde a las clasificadas en Drimgoo como Páginas Independientes) para crear un enlace interno o bien especificar la dirección URL (sin olvidar especificar "http://") de una web externa o de los módulos generales de Drimgoo (Noticias, Agenda, Galería, Tienda, Documentos y MP3)
• Por último hacemos clic en el botón "Insert" y guardamos.

Nota: Para deshacer o romper el enlace, seleccionamos el botón

Enlace de imágenes.Para enlazar una imagen el procedimiento es similar a los enlaces de texto. Seguimos los siguientes pasos:

• Insertamos una imagen en nuestra página de Drimgoo.
• Hacemos clic en el botón "Insert/edit link"
• Se abrirá una ventana donde podremos seleccionar "Enlaces Independientes" (corresponde a las clasificadas en Drimgoo como Páginas Independientes) para crear un enlace interno o bien especificar la dirección URL (sin olvidar las "http://") de una web o imagen externa a Drimgoo.
• Por último hacemos clic en el botón "Insert" y guardamos.

Tutoriales Cómo Crear Una Web en Pocos Pasos - Tercera Entrega: Anexo II

Insertar vídeos en Drimgoo

Quieres agregar un video a tu web en Drimgoo y no sabes cómo. Hoy te explicamos cómo hacerlo.

Utiliza Youtube o Vimeo para subir tus videos. Esto te permitirá compartirlos con muchas más personas al disponer de herramientas para compartir en redes sociales como Facebook o Twitter, así como en otras aplicaciones web 2.0 de la red.

En el caso de Youtube por ejemplo, subir videos a tu cuenta te permitirá ganar en posicionamiento natural SEO para Google, y si ya tienes cuenta de Gmail, te sirve tu cuenta para darte de alta en Youtube. Haz videos presentaciones de tu empresa y ganarás de forma sencilla en posicionamiento natural en Google.

Una vez tengamos nuestros videos en Youtube, insertarlos en Drimgoo es muy sencillo. Sigue estos simples pasos:

• Hacemos click en el botón "Compartir" del video en Youtube que deseamos compartir con nuestros clientes en Drimgoo.
• Seleccionamos la última casilla "Utilizar código de inserción anterior".
• Seleccionamos o determinamos el tamaño del video.
• Copiamos el código de inserción.

• A continuación nos vamos a la página que estamos editando en Drimgoo y donde insertaremos el video.
• Hacemos clic en el botón "Html" del menú de herramientas de edición del texto.
• Seguidamente se abre una nueva ventana con el código Html de la página que estamos editando. Será aquí donde pegamos el código de inserción del video y a continuación hacemos clic en el botón "Update".
• No olvidemos guardar los cambios haciendo clic en el botón "Aceptar".
• ¡Y voilá! Ya podemos compartir nuestro video colgado en Youtube con nuestros clientes desde nuestra web.

Para Vimeo el procedimiento de inserción en la página es similar con la diferencia que para obtener el código del video debemos de darle al botón < / > EMBED



Si tenemos alguna duda o no nos ha quedado claro alguno de los pasos, no dudemos en ponernos en contacto con el Equipo de Drimgoo en: soporte@drimgoo.com o llamando al 954.93.02.32

Tutoriales Cómo Crear Una Web en Pocos Pasos - Tercera Entrega

Crear y gestionar el contenido (Primera parte)

Bienvenidos a esta nueva entrega de la serie de tutoriales Cómo Crear Una Web en Pocos Pasos. Como ya sabéis, para cumplir nuestro objetivo estamos utilizando la herramienta online Drimgoo, que nos permite crear nuestro sitio web sin tener conocimientos de programación, al contrario de lo que ocurre con otros gestores de contenido. No te preocupes si te perdiste alguna de nuestras entregas anteriores, están disponibles en cualquier momento.

En esta ocasión, vamos a adentrarnos en el segundo módulo de nuestro Drimgoo, el dedicado a los Contenidos. Este apartado lo veremos a lo largo de dos entregas de tutoriales, ocupándonos ahora de las tres primeras secciones: Estructura de Contenidos, Noticias y Eventos.  

Estructura de Contenidos

En primer lugar, como siempre, tenemos que recordar que habrá que configurar la estructura una vez por cada idioma en el que trabajemos, de modo que hay que seleccionar uno de ellos, para luego repetir el proceso si tenemos más idiomas.

Una vez hayamos elegido el idioma, veremos un listado de los módulos que habíamos establecido anteriormente (en Configuración > Visualización de Módulos). Justo debajo, se encuentra la sección de Páginas Independientes, junto con la opción de modificar la página de bienvenida. Finalmente, en la parte superior a la derecha, está el botón de Nuevo Registro.

Con Nuevo Registro podemos establecer nuevos apartados en nuestro Menú Principal (incluyendo subapartados) o bien hacer Páginas Independientes que podremos enlazar en cualquier sitio de nuestra web. Vamos a verlo todo poco a poco.

Nuevo apartado en nuestro Menú Principal

Entramos en Nuevo Registro y atendemos cuidadosamente a los distintos apartados que hay que rellenar. Los dos primeros aparecerán en gris: debemos ignorarlos, pues Drimgoo los rellenará automáticamente. A continuación, nos pide que establezcamos el orden, por lo que asignaremos un número para indicar en qué posición queremos que aparezca. Por ejemplo, si queremos que sea la primera opción del Menú Principal, pondremos 1. No importa si en los módulos preestablecidos (Noticias, Galerías, etc.) hay uno de ellos con el mismo número: los números que establezcamos en esta sección tendrán prioridad sobre los otros.

Como paso siguiente, debemos asegurarnos que estamos creando un registro nuevo en Menú Principal y no en Página Independiente. De no ser así, lo cambiaremos en el desplegable que aparece en "Ubicación en el sitio". Justo después, le daremos un nombre a nuestra nueva sección.

Para darle un enfoque más práctico a este tutorial, trabajemos con un ejemplo. Imaginemos que estamos haciendo una página para una academia de refuerzo escolar y que esta sección irá dedicada a explicar los distintos cursos que se imparten. La llamaríamos, por ejemplo, "Los Cursos".

Justo después, Drimgoo nos pide que introduzcamos una Descripción y una serie de Palabras Clave. Ninguna de estas informaciones aparecerán públicamente en la web, sino que serán datos internos. Entonces, ¿por qué es imprescindible escribir estos apartados? Aunque los usuarios no puedan leer estos datos, los motores de búsqueda, como Google o Bing, sí que hacen un repaso por esta información para elaborar sus listas de resultados. Por ello, tendremos que rellenar estos huecos atendiendo a posibles búsquedas que realicen nuestros clientes potenciales.

¿Es confuso? No te preocupes, lo vemos con un ejemplo. Piensa en esta hipotética academia de refuerzo escolar que imaginábamos antes. Sus clientes potenciales, es decir, el grupo de personas cuya atención quieren captar, son padres de alumnos que llevan mal una o varias asignaturas en el colegio. Estas personas pueden buscar cursos para sus hijos en Internet. ¿Qué palabras emplearías tú para realizar la búsqueda? Posiblemente, algo tan sencillo como "cursos de refuerzo en mi ciudad". O "academia en mi ciudad", o "academia de refuerzo en mi ciudad", o "refuerzo escolar en mi ciudad"... Como ves, hay muchas posibilidades pero suelen repetirse varias palabras. Son esas las que tendremos en cuenta para rellenar estos datos. Así, en el apartado Descripción explicaríamos muy brevemente qué tipo de cursos se pueden encontrar y dónde se imparten, mientras que en Palabras Clave se escribirían aquellos términos que probablemente puedan usarse en la búsqueda. Las Palabras Clave siempre se escriben separadas por comas; en este ejemplo, podrían ser: cursos, refuerzo escolar, nombre de mi ciudad, academia...

Seguidamente, tenemos el apartado Contenido. Aquí es donde escribimos lo que queremos que se muestre en la web. Como podéis comprobar, el editor de texto funciona de forma muy similar a populares programas como Microsoft Word. Además, podéis añadir imágenes, enlaces, vídeos...

Aunque todo este panel es muy intuitivo, especialmente por la semejanza con otros programas que antes comentábamos, vamos a detenernos en dos botones que, por ser más característicos del trabajo en web, pueden resultar algo más desconocidos. Se trata de los llamados "Paste as Plain Text" ("Pegar como Texto Plano") y "Paste from Word" ("Pegar desde Word").

Para explicarlos, hay que aclarar varias cosas. A veces, alguien puede querer escribir el texto de una página web en un documento de Word para después copiarlo y pegarlo. Esto no puede hacerse. ¿Por qué? Porque el programa Microsoft Word genera una serie de códigos en el texto que, aunque sean invisibles para nosotros, entran en conflicto cuando se pega directamente en nuestra web. Si queremos copiar y pegar, lo normal es que tengamos que hacerlo a partir de un texto plano. Pero, ¿qué es un texto plano? Es un texto generado por aplicaciones como el Bloc de Notas de Windows, es decir, un texto sin formato (sin alineación a izquierda o derecha, sin negrita, cursiva, ni cualquier tipo de añadidura).

No obstante, en Drimgoo podemos copiar y pegar desde Word. ¿Cómo? Seguro que muchos ya lo sabéis, pero vamos a decirlo claramente. Primero, copiamos el texto que queremos en Word; después, en nuestro Drimgoo, pulsamos el botón "Paste from Word" y aparecerá la siguiente ventana:

Aquí, pegamos el texto que ya hemos copiado en Word. Basta con pulsar las teclas Ctrl + V de nuestro teclado, pero también se puede hacer un click con el botón derecho de nuestro ratón y seleccionar Pegar en el menú desplegable que aparecerá. Una vez tengamos el texto en esta ventana, pulsamos Insert y listo.

Por otro lado, para copiar un texto plano, basta con pegar normalmente (con las mismas teclas de antes) en el apartado de Contenido. Si esto no funcionase, utilizaríamos el botón "Paste as Plain Text".

Por último, debajo de Contenido tenemos el apartado Subir Archivo, de forma que podamos facilitar el archivo que deseemos al usuario para que lo descargue. Puede subirse cualquier tipo de archivo y cualquier tamaño. Eso sí, cuanto mayor sea el tamaño, más tardará en subirse (esto dependerá también de la velocidad de nuestra conexión a Internet) y más espacio ocupará dentro de nuestro Drimgoo. Para subir un archivo, basta con acceder a Examinar, elegir el archivo en cuestión, y luego pulsar Subir. Aparecerá un enlace al final de nuestro texto que permite la descarga de dicho elemento.

Para finalizar, pulsamos el botón Aceptar que hay abajo y surtirán efectos todos los cambios.

Bien, con esto ya tenemos un apartado nuevo en nuestro Menú Principal. Ahora aparecerá en Estructura de Contenidos junto con todos los demás. Pero notaremos una difrencia: la presencia de dos botones a la derecha de nuestro nuevo apartado, uno con el dibujo de un lápiz, una escuadra y una regla, y el otro con el aspecto de una papelera. El primero es para editar el contenido y el segundo es para eliminar el apartado.

Si vamos a Editar, acabaremos en el mismo lugar de antes pero con los datos que ya hemos rellenado antes. Podremos añadir y/o eliminar a nuestro antojo. Si vamos a Eliminar, también iremos al mismo sitio, pero no podremos cambiar nada. En su lugar, abajo del todo, nos dará la opción de eliminar también todas las páginas anidadas, es decir, todos los subapartados que hayamos creado, o bien podremos guardarlas como si fueran Páginas Independientes.

Crear un submenú 

Podemos añadir un submenú dentro de los apartados que hayamos creado. ¿Cómo? Basta con añadir subapartados (páginadas anidadas) dentro de estas nuevas secciones. El proceso es muy simple y similar al anterior.

En Estructura de Contenidos, volvemos a dirigirnos a Nuevo Registro, donde accederemos a la parte donde hemos trabajado antes para crear la nueva sección del Menú Principal. Lo único nuevo que hay que hacer es dirigirse a Ubicación en el Sitio y seleccionar la sección donde queremos que se incluya este subapartado. Según el ejemplo que hemos utilizado antes, sería  "Los Cursos".

El resto del proceso es exactamente igual que el de creación de una nueva sección. Podemos añadir tantos subapartados como queramos.

De igual forma podemos añadir otras secciones dentro de los mismos subapartados. Basta con seleccionarlos en la Ubicación en el Sitio.

Así se mostraría en el Panel de Control, dentro de Estructura de Contenidos.

Y este sería el aspecto que tendría el resultado final de cara al público.

Recuerda que puedes cambiar el color del submenú en Configuración > Estilo y Colores Base (más información en la anterior entrega de esta serie de tutoriales).

Crear una Página Independiente

Una página independiente tiene las mismas posibilidades que una página normal, excepto que a priori no se mostrará en ningún apartado del sitio web, sino que tendremos que enlazarla donde nos parezca oportuno.

Como siempre, vamos despacio y por partes. La primera Página Independiente que encontramos es la Página de Inicio, que podemos editar siguiendo el enlace que aparece en Estructura de Contenidos. Se edita con las mismas herramientas que hemos estado viendo en este tutorial.

Para crear una Página Independiente nueva, nos dirigiremos nuevamente a Nuevo Registro y en Ubicación en el Sitio seleccionaremos la opción correspondiente. El resto del proceso de creación ya lo conocemos.

Cuando ya la hayamos creado, veremos en Estructura de Contenidos el nombre de nuestra página seguido de la dirección de la página que acabamos de hacer.

Será esta dirección la que necesitaremos para enlazarla en el lugar de nuestro sitio web que queramos. Si no sabes enlazar, recuerda que en este mismo blog te explicamos cómo hacerlo. Y con esto, ya hemos visto todo lo relevante a Estructura de Contenidos.

Gestión de Noticias

Dentro del módulo de nuestro Panel de Control Contenidos, nos dirigimos a Noticias. Lo que publiquemos aquí, se verá en el apartado Noticias del Menú Principal. Esta parte del sitio web es una especie de blog que nos permite ir actualizando con asiduidad nuestro contenido e informar de novedades (o lo que queramos) a nuestros usuarios.

Para crear una noticia seguiremos un camino muy similar al que hemos seguido antes para hacer los nuevos apartados del Menú Principal. Lo primero es seleccionar el idioma en el que vamos a trabajar; luego, como antes, nos encontramos con la opción Nuevo Registro. Al acceder ahí, veremos una pantalla muy parecida a aquella con la que hemos estado trabajando tanto antes, pero hay algunos puntos cambiados.

El Código, que aparece en gris, será rellenado automáticamente por Drimgoo sin que nosotros intervengamos. La fecha de creación también aparecerá sola y no la tocaremos. A continuación, rellenamos el Título y la Descripción Breve.

Justo después nos encontramos con los campos Fecha Desde y Fecha Hasta. Aquí señalaremos el periodo de tiempo en el que queremos que nuestra noticia esté activa y visible para el público. A continuación, tenemos los Tags, que no son otra cosa que las Palabras Claves que vimos antes, de modo que rellenaremos este hueco siguiendo el mismo criterio.

Finalmente, tenemos el editor de texto, que ya lo conocemos.

Al guardar y volver a Gestión de Noticias, veremos un listado de aquellas noticias que hayamos hecho. Como siempre, tendremos la opción de editarlas o de borrarlas.

Gestión de Eventos

En el Panel de Control de nuestro Drimgoo, vamos a Contenidos, y una vez ahí, a Eventos. La interfaz es muy parecida a las que hemos estado tratando durante todo este tutorial, y en los próximos tutoriales nos encontraremos con más sitios así, por lo que cada vez nos será más fácil manejar Drimgoo.

Seleccionamos el idioma y accedemos a Nuevo Registro; estaremos ahora en Gestión de la Agenda, donde podemos definir nuestro evento de la misma forma que escribimos las noticias. De nuevo, solo cambian algunos campos.

El Código, como siempre, se rellena solo. En la fecha tendremos que indicar el día para el que tenemos previsto el evento en cuestión. Luego añadimos una Descripción Breve y los Tags o Palabras Clave, como hemos hecho antes. Finalmente, escribimos la Descripción Amplia con el mismo editor de texto que ya conocemos de sobra.

Una vez hayamos guardado el evento, volveremos a Gestión de Eventos, donde tendremos una lista de todos los eventos publicados, con opción a editarlos o eliminarlos.

En la parte pública, los eventos estarán accesibles en el Menú Principal y/o en el lateral, según lo hayamos definido en Visualización de Módulos (si no te acuerdas, repasa el último tutorial). Si los tenemos disponibles en el lateral, veremos un calendario en el que aparecerá sombreado el día actual y aquellos días para los que se señalado algún evento.

Vamos a dar esta entrega por terminada. El próximo lunes publicaremos la cuarta, en la que terminaremos de repasar el módulo Contenidos del Panel de Control de Drimgoo. Así que estad atentos, os avisaremos por nuestras redes sociales (Facebook y Twitter) cuando esté disponible.

¡Hasta pronto!