Editar sección de diseño

Acerca de la edición de diseños

Si está utilizando uno de los otros tipos de diseño y ha generado un nuevo diseño o ha hecho clic en un diseño antiguo, se le redirigirá a la sección Editar.

Si ha generado un diseño nuevo o ha hecho clic en un diseño antiguo que es un cuadro de diálogo receptivo, un botón de opinión o un feedback integrado, se le redirigirá a la sección Diseño de su diseño.

En las secciones Editar y Diseño, puede añadir contenido a su diseño y diseñarlo de la manera que desee.

Aunque todos los tipos de diseño son únicos, la mayoría utiliza las mismas funciones básicas de edición. Para obtener información sobre las opciones exclusivas de un determinado diseño, vaya a la página de soporte de ese diseño específico.

Mover elementos

En la sección Editar, observará un espacio de edición en el que puede crear y modificar sus diseños. Puede mover elementos haciendo clic y arrastrándolos a la nueva posición deseada.

Los siguientes accesos directos facilitarán la realización de ajustes más pequeños y precisos:

• Con cualquier elemento seleccionado, pulse ↑ ↓ ← o → en el teclado para moverlo hacia arriba, hacia abajo, a la izquierda o a la derecha en meros píxeles.
• Con cualquier elemento seleccionado, pulse Mayús + ↑ ↓ ← → para dar un toque arriba, abajo, a la izquierda o a la derecha para mover el contenido a una distancia mayor (varios píxeles) a la vez.
• Pulse Ctrl + H (Comando + H en un Mac) para resaltar todos los elementos de su diseño. Esto es útil cuando necesita ver dónde se solapan los elementos. Utilice las mismas claves para eliminar los resaltados.

Nueva barra de herramientas de elemento

Puede añadir contenido a su diseño utilizando la barra de herramientas flotante.

Casilla

La casilla es útil para añadir un fondo a su diseño, en el que puede añadir otros elementos. También puede hacer doble clic en el cuadro para agregar texto.

Casilla de texto

Muestre invitaciones, instrucciones y otro contenido escrito en su diseño utilizando TextBox.

Botón de cierre

Añada un botón que cerrará el diseño al hacer clic en él. Esto no está disponible para todos los tipos de diseño.

Verá que al crear un botón Cerrar, puede seleccionar un estilo de botón de la barra de herramientas en la parte superior.

Si lo desea, puede sustituir el botón Cerrar por texto en su lugar. Simplemente haga doble clic en el botón Cerrar, resalte el icono del botón y borre el icono o comience a escribir para reemplazar el icono con texto.

Objetivo

Agregue un enlace que dirija a los visitantes al objetivo de su Intercept. Este enlace es unívoco porque su destino no está fijado hasta que está creando su Intercept. Esto le permite reutilizar su diseño en varias situaciones, cada una con su propio destino. Haga doble clic en Destino para modificar el texto, insertar una imagen o realizar otras modificaciones visuales.

Objetivo embebido

En lugar de que los visitantes hagan clic en un enlace, que los lleve a la página web de destino (normalmente una encuesta), el destino embebido le permite mostrar el objetivo dentro de su diseño.

Imagen

Inserte una imagen general en su diseño. Esto resulta útil para realizar marcas, así como para atraer la atención de los visitantes hacia su diseño.

Opciones de elemento seleccionadas

Después de hacer clic en un elemento, puede alternar las opciones de elemento en la parte superior del área de trabajo. Tenga en cuenta que estas opciones pueden cambiar en función del tipo de elemento seleccionado.

Fondo y borde

Haga clic en las opciones de fondo o de borde para abrir una paleta de colores.

Una vez que haga clic en el botón de fondo o de borde:

1. Seleccione un color manualmente de la paleta.
2. Introduzca un código HEX de color; por ejemplo, es posible que desee que coincida exactamente con el esquema de color de su empresa.
3. Haga clic en el botón Borrar para fijar el color como transparente o eliminar su color/imagen por completo.
4. Haga clic en el icono de imagen para insertar una imagen de fondo repetida.

Ancho y altura

Establezca el tamaño de su elemento. Tenga en cuenta que también puede hacer clic y arrastrar las esquinas del elemento para cambiar el tamaño. El uso de la opción Ancho y altura es apropiado si necesita especificar un tamaño de píxel exacto.

Borde

Establezca el grosor del borde del elemento.

Opacidad

Fije el nivel de transparencia para su elemento. Por defecto, será 100%, lo que significa que no es nada transparente. Cuanto menor sea el valor, más transparente será.

Desplegable de opciones de elemento

Haga clic en el menú desplegable a la derecha para ver opciones adicionales, de forma similar a lo que verá si hace clic con el botón derecho en el elemento. Haga clic en el menú desplegable Opciones de elemento para:

• Traer adelante: Traer un objeto hacia adelante una capa. Por ejemplo, si accidentalmente oculta algo, puede seleccionar Traer hacia adelante hasta que vuelva a estar en la parte superior.
• Devolver: Ponga la capa de imagen de vuelta una. Por ejemplo, si accidentalmente inserta un fondo en último lugar para que cubra los otros elementos, seleccione Devolver hasta que vaya detrás de todos los demás elementos.
• Seleccionar imagen: Insertar una imagen. Esta opción solo está disponible para Destinos, por lo que puede hacer un botón preconfigurado que haya guardado en su ordenador en un enlace.
• Editar contenido: Editar el texto. Lo mismo que hacer doble clic en una posición.
• Añadir evento: Consulte nuestra página para Desencadenamiento de eventos y Seguimiento de eventos.
• Datos embebidos: Añada información al final del enlace de destino que desea capturar. Consulte la página Datos embebidos para obtener más instrucciones. Esta opción solo está disponible para destinos.
  Consejo Q: Un campo de datos embebidos singular no puede tener varios valores establecidos en un diseño. Por ejemplo, si tiene tres emoticones diferentes en su creativo para “Feliz”, “Triste” y “Enojado”, cada emoticono necesitaría su propio campo de datos embebidos.
• Eliminar elemento: Eliminar el elemento.
• Ajustar a cuadrícula: habilitar esta opción para que los elementos se muevan píxeles por píxeles y no permitir que se muevan a cualquier lugar por un píxel fraccional.

Editor de contenido enriquecido

Al hacer doble clic en un elemento, las Opciones del elemento seleccionado se transformarán en un Editor de contenido enriquecido.

Salvo las funciones que se explican a continuación, este Editor de contenido enriquecido tiene las mismas funciones y el mismo diseño que el Editor de contenido enriquecido de la Plataforma de encuestas. Para obtener más información, consulte nuestra página de soporte técnico Editor de contenido enriquecido.

• La opción Origen le permite editar el HTML de su contenido directamente. Esto resulta útil si necesita un control exacto sobre el contenido de su diseño.
  
• El icono Texto dinámico le permite mostrar contenido dinámico para que el diseño se personalice para cada visitante.
  

La siguiente información se puede mostrar a través del Texto dinámico

• Diseño y diseño: este tipo de Texto dinámico tiene 1 opción llamada Tiempo hasta el cierre del temporizador. Si utiliza un diseño Ventana emergente superpuesta o Barra de información y ha configurado la configuración Cerrar después, este temporizador se contará hasta que se cierre el diseño.
• Elemento HTML: Introduzca el ID de un elemento HTML. Cuando se cargue su página web, Qualtrics buscará ese elemento en su página y mostrará el contenido de su diseño.
• Parámetro URL: Introduzca el nombre de un parámetro en la URL de su página web. Qualtrics mostrará el valor de ese parámetro en su diseño.
• Valor de cookie: introduzca el nombre de una cookie almacenada por su sitio web en el navegador del visitante. Qualtrics mostrará el valor de esa cookie en su diseño.
• Expresión de JavaScript: introduzca una línea de JavaScript y Qualtrics mostrará el resultado de su JavaScript en el diseño.
• Servicio Web: Introduzca una URL de servicio Web para conectar su diseño a un servicio Web externo. Qualtrics enviará una solicitud de información a ese servicio web y mostrará la información devuelta sobre el diseño.
• Ubicación de GeoIP: seleccione esta opción para mostrar el código postal, la ciudad, el estado o la región, el código de área, el nombre del país o el código de país del visitante en el diseño.

Menú de selección de diseño

Al introducir las secciones Editar, Opciones o Estadísticas, aparecerá un menú a la izquierda en el que se enumeran todos los diseños que ha realizado en el proyecto. Puede cambiar fácilmente entre diseños haciendo clic en sus nombres.

Con la barra Buscar, puede buscar diseños por nombre o modificar el menú desplegable Ordenar por fecha para clasificar sus diseños según un criterio diferente.

Los diseños de petición de la aplicación móvil no se incluyen en esta lista.

Preguntas frecuentes