ayuda https://soporte.misitio.app Personalizar el fondo https://soporte.misitio.app/articulos/personalizar-el-fondo <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> Personalice el fondo de su sitio web eligiendo un color o imagen. Enfatice el tema de su negocio usando fondos atractivos y creativos. Elija una imagen de fondo personalizada en la galería de fotos o cargue sus propias imágenes para crear un diseño único de sitio web. Su fondo se puede personalizar para cada dispositivo. </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <div> <div> <b> Fondo del sitio </b> </div> <div> <b> <br/> </b> </div> <div> Haga clic en Diseño en el menú de la izquierda. Luego haga clic en Fondo del sitio </div> <div> <br/> </div> <div> Haga clic en "Fondo para todas las páginas". </div> <div> <br/> </div> <div> Aquí puede seleccionar una imagen o un color para todas las páginas de su sitio. </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/customizebackground_2_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <br/> </div> <div> <span> <b> Fondo para cada página </b> </span> </div> <div> <span> <b> <br/> </b> </span> </div> <div> Haga clic en Diseño en el menú de la izquierda. Haga clic en Fondo del sitio. </div> <div> <br/> </div> <div> Haga clic en "Fondo para cada página". </div> <div> <br/> </div> <div> Aquí puede seleccionar una imagen o un color para cualquiera de sus páginas con el menú desplegable provisto. </div> <div> <br/> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/imagewidget2_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <br/> </div> <div> <b> Fondo de Imágenes y contenido </b> </div> <div> <b> <br/> </b> </div> <div> También se puede cambiar el fondo de los elementos ubicados arriba del fondo del sitio. Esta configuración se puede aplicar tanto a widgets como a filas. </div> <div> <br/> </div> <div> Para editar el fondo de su contenido, seleccione la fila o columna haciendo clic derecho y haga clic en Editar diseño. </div> <div> <br/> </div> <div> Dependiendo del widget o fila que esté editando, puede entonces seleccionar usar un color o una imagen. </div> <div> <br/> </div> <div> Para cualquier fila o columna, también puede agregar un deslizador de imágenes como fondo. </div> <div> <br/> </div> <div> Para crear el deslizador de imágenes de fondo, haga clic en el signo de + y elija varias imágenes, en lugar de una sola imagen, en el selector de imágenes. </div> <div> <br/> </div> <div> Una vez creado el deslizador, puede establecer ajustes para las diapositivas, tales como el estilo de transición de las diapositivas y la velocidad de las diapositivas, en el menú de diseño de fila: </div> <div> <br/> </div> <div> Cualquiera de las otras opciones disponibles para las imágenes de fondo, como Superposición del fondo, Posicionamiento y Estilo de presentación, se puede aplicar al deslizador. </div> <div> <br/> </div> <div> <b> Fondos de video en Filas </b> </div> <div> <b> <br/> </b> </div> <div> En el caso de filas, una tercera opción para fondos de video estará disponible, además de imágenes y colores. </div> <div> <br/> </div> <div> Los videos solo se pueden mostrar en sitios de escritorio y deben estar alojados en Vimeo o YouTube. </div> <div> <br/> </div> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> Los videos también están disponibles en fondos para columnas. Para agregar un fondo de video a una columna, haga clic en la columna, luego haga clic en la ficha de video. Asegúrese de haber seleccionado la columna y no la fila. Para verificar si seleccionó la fila, puede revisar la parte superior del menú, que debería decir "Diseño de columna". </font> </div> </div> Fri, 15 Nov 2019 19:21:38 GMT https://soporte.misitio.app/articulos/personalizar-el-fondo thumbnail Widget de imagen https://soporte.misitio.app/articulos/widget-de-imagen <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> Use el widget Imagen para insertar una imagen en su sitio web. Puede personalizar las imágenes para que actúen como botones y navegar a otras páginas o sitios web, descargar archivos o activar ventanas emergentes. Las imágenes son una excelente manera de decorar sitios web, mostrar productos o escaparates y crear una forma adicional de comunicarse con los visitantes. </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <div> <div> Agregue un widget de botón en su sitio web receptivo.  </div> <div> Una vez que se ha colocado el widget, aparece el Editor de contenido. Haga clic en el botón Reemplazar para seleccionar una imagen. </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/imagewidget1_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <br/> </div> <div> Elija entre las fotos existentes en la Galería de fotos o agregue sus propias imágenes usando el botón Cargar nueva imagen en el menú Elegir y colocar imágenes. </div> <div> <br/> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/imagewidget2_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <br/> </div> <div> Desde aquí, puedes: </div> <div> <ul> <li> Seleccione la carpeta con las imágenes que desea usar. </li> <li> Presione el ícono "+" para cargar su propia imagen </li> <li> Cambie a la Vista completa para obtener más opciones de elección de imagen. </li> </ul> </div> <div> <b> Opciones de imagen </b> </div> <div> <b> <br/> </b> </div> <div> Las opciones de imagen se dividen en dos Editores: el Editor de contenido y el Editor de diseño. </div> <div> <br/> </div> <div> Editor de contenido </div> <div> <br/> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/imagewidget3_en-US.png"/> </a> </div> <h3> <span> Acciones de personalización </span> </h3> <div data-rss-type="text"> <div> <div> <div> El Editor de contenido controla el contenido de la imagen: en esta pestaña, puede: </div> <div> <br/> </div> <div> <ul> <li> <b> Reemplazar la imagen </b> : cambie el gráfico del widget de imagen. </li> <li> <b> Edite la imagen </b> : cambie las propiedades de la imagen con Photo Editor . </li> <li> <b> Vincula la imagen </b> : las imágenes se pueden vincular a otras páginas y URL, ventanas emergentes, anclas, direcciones de correo electrónico y archivos descargables. Cuando un visitante hace clic en la imagen, será llevado al enlace. </li> <li> <b> Agregar texto alternativo </b> : permite a los motores de búsqueda reconocer el contenido de la imagen. Usa este texto para describir la imagen. </li> <li> <b> Agregar una información sobre herramientas </b> : texto que se muestra cuando un visitante se desplaza sobre una imagen. </li> </ul> </div> <div> <br/> </div> <div> Editor de diseño </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/imagewidget4_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <br/> </div> <div> La pestaña de diseño se muestra en una ventana pero se divide en tres Secciones predefinidas: Diseño, Estilo y Espaciado. </div> <div> <br/> </div> <div> <b> Diseño  </b> </div> <div> <b> <br/> </b> </div> <div> Use la sección de diseño para editar las dimensiones de la imagen. Puedes hacer ediciones en: </div> <div> <ul> <li> Anchura  </li> <li> Altura </li> </ul> </div> <div> También tiene la opción de mantener las proporciones de la imagen. Cuando la opción "Mantener proporción" está marcada, cualquier cambio realizado en el ancho también afectará la altura de la imagen para mantenerla proporcional.   </div> <div> <br/> </div> <div> <b> Estilo </b> </div> <div> <b> <br/> </b> </div> <div> Use la sección de estilo para agregar otros efectos a su imagen, como: </div> <div> <ul> <li> Estilo de borde </li> <li> Esquinas redondeadas </li> <li> Sombra </li> <li> Espaciado </li> </ul> </div> <div> Use la sección de espaciado para controlar el espacio del widget en relación con otros widgets a su alrededor. Puedes editar el: </div> <div> <ul> <li> Margen : este es el espacio exterior, que indica los números en la sección exterior del cuadrado de espacio. </li> <li> Relleno : este es el espacio interior, que indica los números en la sección interior del cuadrado de espacio. </li> </ul> </div> <div> <b> Imágenes globales  </b> </div> <div> <b> <br/> </b> </div> <div> También puede realizar cambios de contenido y diseño en sus widgets de imagen utilizando el diseño de imagen global . Cambiar elementos globales cambiará todos los widgets de imagen para tener un diseño consistente. Cualquier cambio en widgets de imágenes individuales específicos se guardará. </div> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> Al cargar fotos para usar en su sitio web, asegúrese de obtener permiso para usar fotos de fotógrafos, empresas y otros terceros.   </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Recuerde que el uso del widget de imagen no cambia la imagen de fondo. En cambio, agrega una imagen en una fila o columna. </font> </div> </div> Fri, 15 Nov 2019 18:44:10 GMT https://soporte.misitio.app/articulos/widget-de-imagen thumbnail Reglas de personalización https://soporte.misitio.app/articulos/reglas-de-personalizacion <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> Nuestras herramientas de personalización funcionan en un sistema de activadores y acciones. Cuando se cumplen las condiciones de un activador, ocurre una acción que personaliza el sitio web para ese visitante. Use personalización para crear experiencias que impulsen conversiones 1 a 1 para visitantes del sitio web con base en la hora del día, tipo de dispositivo, geolocalización y más. </font> </div> </div> <h3> <span> Activadores de personalización </span> </h3> <div data-rss-type="text"> <div> <div> <div> Los activadores le permiten definir una conjunto de condiciones que, al cumplirse, ejecutan automáticamente una acción específica en su sitio. Combine una variedad de activadores como hora, tipo de dispositivo o ubicación para crear una experiencia muy personalizada para los visitantes de su sitio. </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/insite_1_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <br/> </div> <div> <b> Elección de un activador </b> </div> <div> <b> <br/> </b> </div> <div> Puede elegir uno o más de los siguientes activadores: </div> <div> <ul> <li> <b> Dispositivo </b> : desde qué dispositivo está visitando un usuario (computadora de escritorio, tableta o dispositivo móvil) </li> <li> <b> Ubicación </b> : desde qué ubicación visita un usuario  </li> <li> <b> Hora </b> : a qué hora / fecha visita el usuario </li> <li> <b> Visitas </b> : la cantidad de veces que el usuario ha visitado </li> <li> <b> URL de campaña </b> : si el usuario accede al sitio desde una URL con parámetros específicos en la cadena de consulta </li> <li> <b> Sin disparador </b> : esta regla siempre estará activada </li> </ul> </div> <div> Nota: Las reglas solo se activarán para el mismo usuario una vez cada 30 minutos, o hasta que borren la memoria caché de su navegador, incluso si ese usuario aún cumple con los requisitos de activación. </div> </div> <h3> <span> Acciones de personalización </span> </h3> <div data-rss-type="text"> <div> <div> <div> Las acciones le permiten personalizar la experiencia de sus visitantes, llevarlos a la información que pueden haberse perdido anteriormente, o presentarles oportunidades para ayudar a completar una venta o hacer que los visiten. </div> <div> <br/> </div> <div> <b> Tipos de acción </b> </div> <div> <b> <br/> </b> </div> <div> <b> Nueva fila </b> : crea una nueva fila en su sitio que solo se muestra cuando se cumplen las condiciones para el desencadenante. También puede usar esto para ocultar filas o contenido.  </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/insite_2_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <br/> </div> <div> <b> Barra de notificaciones </b> : activa una barra de notificaciones en la parte superior de la página. </div> <div> <br/> </div> <div> <b> Ventana emergente </b> : activa una ventana emergente para mostrar en su sitio, captando la atención de su usuario. </div> <div> <br/> </div> <div> <b> JavaScript </b> : JavaScript personalizado puede crear una gran variedad de efectos. Recomendamos esta función para usuarios avanzados que solo estén familiarizados con JavaScript. No podemos solucionar problemas de código personalizado. </div> <div> <br/> </div> <div> <b> Efectos especiales </b> : los efectos especiales son una variedad de efectos decorativos, como fuegos artificiales, corazones que caen o copos de nieve, que pueden darle a su sitio un ambiente diferente. Agregue esto a su página de inicio o a todo el Sitio. </div> </div> <h3> <span> Modo de edición de reglas </span> </h3> <div data-rss-type="text"> <div> <div> <div> <div> <div> <span> Cuando use la nueva acción de fila, ingresará al 'Modo de edición de reglas' en el Editor receptivo. </span> <br/> </div> </div> <div> <br/> </div> <div> Este es un modo especial donde solo puede editar la nueva fila creada por esta acción, sin embargo también puede: </div> <div> <br/> </div> <div> <ul> <li> Mueva esta fila hacia arriba y hacia abajo de la página haciendo clic en el botón 'Fila' en la esquina superior izquierda de la fila y haciendo clic en las flechas hacia arriba y hacia abajo. </li> <li> Oculte otras filas en la página haciendo clic en el icono del ojo. </li> <li> Vea la Regla de personalización en diferentes vistas para asegurarse de que se verá como desea en diferentes dispositivos. </li> </ul> <br/> <span> <b> Efectos especiales </b> </span> </div> <div> <span> <br/> </span> </div> <div> <span> Los efectos especiales de la regla de personalización agregan animaciones a su sitio web; por ejemplo, corazones flotantes u hojas caídas. Use estos efectos especiales para celebrar eventos o agregar un toque de color. </span> </div> <div> <br/> </div> <div> <b> Elegir un efecto especial </b> </div> <div> <b> <br/> </b> </div> <div> Haga clic en el efecto especial que le gustaría seleccionar. </div> <div> <br/> </div> <div> Haga clic en el icono de la lupa para obtener una vista previa rápida de cómo se ve el efecto. </div> <div> <br/> </div> <div> <b> Configuraciones de efectos </b> </div> <div> <br/> </div> <div> <ul> <li> Cambia si el efecto se muestra en la página de inicio o en todas las páginas. </li> <li> Establezca durante cuántos segundos debería reproducirse el efecto (o si debería reproducirse para siempre). </li> </ul> </div> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/insite_13_en-US.png"/> </a> </div> <h3> <span> Cree sus propias reglas de personalización </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> Puede crear sus propias reglas de personalización desde cero. Seleccione y personalice los desencadenantes y las acciones para su regla de personalización en lugar de seleccionar una regla prefabricada.   </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> 1. Haga clic en Personalizar en la barra de menú izquierda. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> 2. Haz clic en "Crea tu propio". </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/insite_15_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <br/> </div> <div> 3. Seleccione uno o más desencadenantes. Cada disparador define una condición bajo la cual la acción asociada tendrá lugar. </div> <div> <br/> </div> <div> 4. Personalice los disparadores que ha seleccionado. </div> <div> <br/> </div> <div> 5. Haga clic en Siguiente. </div> <div> <br/> </div> <div> 6. Selecciona una acción. Solo puede usar una acción por regla de personalización. </div> <div> <br/> </div> <div> 7. Haga clic en Siguiente. </div> <div> <br/> </div> <div> 8. Personaliza la acción que seleccionaste. Haga clic en Siguiente. </div> <div> <br/> </div> <div> 9. Previsualice y guarde su regla. Haga clic en Vista previa para ver cómo se verá su sitio con la regla activada (haga clic en el botón Atrás en la parte superior derecha del Sitio para volver al Editor de reglas). </div> <div> <br/> </div> <div> 10. Cuando la regla se personaliza, asígnele un nombre único y luego haga clic en Guardar regla. </div> <div> <br/> </div> <div> Una vez que publique / vuelva a publicar su sitio, la regla se activará. Cuando alguien visita el sitio y se cumplen las condiciones de activación, la acción seleccionada aparecerá para ese visitante automáticamente. </div> </div> <h3> <span> Prioridad de regla de personalización </span> </h3> <div data-rss-type="text"> <div> <span> Si bien puede tener varias reglas de personalización en su sitio al mismo tiempo, solo una de cada acción puede estar activa al mismo tiempo. Comprender la prioridad de la regla lo ayudará a comprender cómo su sitio receptivo decide qué acción tomar. Si dos reglas con el mismo tipo de acción se activan al mismo tiempo, en la misma página, surtirá efecto el que esté más arriba en la lista de reglas.  </span> </div> <div> <span> <br/> </span> </div> <div> <span> <b> Diferentes acciones </b> </span> </div> <div> <span> <b> <br/> </b> </span> </div> <div> <span> Se pueden mostrar dos reglas con diferentes acciones al mismo tiempo. Por ejemplo, si una regla crea una barra de notificaciones y la otra una fila, y ambas se activan al mismo tiempo, aparecerán tanto la barra de notificaciones como la fila. </span> </div> <div> <span> <br/> </span> </div> <div> <span> <b> Diferentes páginas </b> </span> </div> <div> <span> <b> <br/> </b> </span> </div> <div> <span> Se pueden mostrar dos reglas con la misma acción al mismo tiempo siempre que estén en páginas diferentes. Solo no se mostrarán las acciones duplicadas en la misma página. </span> </div> </div> <h3> <span> Administrar reglas de personalización </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> <b> Edición de reglas </b> </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> Edite una regla haciendo clic en el ícono de ajustes a la derecha del nombre de la regla, luego haga clic en Editar y seleccione si desea editar la acción o el activador. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> <b> Activar / Desactivar Reglas </b> </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> Puede activar y desactivar fácilmente sus reglas haciendo clic en el ícono de ajustes junto a una regla y seleccionando la opción "activar / desactivar". </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> <b> Eliminar reglas </b> </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> Elimine una regla haciendo clic en el ícono de ajustes a la derecha del nombre de la regla, luego haga clic en Eliminar. </font> </div> </div> <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> Deberá volver a publicar su sitio web para que los cambios realizados en sus reglas de personalización se reflejen en el sitio web en vivo. </font> </div> </div> Fri, 15 Nov 2019 14:23:08 GMT https://soporte.misitio.app/articulos/reglas-de-personalizacion thumbnail Editor de imágenes https://soporte.misitio.app/articulos/editor-de-imagenes <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> El selector de imagen le permite realizar rápidas modificaciones en sus imágenes. Recorte o rote las imágenes en su sitio web directamente desde el selector de imagen. </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <div> <div> Haga clic en una imagen de su sitio web para abrir el Editor de contenido y haga clic en el botón Editar. </div> <div> <br/> </div> <div> Utilizando el menú en la parte inferior de la imagen, utilice las herramientas de enmarcar, agregar texto, ajustar, recortar y hasta enfocar la imagen.Una vez que esté contento con la imagen que ha creado, haga clic en Guardar y cerrar y la imagen se guardará en la biblioteca, así como en la página. </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/image+editor+giff.gif"/> </a> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <div> <div> <div> <ul> <li> Al editar una imagen con el Editor de imágenes, la imagen se guarda bajo Imágenes del sitio. </li> <li> Las imágenes no reemplazan imágenes anteriores al hacer ediciones. Se crean versiones nuevas. </li> <li> Tenga en cuenta que algunos widgets le permiten agregar modificaciones adicionales tales como sombras, bordes y superposiciones. Por favor, vea las instrucciones relacionadas con el widget que se utiliza para más detalles. </li> </ul> </div> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> Fri, 15 Nov 2019 13:24:17 GMT https://soporte.misitio.app/articulos/editor-de-imagenes thumbnail Iconos de redes sociales https://soporte.misitio.app/articulos/iconos-de-redes-sociales <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> La función de iconos sociales agrega enlaces a sus perfiles de redes sociales en muchas redes populares como Facebook, Twitter, Pinterest, Whatsapp, Google my business y más. Agregar enlaces de redes sociales a su sitio web es muy importante y es una de las mejores maneras de llegar a su audiencia y obtener vistas, tanto a nivel local como global. </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <div> <div> Una vez que se haya colocado el widget, aparecerá el Editor de contenido. </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/social+icons_thumb.jpg"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <br/> </div> <div> Agregue las URL de su perfil de redes sociales para conectar sus cuentas. </div> <div> <br/> </div> <div> <b> Diseño </b> </div> <div> <br/> </div> <div> Navegue hasta el Editor de diseño haciendo clic en la pestaña Diseño. Aquí puedes cambiar el: </div> <div> <br/> </div> <div> <ul> <li> <b> Diseño </b> : cambie el aspecto de los iconos sociales para que coincida con su sitio web. Elige entre muchas formas y colores diferentes. </li> <li> <b> Estilo </b> : cambie las características de estilo, como el tamaño de los iconos sociales y el espacio entre los iconos. </li> <li> <b> Espaciado </b> : ajuste el espacio entre el widget de icono social y otros widgets y elementos que rodean el widget de icono social. </li> </ul> </div> <div> <br/> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/social+-+new+colors.jpg"/> </a> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <div> <div> <div> <div> Si su sitio web es para su negocio, asegúrese de ingresar sus cuentas de redes sociales en lugar de sus cuentas personales. </div> </div> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> Fri, 15 Nov 2019 13:21:10 GMT https://soporte.misitio.app/articulos/iconos-de-redes-sociales thumbnail Cargar un archivo https://soporte.misitio.app/articulos/cargar-un-archivo <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> ¿Desea compartir contenido descargable con los visitantes de su sitio web? Use el widget de archivo para cargar un archivo que los visitantes de su sitio web pueden descargar con solo hacer clic en un botón. Comparta volantes, libros electrónicos y otros documentos al tenerlos disponibles para descargar.   </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <div> <div> Agregue el widget Cargar un archivo en su sitio web receptivo.  </div> <div> <br/> </div> <div> Una vez que se coloca el widget de archivo, aparecerá el Editor de contenido. Aquí, puede cambiar el texto en el botón y agregar archivos. Para agregar archivos, haga clic en el botón + Archivo. </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/file1_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <br/> </div> <div> Aparecerá la ventana Archivos cargados. Para agregar archivos, haga clic en Cargar nuevo archivo. Puede agregar varios archivos para cargarlos simultáneamente. </div> <div> <br/> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/file2_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <br/> </div> <div> Arrastre sus archivos o haga clic en el botón 'Elegir archivos' para agregar archivos o carpetas. Los archivos también se pueden descargar desde Dropbox, Google Drive, un enlace o Gmail. Cuando se hayan seleccionado los archivos, haga clic en Cargar. Se le notificará cuando se complete la carga. El archivo descargable ahora se puede ver en el Editor de contenido. El archivo está listo para que los visitantes lo descarguen. </div> <div> <br/> </div> <div> Abra el Editor de diseño haciendo clic en la pestaña de diseño en la esquina superior izquierda para cambiar el diseño, el estilo y el espaciado. Edite el diseño del botón que aparece en su sitio web utilizando la sección de diseño. Realice cambios en el ancho y alto, así como cambie los estilos de borde en la sección de estilo. Personalice el relleno y los márgenes (espaciado alrededor del widget) en la sección de espaciado . </div> <div> <br/> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/file6_en-US.png"/> </a> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <div> <div> <div> <ul> <li> Los nombres de archivo deben usar caracteres estandarizados (az y 1-9), o el editor no los reconocerá. </li> <li> Los formatos de archivo se pueden cargar: .pdf, .xls, .xlsx, .doc, .docx, .zip, .ppt, .pptx, .psd, .txt, .xml, .mp3, .ttf, .otf,. woff, .eot, .svg, .odt, .ott, .js, .css, .png, .jpg, .gif, .jpeg, .rar, .PDF, .XLS, .XLSX, .DOC, .DOCX, .ZIP, .PPT, .PPTX, .PSD, .TXT, .XML, .MP3, .TTF, .OTF, .WOFF, .EOT, .SVG, .ODT, .OTT, .JS, .CSS, .PNG , .JPG, .GIF, .JPEG, .RAR </li> <li> El límite de tamaño del archivo es de 50Mb </li> <li> Solo cargue archivos multimedia o archivos que haya creado o tenga permiso para usar; nunca viole las protecciones de copyright. </li> <li> Los visitantes de su sitio pueden compartir sus enlaces de descarga fácilmente a través de otras fuentes, como el correo electrónico y las redes sociales. Antes de ofrecer contenido para descargar, asegúrese de comprender que su contenido podría difundirse sin su conocimiento. Para documentos sensibles o personales, piénselo dos veces antes de compartir estos documentos mediante descarga. </li> </ul> </div> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> Fri, 15 Nov 2019 13:13:34 GMT https://soporte.misitio.app/articulos/cargar-un-archivo thumbnail Páginas protegidas con contraseña https://soporte.misitio.app/articulos/paginas-protegidas-con-contrasena <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> Con las páginas protegidas con contraseña, puede agregar una contraseña a páginas específicas en su sitio que los visitantes deberán ingresar para ver esa página. Las páginas protegidas con contraseña son beneficiosas cuando cierta información está diseñada para audiencias específicas; por ejemplo, para restringir el acceso a una página de descarga. Aquí se explica cómo crear páginas protegidas con contraseña: </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <div> <div> <span> Navegue a Páginas, ubicado en el menú de la izquierda. </span> <br/> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/PasswordProtectedPages1_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <br/> </div> <div> Haga clic en el botón Configuración en una página específica. </div> <div> <br/> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/PasswordProtectedPages2_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <br/> </div> <div> Haga clic en el botón Establecer contraseña para que se le solicite que establezca su contraseña. </div> <div> <br/> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/PasswordProtectedPages3_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <br/> </div> <div> Establecer una contraseña para la página. La contraseña no puede tener más de 100 caracteres, pero puede contener cualquier carácter. </div> <div> <br/> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/PasswordProtectedPages4_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <br/> </div> <div> Clic en Guardar. Su página ahora está protegida por una contraseña. Puede eliminar esta contraseña en cualquier momento haciendo clic en Eliminar contraseña. </div> <div> <br/> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/PasswordProtectedPages5_en-US.png"/> </a> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <div> <div> <div> Las páginas protegidas con contraseña no deben confundirse con los inicios de sesión de los usuarios o la administración de cuentas. Las páginas protegidas con contraseña solo agregan una contraseña individual para una página, no contraseñas diferentes para diferentes usuarios. </div> <div> <br/> </div> <div> Las páginas ancladas no pueden ser páginas protegidas con contraseña. Para proteger con contraseña una página, asegúrese de que la página no esté anclada a otra página. </div> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> Fri, 15 Nov 2019 12:51:00 GMT https://soporte.misitio.app/articulos/paginas-protegidas-con-contrasena thumbnail Menú de restaurante https://soporte.misitio.app/articulos/menu-de-restaurante <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> Comparta la comida que sirve a todos sus clientes desde su sitio web. El widget Menú del restaurante le permite compartir su menú con los visitantes de su sitio web. Incluya imágenes, descripciones y precios de sus platos para atraer los estómagos de sus visitantes. Importe automáticamente su menú utilizando su cuenta de Locu o SinglePlatform, cree un menú completamente nuevo o cargue su menú desde un CSV. Los clientes hambrientos apreciarán poder encontrar rápida y fácilmente lo que están buscando. </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <div> <div> <span> Agregue el widget del menú del restaurante a su sitio web receptivo. </span> </div> <div> <span> <br/> </span> </div> <div> Después de colocar el widget, aparecerá el Editor de contenido.  </div> <div> <br/> </div> <div> Elige cómo construir tu menú. Puede elegir importar su menú desde una fuente en línea, crear su propio menú o cargar un menú utilizando un archivo CSV. </div> <div> <br/> </div> <div> <b> Crea tu menú desde una fuente en línea </b> </div> <div> <b> <br/> </b> </div> <div> Busque la información de su empresa utilizando la barra de búsqueda para encontrar su empresa. Ingrese la URL del sitio comercial o un número de teléfono. </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/menu1_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <br/> </div> <div> <span> Seleccione su negocio de los resultados de búsqueda. </span> <br/> </div> <div> <br/> </div> <div> Puede elegir editar el menú de su restaurante en el Editor de contenido. Esto significa que puede agregar o editar el menú en el widget de menú del restaurante, sin embargo, no cambiará el menú en Locu o SinglePlatform. Si elige editar el menú, se detendrá la sincronización automática. </div> <div> <br/> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/meun4_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> Ingrese un título. Puede elegir ocultar el título haciendo clic en el botón del ojo a la derecha del cuadro de texto del título. </div> <div> <br/> </div> <div> <b> Crea tu propio menú </b> </div> <div> <b> <br/> </b> </div> <div> Puede organizar su menú creando categorías y elementos. Para agregar una categoría, haga clic en "Agregar categoría" y asigne un nombre a su categoría. </div> <div> <br/> </div> <div> Para agregar un artículo, haga clic en "Agregar artículo" debajo de la categoría en la que desea colocar el artículo. Ingrese un Nombre, Descripción y Precio para el artículo en Configuración del artículo. Para agregar imágenes a un elemento, asegúrese de que el icono "Mostrar imágenes" esté marcado. Esto le permitirá agregar, reemplazar o editar imágenes en la Configuración del elemento. </div> <div> <br/> </div> <div> Ingrese un título. Puede elegir ocultar el título haciendo clic en el botón del ojo a la derecha del cuadro de texto del título. </div> <div> <br/> </div> <div> <b> Subir un CSV </b> </div> <div> <b> <br/> </b> </div> <div> Para importar un menú usando un CSV, haga clic en el botón Cargar CSV. </div> <div> <br/> </div> <div> Se le pedirá que seleccione un archivo de su computadora.   </div> <div> <br/> </div> <div> Para que la importación CSV sea exitosa, el menú debe estar en formato CSV en el documento. </div> <div> <br/> </div> <div> <i> Formato CSV </i> </div> <div> <i> Líneas delimitadas por comas o delimitadas por tabulaciones: </i> </div> <div> <i> &lt;Categoría&gt;, &lt;Elemento&gt;, &lt;Descripción&gt;, &lt;Precio&gt; </i> </div> <div> <i> Por ejemplo, postres, magdalenas francesas, magdalenas con crema, 15 </i> </div> <div> <br/> </div> <div> Puede editar su horario comercial haciendo clic en el botón Editar menú. Sin embargo, la edición del menú detendrá la sincronización automática. </div> <div> <br/> </div> <div> Para mostrar imágenes, asegúrese de que esté seleccionado el icono "Mostrar imagen". </div> <div> <br/> </div> <div> Ingrese un título. Puede elegir ocultar el título haciendo clic en el botón del ojo a la derecha del cuadro de texto del título. </div> <div> <br/> </div> <div> <b> Diseño del menú del restaurante </b> </div> <div> <br/> </div> <div> Realice cambios de diseño en el widget del menú del restaurante utilizando el Editor de diseño del menú del restaurante. Aquí, puede cambiar el diseño del menú, el texto, los elementos, el fondo, el título del menú y el espaciado. </div> <div> <br/> </div> <div> <span> <b> Diseño </b> </span> </div> <div> <span> <b> <br/> </b> </span> </div> <div> Elija entre múltiples diseños de menú diferentes para exhibir los platos de su restaurante. </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/meun8_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <br/> </div> <div> <span> <b> Categorías </b> </span> </div> <div> <span> <b> <br/> </b> </span> </div> <div> Edite los divisores y los estilos de texto de este editor. Cambie la altura y el estilo del divisor para cada categoría utilizando las barras deslizantes. Realice modificaciones al estilo del texto cambiando la fuente, el formato de fuente, el tamaño de fuente y la alineación. </div> <div> <br/> </div> <div> <span> <b> Artículos </b> </span> </div> <div> <span> <b> <br/> </b> </span> </div> <div> Edite los divisores y los estilos de texto de este editor. Cambie la altura y el estilo del divisor para cada elemento utilizando las barras deslizantes. Realice modificaciones al estilo del texto cambiando la fuente, el formato de fuente, el tamaño de fuente y la alineación. </div> <div> <br/> </div> <div> <b> Antecedentes </b> </div> <div> <b> <br/> </b> </div> <div> Edite el fondo del menú. Elija una imagen de fondo o un color de fondo para su menú. Agregue una superposición de color seleccionando un color y definiendo la opacidad de la superposición utilizando la barra deslizante. Además, realice modificaciones en el título del menú utilizando las herramientas de texto para cambiar la fuente, el formato de fuente, el tamaño de fuente y la alineación. Los títulos del menú solo aparecerán si no están ocultos. Tiene la opción de ocultar el título en el Editor de contenido. </div> <div> <br/> </div> <div> <b> Espaciado </b> </div> <div> <b> <br/> </b> </div> <div> Cambie los márgenes (espacio exterior) y el relleno (espacio interior) con esta herramienta de espacio. </div> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <div> <div> <div> <b> ¿Cómo cambio el menú de mi restaurante? </b> </div> <div> <b> <br/> </b> </div> <div> Puede cambiar el comportamiento del menú del restaurante de varias maneras: </div> <div> <br/> </div> <div> Si su menú se importa desde Locu o SinglePlatform, vaya a la plataforma en cuestión y cambie el menú del restaurante allí. Hacer esto requiere que tengas una suscripción con la plataforma en cuestión. </div> <div> Elimina ese menú y crea uno desde cero. Para crear un nuevo menú, simplemente haga clic y arrastre el widget del restaurante al editor. En el Editor de contenido que aparece, seleccione crear su propio menú y compílelo. Si arrastra y suelta el elemento del menú en su editor y no puede ver este menú, simplemente haga clic en "Menú del restaurante" en la esquina superior izquierda. </div> <div> Sube un CSV de tu menú. Simplemente siga los pasos anteriores descritos en el paso 2 y seleccione "Cargar desde archivo CSV". </div> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> Fri, 15 Nov 2019 12:37:48 GMT https://soporte.misitio.app/articulos/menu-de-restaurante thumbnail Agregar botones https://soporte.misitio.app/articulos/agregar-botones <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> Los botones son la forma más fácil de conseguir que los visitantes de un sitio web actúen. Los botones pueden conducir a los visitantes a otra página en su sitio o a una página en otro sitio web. Los botones también pueden abrir un elemento emergente, formulario de contacto, reservación en línea, dirección de correo electrónico y más.   </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <div> <div> <b> Editor de contenido </b> </div> <div> <b> <br/> </b> </div> <div> Use el editor de contenido para seleccionar un botón de destino. Se pueden configurar los siguientes destinos para su botón:  </div> <div> <ul> <li> Página existente: envíe al visitante a una página existente en su sitio web. </li> <li> URL del sitio web: envíe al visitante a una URL específica. </li> <li> Ventana emergente: abre una ventana emergente. Elija entre ventanas emergentes ubicadas en Páginas y ventanas emergentes o cree una nueva ventana emergente. </li> <li> Ancla: envíe al visitante a un ancla en cualquier página del sitio web. </li> <li> Enlace de la tienda: solicite al dispositivo del visitante que abra el inicio de sesión de la tienda o la página del producto. </li> <li> Dirección de correo electrónico: solicite al dispositivo del visitante que abra un cliente de correo electrónico con una dirección de correo electrónico específica. </li> <li> Archivo para descargar: solicite al dispositivo del visitante que descargue un archivo específico. </li> </ul> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/addingbuttons1_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <br/> </div> <div> <b> Editor de diseño </b> </div> <div> <b> <br/> </b> </div> <div> Utilice el editor de diseño para elegir entre los diferentes diseños de botones, realice modificaciones en el estilo del botón (ancho, alto) y el texto del botón (fuente, tamaño del texto) y ajuste el espacio interior y exterior. También puede realizar modificaciones en el diseño de botones utilizando el menú de diseño de botones global . </div> <div> <br/> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/addingbuttons2_en-US.png"/> </a> </div> Thu, 14 Nov 2019 20:45:38 GMT https://soporte.misitio.app/articulos/agregar-botones thumbnail Agregar animaciones de entrada https://soporte.misitio.app/articulos/agregar-animaciones-de-entrada <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> Las animaciones de entrada le permiten animar widgets y widgets de página cuando se cargan por primera vez en su sitio web. El movimiento y la interactividad hacen que su sitio sea más memorable y pueden destacar las secciones hacia las que desea que los visitantes dirijan la atención, como un número telefónico o un botón de contacto. </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <div> <div> <b> Agregar animaciones de entrada </b> </div> <div> <b> <br/> </b> </div> <div> Haga clic con el botón derecho en cualquier fila o widget para abrir su menú contextual. Mantenga el cursor sobre la opción Animación de entrada y seleccione la animación que desee. </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/AddingEntranceAnimations1_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <br/> </div> <div> <b> Eliminar animaciones de entrada </b> </div> <div> <b> <br/> </b> </div> <div> Haga clic con el botón derecho en cualquier fila o widget para abrir su menú contextual. Mantenga el cursor sobre la opción Animación de entrada y seleccione Ninguna. </div> <div> <br/> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/AddingEntranceAnimations2_en-US.png"/> </a> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <div> <div> <ul> <li> Demasiadas animaciones pueden desorientar o distraer a los usuarios, así que úselas con moderación. </li> <li> Al eliminar una animación, recuerde que las animaciones se pueden aplicar tanto a filas como a widgets, por lo que la animación que está viendo se ha podido agregar en algún lugar inesperado. </li> <li> Las animaciones son una herramienta excelente para dirigir la atención a elementos de llamado a la acción (número telefónico, botón Paypal, etc.). </li> </ul> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> Thu, 14 Nov 2019 20:11:08 GMT https://soporte.misitio.app/articulos/agregar-animaciones-de-entrada thumbnail Agregar comentarios de Facebook https://soporte.misitio.app/articulos/agregar-comentarios-de-facebook <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> El widget Comentarios de Facebook permite a los visitantes dejar comentarios en su sitio web usando la plataforma de Facebook. Los comentarios pueden promocionar el interés y el debate en su sitio y dar a los visitantes una idea de lo que otros visitantes piensan sobre su servicio o producto. </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <div> <div> Agregue un widget de comentarios de Facebook en su sitio web receptivo.  </div> <div> <br/> </div> <div> Después de colocar el widget, aparecerá el Editor de diseño . Puede personalizar la apariencia del widget eligiendo un esquema de color claro u oscuro. También puede personalizar el espacio alrededor del widget. </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/facebookcomments1_en-US.png"/> </a> </div> Thu, 14 Nov 2019 19:53:22 GMT https://soporte.misitio.app/articulos/agregar-comentarios-de-facebook thumbnail Agregar una galería de fotos https://soporte.misitio.app/articulos/agregar-una-galeria-de-fotos <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> El widget Galería de fotos facilita agregar varias imágenes a su sitio web. Cuando se hace clic en las imágenes de la Galería de fotos, éstas se pueden abrir en una galería lightbox o enlazar a una página en su sitio web, un URL de sitio web, un elemento emergente, un ancla, una dirección de correo electrónico o más. Si lo desea, puede agregar títulos, descripciones y texto alternativo a cada imagen. </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <div> <div> Para agregar una galería de fotos a su sitio web, siga estos pasos:  </div> <div> <br/> </div> <div> Agregue el widget Galería de fotos en su sitio web receptivo. Una vez que se haya colocado el widget, aparecerá el Editor de contenido. </div> <div> <br/> </div> <div> <b> Agregar imágenes </b> </div> <div> <b> <br/> </b> </div> <div> 1. Haz clic en el botón Agregar imagen. </div> <div> <br/> </div> <div> 2. Seleccione cualquiera de las imágenes que tiene en el selector de imágenes. </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/AddingAPhotoGallery2_en-us.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <br/> </div> <div> Desde aquí, puedes: </div> <div> <ol> <li> Seleccione la carpeta con las imágenes que desea usar. </li> <li> Presione el ícono "+" para cargar su propia imagen </li> <li> Cambie a la Vista completa para obtener más opciones de elección de imagen. </li> </ol> </div> <div> Puede agregar títulos, texto y botones a sus imágenes en la galería. Agregue estas características haciendo clic en la imagen y editando la configuración de la imagen. También puede agregar enlaces cuando los botones son visibles. El contenido se puede ver cuando el icono del ojo está resaltado. </div> <div> <br/> </div> </div> </div> </div> <h3> <span> Personalizando tu galería de fotos </span> </h3> <div data-rss-type="text"> <div> <div> <div> <ul> <li> Para cambiar el diseño de la Galería de fotos, abra el Editor de diseño y haga clic en la sección Diseño. Tenemos múltiples diseños para elegir para proporcionar más opciones de diseño a sus galerías de fotos. Los diseños se administran por dispositivo y se basan en la vista actual en la que se selecciona el diseño. Tenga en cuenta que algunos diseños solo están disponibles en el nuevo widget Galería de fotos. </li> </ul> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/AddingAPhotoGallery3_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <br/> </div> <div> <ul> <li> El texto se puede establecer debajo de las imágenes en el cursor o en la imagen en la pestaña Diseño. Puede cambiar el texto y las posiciones de los botones, así como el estilo y el tamaño del botón. </li> <li> Puede cambiar la altura y el espaciado de la imagen entre las imágenes. Tenga en cuenta que esto solo es aplicable para ciertos diseños. También puede agregar esquinas redondeadas, mostrar la imagen completa en la galería, agregar sombras y cambiar el efecto de desplazamiento de la imagen y la animación. </li> <li> Para cambiar el estilo de fuente de los títulos y descripciones de las imágenes, haga clic en la pestaña Elemento.  </li> <li> Para agregar un color de fondo, personalizar el borde y agregar efectos de desplazamiento y animaciones, haga clic en la pestaña Marco. </li> <li> Para cambiar el espaciado interno y externo, haga clic en la pestaña Espaciado. </li> </ul> </div> <div> <br/> </div> </div> </div> </div> Thu, 14 Nov 2019 19:48:37 GMT https://soporte.misitio.app/articulos/agregar-una-galeria-de-fotos thumbnail Agregar Clic para llamar https://soporte.misitio.app/articulos/agregar-clic-para-llamar <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> Un botón Hacer clic para llamar inicia una llamada telefónica cuando se hace clic. Agregar un botón Hacer clic para llamar a la versión móvil de su sitio facilita que los visitantes del sitio web llamen a su empresa. </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <div> <div> 1. Agregue el widget Click to Call en su sitio web receptivo.  </div> <div> <br/> </div> <div> 2. Ingrese un número de teléfono en el área Número de teléfono. </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/addclick2call_1_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <br/> </div> <div> 3. Ingrese el texto que desea que se muestre en el botón en el área Texto en el botón. </div> <div> <br/> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/addclick2call_2_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <br/> </div> <div> 4. Abra el Editor de diseño haciendo clic en la pestaña de diseño en la esquina superior izquierda para cambiar el diseño del botón, el estilo, el texto y el espaciado. También puede volver al diseño del botón global . </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/addclick2call_3_en-US.png"/> </a> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> El widget Click to Call le pide al dispositivo del visitante que llame al número establecido en el Área de número de teléfono. Algunos dispositivos pueden no tener una forma de manejar esto (la mayoría de las computadoras de escritorio y tabletas, por ejemplo), o pueden manejarlo de maneras inusuales. Recomendamos utilizar el botón Hacer clic para llamar en la versión móvil de su sitio web únicamente. </font> </div> </div> <h3> <span> Preguntas Frecuentes </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> <b> ¿Puedo usar números internacionales? </b> </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> Agregue un símbolo + antes del código del país y, en la mayoría de los casos, los números internacionales funcionarán. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> <b> ¿Puedo vincularme a extensiones? </b> </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> Desafortunadamente, no hay una forma estandarizada de marcar automáticamente las extensiones. </font> </div> </div> Thu, 14 Nov 2019 19:29:02 GMT https://soporte.misitio.app/articulos/agregar-clic-para-llamar thumbnail Agregar Clic para correo electrónico https://soporte.misitio.app/articulos/agregar-clic-para-correo-electronico <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> Cuando agrega un widget Clic para correo electrónico a su sitio web, hace posible que a los visitantes se les estimule a enviar un mensaje de correo electrónico a su dirección. Agregar esto a su página de inicio puede ayudar a convertir visitantes en clientes; agregarlo a páginas de contacto facilita a los visitantes ponerse en contacto con usted a la brevedad posible. </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <div> <div> 1. Agregue el widget Click to Email en su sitio web receptivo.  </div> <div> <br/> </div> <div> 2. Ingrese una dirección de correo electrónico en el área Dirección de correo </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/clicktoemail1_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <br/> </div> <div> 3. Ingrese el texto que desea mostrar en el botón en el área Texto en el botón. </div> <div> <br/> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/clicktoemail2_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <br/> </div> <div> 4. Abra el Editor de diseño haciendo clic en la pestaña de diseño en la esquina superior izquierda para cambiar el diseño del botón, el estilo, el texto y el espaciado. También puede volver al diseño del botón global . </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/clicktoemail3_en-US.png"/> </a> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> El widget Click to Email solicita al dispositivo del visitante que envíe por correo electrónico la dirección establecida en el Área de dirección de correo electrónico. Algunos dispositivos pueden no tener una forma de manejar esto, o pueden manejarlo de manera inusual. También es posible que desee mostrar la dirección de correo electrónico para que los usuarios que no pueden enviar un correo electrónico automáticamente a través de su dispositivo puedan enviar un correo electrónico manualmente. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Esta dirección de correo electrónico agregada al botón no está oculta y cualquier persona que visite la página puede recopilarla. Si prefiere ocultar su dirección de correo electrónico de posibles spammers, considere usar nuestro Formulario de contacto. </font> </div> </div> Thu, 14 Nov 2019 17:41:11 GMT https://soporte.misitio.app/articulos/agregar-clic-para-correo-electronico thumbnail Agregar un Formulario de contacto https://soporte.misitio.app/articulos/agregar-un-formulario-de-contacto <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> Use el widget Formulario de contacto para agregar un formulario web completo a su sitio web. El formulario de contacto le permite proporcionar a los visitantes una variedad de áreas de entrada; específicamente texto, menú desplegable, botones de opción, casillas de verificación, fecha, hora, correo electrónico y números de teléfono. Puede usar el formulario para recibir suscripciones de boletines por correo electrónico, preguntas de los clientes o simplemente para obtener comentarios de los visitantes de su sitio. </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <div> <div> <b> Configurar el formulario de contacto </b> </div> <div>   </div> <div> 1. Agregue el widget de formulario de contacto a su sitio web receptivo. Una vez que se haya colocado el widget, aparecerá el Editor de contenido. </div> <div> <br/> </div> <div> 2. Decida qué información desea obtener de sus visitantes y luego modifique el campo existente haciendo clic en el nombre del campo. </div> <div> <br/> </div> <div> 3. Agregue nuevos campos haciendo clic en el botón 'Agregar campo'. </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/contactform1_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <br/> </div> <div> 4. Haga clic en la pestaña Envío. En la sección Destinatarios del envío, configure la dirección de correo electrónico y el asunto para recibir las respuestas del formulario.  </div> <div> <br/> </div> <div> 5. En la sección Acciones de envío, configure los mensajes de confirmación y error para que se muestren cuando los visitantes envíen el formulario. Use el Editor de texto enriquecido para agregar color, énfasis (negrita, cursiva y subrayado) y viñetas al texto en los cuadros de mensaje. </div> <div> <br/> </div> <div> 6. En la sección Seguimiento, agregue un código de seguimiento a su formulario. Si tiene AdWords o cualquier otro código de conversión, puede pegar este código aquí. </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/contactform4_en-US.png"/> </a> </div> <h3> <span> Configuración de su formulario de contacto </span> </h3> <div data-rss-type="text"> <div> <div> <div> <b> compatible con GDPR </b> </div> <div>   </div> <div> Para obtener el consentimiento de sus visitantes luego del envío del formulario de contacto, simplemente agregue un nuevo campo a su formulario de contacto siguiendo las instrucciones anteriores y elija la opción Optar o Texto libre. </div> <div> <br/> </div> <div> <b> Agregar campo de suscripción </b> </div> <div> <b> <br/> </b> </div> <div> Al agregar el campo Optar, se agregará una casilla de verificación que confirmará el consentimiento de su visitante para compartir las respuestas del formulario. Este campo será requerido para enviar la respuesta del formulario. </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/gdpr_friendly_contact_form1-en_us.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <br/> </div> <div> El texto predeterminado es "Al marcar, acepto compartir las respuestas de mi formulario", pero puede reemplazarlo con texto personalizado si lo desea. </div> <div> <br/> </div> <div> <b> Agregar campo de texto libre </b> </div> <div> <b> <br/> </b> </div> <div> Puede optar por agregar una notificación diferente usando texto libre. En este caso, el campo simplemente aparecerá como una notificación debajo de los campos de su formulario de contacto. </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/gdpr_friendly_contact_form2-en_us.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <br/> </div> <div> Tenga en cuenta: No hay texto GDPR predeterminado o marcador de posición relacionado con la privacidad en el campo de texto libre, ya que este es un campo multipropósito, por lo que debe colocar su texto personalizado. </div> <div> <br/> </div> <div> <b> Eliminar respuestas del formulario </b> </div> <div> <b> <br/> </b> </div> <div> Para eliminar las respuestas recibidas a través de un formulario de contacto, vaya al panel del sitio, haga clic en el icono de hamburguesa al lado del sitio donde apareció el formulario y seleccione Respuestas del formulario. </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/gdpr_friendly_contact_form3-en_us.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <br/> </div> <div> Alternativamente, puede abrir el campo Administrar respuestas de formulario en la pestaña Contenido del menú del editor del lado izquierdo. </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/gdpr_friendly_contact_form4-en_us-10ec62ba.png"/> </a> </div> <div data-rss-type="text"> <div> <br/> </div> <div> La página de respuestas de formulario que se abre le permite eliminar cualquier respuesta a cualquier formulario en ese sitio. Puede buscar respuestas relevantes en el cuadro Buscar búsqueda de información del visitante. Asegúrese de buscar el nombre, la frase o los caracteres exactos. </div> <div> <br/> </div> <div> Al hacer clic en la pestaña del formulario correspondiente, se abre una tabla que incluye: </div> <div> <ul> <li> la fecha de envío del formulario de respuesta </li> <li> la entrada de cada uno de los campos del formulario </li> <li> la opción de eliminar la respuesta del formulario </li> </ul> </div> <div> <br/> </div> </div> <h3> <span> Integraciones </span> </h3> <div data-rss-type="text"> <div> <div> <div> Se puede extender el alcance de su formulario de contacto, mediante la integración con Google Sheets, MailChimp, Constant Contact o una tercera aplicación de otro fabricante usando W ebhooks . </div> <div> <br/> </div> <div> <b> Integración de Hojas de cálculo de Google </b> </div> <div> <b> <br/> </b> </div> <div> Haga que los datos de envío de formularios de contacto se agreguen instantáneamente a una hoja de cálculo en Hojas de cálculo de Google. Todos los campos de contacto en el formulario se completarán en la hoja de cálculo, incluida una marca de tiempo de cuándo se envió el formulario. </div> <div> <br/> </div> <div> <b> Pasos </b> </div> <div> <br/> </div> <div> Haga clic en la pestaña Integraciones en el área de configuración general del formulario de contacto. </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/contactform5_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <br/> </div> <div> Expanda la opción Hojas de cálculo de Google y haga clic en INICIAR SESIÓN CON GOOGLE. </div> <div> <br/> </div> <div> Haga clic en Permitir para otorgar permisos para conectarse a su cuenta de Google. Si su computadora está conectada a varias cuentas de Google, elija la que desea conectar a este formulario. </div> <div> <br/> </div> <div> Elija si desea agregar datos a una hoja de cálculo existente o a una nueva. </div> <div> <br/> </div> <div> Seleccione la hoja de cálculo a la que desea enviar los datos del formulario. Puede seleccionar la hoja de cálculo de una lista o usar la barra de búsqueda para encontrar una hoja específica. </div> <div> <br/> </div> <div> <b> consideraciones adicionales </b> </div> <div> <br/> </div> <div> <ul> <li> Si tiene varios formularios en el sitio, puede conectar cada uno a una hoja de cálculo diferente, incluidas las hojas de cálculo en diferentes cuentas de Google. </li> <li> También puede conectar un par de formularios a la misma hoja de cálculo, en este caso, asegúrese de que los campos y el orden en el formulario sean idénticos para ajustarse a la información enviada. </li> <li> El envío de datos del formulario a una hoja de cálculo de Google no le impide descargar los datos como un archivo CSV o recibir correos electrónicos de envío del formulario. </li> </ul> <span> <b> Integración de MailChimp </b> </span> </div> <div> <b> <br/> </b> <span> MailChimp es una gran herramienta para la distribución de campañas de correo electrónico, boletines, etc. Mediante el uso de la nueva integración de formularios, los propietarios del sitio pueden administrar listas de contactos de clientes potenciales (visitantes del sitio) al recopilar las direcciones de correo electrónico, que se envían al formulario y enviarlas automáticamente a MailChimp. </span> <br/> </div> <div> <br/> </div> <div> Debe tener una cuenta de MailChimp. Una vez que tenga una cuenta, cree una lista de correo en su cuenta de MailChimp donde se recopilarán los datos de contacto. </div> <div> <br/> </div> <div> <b> Pasos </b> </div> <div> <ol> <li> Haga clic en la pestaña Integraciones en el área de configuración general del formulario de contacto. </li> <li> Expanda la opción MailChimp y elija CONECTAR A MAILCHIMP. </li> <li> Inicie sesión con sus credenciales de MailChimp. </li> <li> Seleccione su lista de contactos de MailChimp en el menú desplegable. </li> </ol> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/contactform13_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <br/> </div> <div> Configure sus campos de formulario. Además de la dirección de correo electrónico, el creador del sitio web puede enviar automáticamente los campos de nombre y apellido a MailChimp. Debe configurar los campos de correo electrónico / nombre / apellido dentro del formulario. </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div data-rss-type="text"> <div> <div> <div> <br/> </div> <div> <b> Integración de contacto constante </b> </div> <div> <b> <br/> </b> </div> <div> Esta es una integración similar a MailChimp, pero permite a los propietarios de sitios crear listas de correo en su cuenta de Constant Contact. </div> <div> <br/> </div> <div> Debe tener una cuenta de contacto constante. Una vez que tenga una cuenta, cree una lista de correo en su cuenta de Constant Contact donde se recopilarán los detalles de contacto. </div> <div> <br/> </div> <div> <b> Pasos </b> </div> <div> <br/> </div> <div> <ol> <li> Haga clic en la pestaña Integraciones en el área de configuración general del formulario de contacto. </li> <li> Expanda la opción Contacto constante y elija CONECTAR A CONTACTO CONSTANTE. </li> <li> Inicie sesión con sus credenciales de Constant Contact. </li> <li> Seleccione su lista de contactos constantes en el menú desplegable. </li> </ol> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/contactform13_en-US-f725b607.png"/> </a> </div> <div data-rss-type="text"> <div> <br/> </div> Configure sus campos de formulario. Además de la dirección de correo electrónico, el creador del sitio web puede enviar automáticamente el nombre, el apellido y el número de teléfono a Constant Contact. Se requiere que el usuario configure los campos de correo electrónico / nombre / apellido dentro del formulario de contacto. La dirección de correo electrónico y el mensaje de texto se agregan de manera predeterminada. <div> <br/> </div> <div> <b> Integraciones de Webhooks </b> </div> <div> <b> <br/> </b> </div> <div> Numerosos servicios en línea y en la nube ofrecen integraciones a través de una ruta llamada W ebhooks . Los webhooks envían notificaciones a una dirección web específica llamada URL de punto final. Puede conectar el formulario de contacto para enviar un evento cuando se envíe el formulario de contacto. </div> <div> <br/> </div> <div> Para conectar el formulario de contacto a otro servicio utilizando webhooks , simplemente necesita crear una URL de punto final personalizada con su servicio deseado y pegarla en el campo de integración de Webhooks en el formulario de contacto. Una vez que haya agregado una URL de webhook , el formulario de contacto enviará una solicitud POST al punto final con los datos en el cuerpo en formato JSON , cuando el formulario de contacto se envíe al sitio web. Aquí hay un ejemplo de los datos JSON que se enviarán: </div> <div> <br/> </div> <div> {"Fecha de envío": "02/06/2016 10:23:54", "Título del formulario": "Contáctenos", "Nombre": "John Smith", "Correo electrónico": " test@example.com ", "Teléfono": "(555) .555.1212", "Mensaje": " ¡ Envío de formulario de Webhook !"} </div> <div> <br/> </div> <div> Tenga en cuenta que la "Fecha de envío" y el "Título del formulario" siempre se aprovisionarán, los otros campos (nombre_campo: valor) se basan en los campos configurados en el formulario. </div> <div> <br/> </div> <div> <b> Crear una URL de punto final </b> </div> <div> <b> <br/> </b> </div> <div> Los puntos finales son de configuración en la 3ª servicios de terceros (por ejemplo Zapier o Slack), u otro servidor que usted controla. Estos puntos finales están configurados específicamente para recibir notificaciones del Webhook. </div> <div> <br/> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/contactform20_en-US.png"/> </a> </div> <h3> <span> Diseño </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> Abra el Editor de diseño haciendo clic en la pestaña de diseño en la esquina superior izquierda o haciendo clic con el botón derecho en el widget y seleccionando 'Editar diseño' para cambiar el diseño del botón, los elementos, el marco y el espaciado.  </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> <b> Diseño </b> </font> </div> <div> <font color="#595959"> Haga clic en la pestaña Diseño, luego haga clic en el icono de diseño para elegir un diseño de diseño diferente para el formulario de contacto. Cambie la alineación del formulario haciendo clic a la izquierda o derecha, según cómo desee que se alineen los espacios de campo. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> <b> Articulo </b> </font> </div> <div> <font color="#595959"> Haga clic en la pestaña Elemento para realizar modificaciones en el estilo y el texto del campo, así como en el estilo y el texto del botón. Puede realizar cambios en el diseño de los campos y botones, como el color de fondo y los estilos de borde, y realizar cambios en el texto del campo y el botón, como el tamaño, la fuente, la alineación y más. Vuelva al estilo global haciendo clic en el botón 'Volver al diseño global'. </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/contactform31_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> <b> Cuadro </b> </font> </div> <div> <font color="#595959"> Haga clic en la pestaña Marco para editar el estilo del marco. Puede cambiar el fondo agregando un color o una imagen, cambiar el estilo de texto de la notificación de envío, agregar un borde y personalizar la fuente en el título del formulario. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> <b> Espaciado </b>   </font> </div> <div> <font color="#595959"> Haga clic en la pestaña Espaciado para realizar ediciones en el relleno y los márgenes del formulario de contacto. Obtenga más información sobre el espaciado aquí . </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> <b> Archivos adjuntos </b> </font> </div> <div> <font color="#595959"> Los archivos se pueden adjuntar a un formulario de contacto. Esto se puede lograr creando un campo de archivo adjunto en el formulario de contacto. Los visitantes recibirán un enlace para cargar sus archivos a través del formulario de contacto. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Para agregar esta opción a su formulario: </font> </div> <div> <ol> <li> <font color="#595959"> Agregue un nuevo campo a cualquier formulario de contacto. </font> </li> <li> <font color="#595959"> Seleccione el archivo adjunto del menú desplegable. Puede editar el texto del marcador de posición para cambiar el nombre de esta Área. </font> </li> <li> <font color="#595959"> Se agregará un enlace para cargar archivos a su formulario. </font> </li> </ol> </div> <div> <font color="#595959"> <br/> </font> </div> </div> <h3> <span> Preguntas frecuentes </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> Los formularios de contacto son una gran herramienta para obtener información valiosa de visitantes y clientes. Asegúrese de ingresar su dirección de correo electrónico en el paso de destinatarios de Configuración de entrega para que se envíe una copia de la información. </font> </div> </div> Wed, 13 Nov 2019 18:56:04 GMT https://soporte.misitio.app/articulos/agregar-un-formulario-de-contacto thumbnail Agregar un cupón https://soporte.misitio.app/articulos/agregar-un-cupon <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> Incentive a sus clientes con un cupón cuando visiten su sitio. Cargue una imagen de un cupón que ya tenga o cree un nuevo cupón usando nuestro Website Builder de cupón. Los cupones y las promociones pueden constituir una magnífica manera de incentivar a los clientes y estimular el interés en su negocio. </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <div> <div> Agregue el widget Cupón en su sitio web receptivo. Una vez que se haya colocado el widget, aparecerá el Editor de contenido. </div> <div> <br/> </div> <div> <b> Crea un nuevo cupón </b> </div> <div> <b> <br/> </b> </div> <div> 1. Establezca el título, la oferta de descuento, la mensajería, los términos y condiciones, la fecha de vencimiento y el texto del botón para su cupón utilizando el Editor de contenido. </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/addacoupon1_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <br/> </div> <div> 2. Haga clic en la sección de diseño para elegir un diseño de cupón diferente, cambiar colores o agregar efectos con el Editor de diseño. </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/addacoupon2_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <br/> </div> <div> <b> Subir una imagen de cupón </b> </div> <div> <b> <br/> </b> </div> <div> Haga clic en Cargar imagen de cupón para usar cualquier imagen para el cupón utilizando nuestra función Elegir y colocar imágenes . Establezca la fecha de vencimiento y el texto del botón. </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/addacoupon3_en-US.png"/> </a> </div> <h3> <span> Preguntas frecuentes </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> El widget de cupones no rastrea los canjes de cupones. Si bien puede hacer que los clientes canjeen cupones imprimiéndolos o utilizándolos en un dispositivo móvil, no hay forma de medir la cantidad de cupones utilizados durante la promoción.   </font> </div> </div> Wed, 13 Nov 2019 16:19:18 GMT https://soporte.misitio.app/articulos/agregar-un-cupon thumbnail Agregar un mapa https://soporte.misitio.app/articulos/agregar-un-mapa <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> Muestre a sus visitantes un mapa de una ubicación específica. Puede usar este widget para mostrar la ubicación de su negocio tradicional o un evento especial. También puede usarlo para mostrar a los clientes dónde pueden encontrar estacionamiento. </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <div> <div> <b> Configurar el widget de mapa </b> </div> <div> <b> <br/> </b> </div> <div> 1. Agregue el widget de mapa a su sitio web receptivo. Para obtener más información sobre cómo agregar widgets a su sitio web, consulte Agregar widgets . Una vez que se haya colocado el widget, aparecerá el Editor de contenido. </div> <div> <br/> </div> <div> 2. Ingrese su dirección comercial en el cuadro de texto en la parte superior del Editor de contenido. </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/paypal1_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <br/> </div> <div> 3. Seleccione la dirección del menú desplegable que aparece. </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/AddAMap_2_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <br/> </div> <div> 4. Puede elegir mostrar un botón de mapa en lugar de una imagen de mapa. Para mostrar un botón de mapa en dispositivos específicos, seleccione los dispositivos donde desea que aparezca el botón. Si no se eligen dispositivos, se mostrará la imagen del mapa.  </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/AddAMap_3_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <br/> </div> <div> 5. Ingrese el texto que desea que aparezca en el botón en el campo "Texto en el botón". </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/AddAMap_4_en-US+%281%29.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <br/> </div> <div> <b> Mostrar una ventana emergente de información de ubicación </b> </div> <div> <b> <br/> </b> </div> <div> También puede mostrar una ventana emergente de información de ubicación en el widget del mapa. Cambie el título, la descripción y las opciones de visualización en el Editor de contenido del widget de mapa. </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/AddAMap_5_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <br/> </div> <div> <b> Diseño </b> </div> <div> <br/> </div> <div> Abra el Editor de diseño haciendo clic en la pestaña de diseño en la esquina superior izquierda para cambiar el diseño, el estilo y el espaciado del mapa. Edite el diseño del mapa que aparece en su sitio web utilizando la sección de diseño. Realice cambios en el ancho y alto, así como cambie los estilos de borde en la sección de estilo. Personalice el relleno y los márgenes (espaciado alrededor del widget) en la sección de espaciado . </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <h3> <span> Preguntas frecuentes </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> <b> Mi dirección no aparece en el menú desplegable </b> </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> Si su dirección no aparece en el menú desplegable, significa que no podemos encontrarla en la API de MapBox (a veces diferente de su búsqueda de mapas). Para evitar este problema, intente vincular un widget de botón directamente a la URL del mapa en Google Maps. Si falta su dirección en MapBox, puede enviar una solicitud directamente a MapBox para agregar su dirección. </font> </div> </div> Wed, 13 Nov 2019 15:50:20 GMT https://soporte.misitio.app/articulos/agregar-un-mapa thumbnail Agregar un widget de video https://soporte.misitio.app/articulos/agregar-un-widget-de-video <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> El widget Video le permite mostrar videos de YouTube, Vimeo o Dailymotion en su sitio web de manera fácil y rápida. Un video corto puede ser la manera perfecta de comunicarse con sus clientes y mostrar lo que su negocio tiene para ofrecer, y es una excelente manera de aumentar la participación del cliente y aumentar las conversiones. </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <div> <div> <b> Agregar un video </b> </div> <div> <b> <br/> </b> </div> <div> Arrastre y suelte el widget de video en cualquier lugar de su página.  </div> <div> Ingrese la URL del video de YouTube, Vimeo o Dailymotion en el Editor. </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/videowidget1_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <br/> </div> <div> <b> Cambiar diseño </b> </div> <div> <b> <br/> </b> </div> <div> Haga clic en la pestaña Diseño para abrir el Editor de diseño. </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/videowidget3_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <br/> </div> <div> Aquí puedes editar el: </div> <div> <br/> </div> <div> <ul> <li> Estilo : cambia el tamaño del reproductor de video. Use la barra deslizante para cambiar el tamaño. </li> <li> Espaciado : cambia el espaciado del reproductor de video. Haga clic en el área a la que desea agregar espacio y cambie el número o use la barra deslizante.   </li> </ul> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <h3> <span> Solución de problemas, consejos y trucos. </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> <b> Mi video no funciona </b> </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> El Responsive Website Builder simplemente incorpora el video y lo inserta en el Sitio. Si el video no funciona, 1) el video en sí puede estar inactivo o 2) la configuración de uso compartido del video impide que se reproduzca. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Para solucionar esto, asegúrese de que el video tenga la configuración de uso compartido adecuada. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> <b> Se muestra la miniatura incorrecta </b> </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> La imagen en miniatura se extrae de la configuración de YouTube / Vimeo / Dailymotion. Intente usar el código de inserción que proporciona el host de video y colóquelo al usar el elemento HTML para ver si el problema persiste.  </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> <b> ¿Cómo elijo la calidad de transmisión? </b> </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> La calidad de la transmisión dependerá de los límites disponibles en YouTube / Vimeo / Dailymotion. El usuario podrá ajustar la calidad como mejor le parezca utilizando el icono de configuración. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> <b> Se carga demasiado lento </b> </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> La velocidad de carga de video depende de la velocidad de conexión del espectador. </font> </div> </div> Wed, 13 Nov 2019 14:34:53 GMT https://soporte.misitio.app/articulos/agregar-un-widget-de-video thumbnail Agregar fuente RSS https://soporte.misitio.app/articulos/agregar-fuente-rss <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> La fuente RSS le permite agregar una lista de publicaciones o entradas recientes de cualquier fuente RSS específica a su sitio web. Use este widget para publicar blogs y texto de otros sitios web. Todos los enlaces se abrirán en una nueva pestaña. </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <div> <div> <br/> </div> <div> 1. Agregue el widget de RSS Feed en su sitio web receptivo.  </div> <div> <br/> </div> <div> 2. Ingrese la URL del feed con el Editor de contenido. </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/AddRSSFeed1_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <br/> </div> <div> <span> 3. Elija un diseño con el Editor de diseño. </span> <br/> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/AddRSSFeed2_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <br/> </div> <div> 4. En el Editor de diseño , también puede cambiar las opciones de estilo, como cuántas publicaciones o líneas de texto mostrar. Tenga en cuenta que todos los enlaces Leer más se abrirán en la publicación completa en el sitio original. </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/AddRSSFeed3_en-US.png"/> </a> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <span> Tenga en cuenta: el widget de fuente RSS solo puede mostrar publicaciones de una fuente externa y no puede crear nuevas publicaciones. </span> <br/> </div> </div> Wed, 13 Nov 2019 14:34:48 GMT https://soporte.misitio.app/articulos/agregar-fuente-rss thumbnail Agregar un botón PayPal https://soporte.misitio.app/articulos/agregar-un-boton-paypal <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> El widget Botón de PayPal facilita a los visitantes del sitio web enviarle dinero con PayPal. Puede usar el botón PayPal tanto para recolectar donaciones como para vender productos. </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <div> <div> Agregue el widget de botón de PayPal en su sitio web receptivo.  </div> <div> Una vez que se haya colocado el widget, aparecerá el Editor de contenido. </div> <div> <br/> </div> <div> <b> Configura tu botón de PayPal  </b> </div> <div> <b> <br/> </b> </div> <div> Para configurar su botón de PayPal, siga estos pasos. </div> <div> <br/> </div> <div> 1. Ingrese un nombre de usuario de PayPal. </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/paypal1_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <br/> </div> <div> 2. Elija un tipo de transacción: Comprar o Donar. </div> <div> <br/> </div> <div> 3. Ingrese un nombre de elemento. </div> <div> <br/> </div> <div> 4. Ingrese un precio. </div> <div> <br/> </div> <div> 5. Use el menú desplegable para elegir una moneda. </div> <div> <br/> </div> <div> 6. Ingrese un costo de envío. </div> <div> <br/> </div> <div> 7. Ingrese un porcentaje de impuestos. </div> <div> <br/> </div> <div> 8. Seleccione un idioma de botón. </div> <div> <br/> </div> <div> <b> Diseño </b> </div> <div> <b> <br/> </b> </div> <div> Abra el Editor de diseño haciendo clic en la pestaña de diseño en la esquina superior izquierda para cambiar el estilo y el espaciado del botón de PayPal. Cambie el estilo y el tamaño del botón en la sección de estilo. </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/paypal9_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <br/> </div> <div> Personalice el relleno y los márgenes (espaciado alrededor del widget) en la sección de espaciado . </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <span> Para usar las funciones del widget de PayPal, debe tener una cuenta de PayPal. </span> <br/> </div> </div> Wed, 13 Nov 2019 14:34:31 GMT https://soporte.misitio.app/articulos/agregar-un-boton-paypal thumbnail Agregar un widget de espaciador https://soporte.misitio.app/articulos/agregar-un-widget-de-espaciador <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> Romper visualmente su contenido hace que sea más fácil de leer y mejora el aspecto general de su sitio. El widget espaciador le permite agregar rápidamente espacio vertical entre párrafos, imágenes u otros widgets. Distribuya su información y contenido para crear una página web profesional. </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <div> <div> Agregue el widget Espaciador vertical en su sitio web receptivo. </div> <div> Una vez que se haya colocado el widget espaciador, aparecerá el menú de diseño. Aquí, puede cambiar la altura del espaciador. </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/AddASpacerWidget1_en-US.png"/> </a> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/AddASpacerWidget2_en-US.png"/> </a> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> Otra forma de espaciar sus widgets y contenido es usar la función de espaciado ubicada en el Editor de diseño dentro de cada widget. </font> </div> </div> Wed, 13 Nov 2019 13:18:47 GMT https://soporte.misitio.app/articulos/agregar-un-widget-de-espaciador thumbnail Agregar una fuente de Twitter https://soporte.misitio.app/articulos/agregar-una-fuente-de-twitter <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> El feed de Twitter se conecta con su cuenta de Twitter y muestra automáticamente nuevos mensajes en su sitio web cada vez que twittea. Las redes sociales son una excelente manera para que los clientes se mantengan actualizados con su negocio, ¡así que facilite a sus visitantes conectarse con usted y ver lo que tiene que decir!   </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <div> <div> Agregue el widget de Twitter Feed en su sitio web receptivo.  </div> <div> Aparecerá el Editor de contenido. Agregue su nombre de usuario de Twitter para conectar su cuenta al feed de Twitter. </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/AddATwitterFeed1_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Use el Editor de diseño para regular la cantidad de tweets que se muestran en el feed. También puede realizar ediciones en el espaciado . </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/AddATwitterFeed2_en-US.png"/> </a> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> Si está utilizando un sitio para su negocio, asegúrese de conectar su cuenta de Twitter y no su cuenta personal de Twitter. </font> </div> </div> Wed, 13 Nov 2019 12:49:37 GMT https://soporte.misitio.app/articulos/agregar-una-fuente-de-twitter thumbnail Agregar deslizador de imágenes https://soporte.misitio.app/articulos/agregar-deslizador-de-imagenes <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> Agregue un widget Deslizador de imágenes a su sitio web para mostrar un conjunto de imágenes, una después de la otra, en una fila o columna. Puede agregar varias imágenes que se mostrarán como una presentación. En lugar de tener múltiples widgets de imagen atestando sus filas y columnas, use un único widget de deslizador de imágenes para realizar el trabajo. </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <div> <div> <span> <b> Agregar widget de control deslizante de imagen al sitio web </b> </span> </div> <div> <span> <b> <br/> </b> </span> </div> <div> <span> Agregue un widget de control deslizante de imagen en su sitio web receptivo.  </span> </div> <div> <span> Aparecerá el Editor de contenido. </span> </div> <div> <span> <br/> </span> </div> <div> <span> <b> Agregar una imagen </b> </span> </div> <div> <span> <b> <br/> </b> </span> </div> <div> <span> Agregue una imagen haciendo clic en el botón Agregar imagen o haciendo clic en cualquier punto de imagen en blanco. Esto abrirá el cuadro de diálogo Elegir y colocar una imagen para que pueda elegir la imagen que desea agregar.   </span> <br/> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/AddImageSlider2_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Desde aquí, puedes: </font> </div> <div> <ol> <li> <font color="#595959"> Seleccione la carpeta con las imágenes que desea usar. </font> </li> <li> <font color="#595959"> Presione el ícono "+" para cargar su propia imagen </font> </li> <li> <font color="#595959"> Cambie a la Vista completa para obtener más opciones de elección de imagen. </font> </li> </ol> </div> <div> <font color="#595959"> <b> Editar / reemplazar una imagen </b> </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> Al hacer clic en una imagen que ya se ha agregado al control deslizante, se abrirá un cuadro de diálogo Configuración de imagen a la derecha.  </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Haga clic en el botón Reemplazar para abrir nuevamente el cuadro de diálogo Elegir y colocar una imagen para que pueda elegir una imagen diferente. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Haga clic en el botón Editar para abrir nuestro editor de imágenes incorporado donde puede agregar características y estilos simples a su imagen. </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/AddImageSlider4_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <font color="#595959"> <b> Eliminar una imagen </b> </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> Haga clic en la X gris en la esquina superior de la miniatura de la imagen para eliminarla. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> <b> Configuraciones de imagen </b> </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> Se pueden ver más opciones para cada imagen desplazándose hacia abajo en el cuadro de diálogo Configuración de imagen. Éstos incluyen: </font> </div> <div> <ul> <li> <font color="#595959"> Agregar enlace a diapositiva : convierte la imagen completa en un botón que se puede vincular como un widget de botón. </font> </li> <li> <font color="#595959"> Título del control deslizante : agrega texto grande a la imagen del control deslizante. </font> </li> <li> <font color="#595959"> Título del control deslizante : agrega texto más pequeño a la imagen del control deslizante debajo del texto del título. Use el Editor de texto enriquecido para agregar color, énfasis (negrita, cursiva y subrayado) y viñetas al texto en el cuadro de título. </font> </li> <li> <font color="#595959"> Botón : agrega un botón a la imagen del control deslizante que se puede vincular como un widget de botón. </font> </li> <li> <font color="#595959"> Texto alternativo: agrega texto alternativo para mostrar por razones de SEO o cuando la imagen no se puede mostrar. </font> </li> </ul> </div> <div> <br/> </div> <div> <font color="#595959"> <b> Mostrar imágenes completas </b> </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> Cuando se agregan imágenes al control deslizante de imágenes, no se mostrarán en sus dimensiones naturales. Estas imágenes se muestran para llenar las dimensiones del control deslizante de la imagen, de modo que las imágenes pueden estirarse o volverse borrosas. Para mostrar imágenes en sus dimensiones naturales, puede alternar la opción 'Mostrar imagen completa' en el Editor de diseño. </font> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/AddImageSlider7_en-US.png"/> </a> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> Agrupar todas sus fotos en un widget es útil y ahorra mucho espacio. Sin embargo, ciertos casos requieren imágenes individuales. Por ejemplo, es posible que necesite un párrafo que explique una sola imagen que no se puede incluir en un grupo de imágenes en el control deslizante de imágenes. </font> </div> </div> Wed, 13 Nov 2019 12:36:20 GMT https://soporte.misitio.app/articulos/agregar-deslizador-de-imagenes thumbnail Agregar un párrafo https://soporte.misitio.app/articulos/agregar-un-parrafo <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> Use el widget de párrafo para agregar texto a su sitio web. Use este texto para introducir a los visitantes a su sitio web, ofrecerles información o dar instrucciones. </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <div> <div> <span> Agregue un widget de párrafo a su sitio web receptivo. </span> </div> <div> <span> Haga clic en el área marcada como un nuevo párrafo y comience a escribir.    </span> <br/> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/paragraph1_en-US+%281%29.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Para personalizar el texto en el párrafo (estilo de fuente, tamaño, dirección y más) use el editor en línea . </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/paragraph2_en-US.png"/> </a> </div> <h3> <span> Diseño </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> Abra el Editor de diseño haciendo clic derecho en el widget de párrafo y seleccionando 'Editar diseño' para cambiar el estilo y el espaciado. Cambie los estilos de fondo y borde en la sección de estilo. Personalice el relleno y los márgenes (espaciado alrededor del widget) en la sección de espaciado . </font> </div> </div> Wed, 13 Nov 2019 12:10:30 GMT https://soporte.misitio.app/articulos/agregar-un-parrafo thumbnail Agregar widget Lista https://soporte.misitio.app/articulos/agregar-widget-lista <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> ¡Muestre su contenido en una lista conveniente y estéticamente agradable! El widget Lista le permite mostrar contenido en uno de varios diseños con formato previo, lo que facilita organizar información o contenido para los visitantes de su sitio.  </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <div> <div> <font color="#595959"> Agregue el widget Lista a su sitio web receptivo. Para obtener más información sobre cómo agregar widgets a su sitio web, consulte Agregar widgets .  </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Una vez que se ha colocado el widget, aparecerá el editor de Contenido de la lista.   </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/1.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <font color="#595959"> Desde aquí, puede seleccionar algunas opciones básicas para las imágenes o enlaces que se asociarán con cada elemento de su lista. Una vez que haya hecho sus selecciones, haga clic en el botón "construir su lista" para comenzar a agregar contenido. </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/2.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <br/> </div> <div> <font color="#595959"> Desde esta pantalla, puede modificar los elementos de la lista existente, agregar otros nuevos y elegir agregar un título para su lista. Haga clic en cualquier elemento existente para modificar el contenido del elemento. Cada elemento puede tener una imagen, una etiqueta, una descripción y un enlace. Para cada elemento de la lista, puede elegir ocultar algunos o todos estos campos. También puede reordenar los elementos de la lista haciendo clic y arrastrando los 3 puntos a la izquierda de cada elemento. Después de agregar su contenido, haga clic en la pestaña de diseño en la parte superior para modificar la apariencia del widget de la lista. </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/3.png"/> </a> </div> <div data-rss-type="text"> <div> <br/> </div> <div> Desde aquí puede controlar la mayoría de las opciones sobre cómo se muestra la lista en su sitio. Haga clic en el diseño para seleccionar uno de los 5 diseños diferentes. Haga clic en Título de la lista, Título del elemento, Descripción del elemento o enlace para controlar el estilo del texto para esos campos. Haga clic en la imagen para modificar el borde de las imágenes y darles bordes redondeados. Haga clic en el divisor para seleccionar entre varios estilos de divisor diferentes. También puede modificar la configuración de fondo, espaciado y borde para todo el elemento.  </div> <div> <br/> </div> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <ul> <li> <font color="#595959"> Puede volver a la primera pantalla que le permite configurar si se muestran enlaces e imágenes haciendo clic en el texto con la etiqueta "haga clic aquí para cambiar elementos" dentro de la pestaña de contenido. </font> </li> <li> <font color="#595959"> Para listas más complejas, considere usar el widget del menú del restaurante o construir la lista con filas, columnas y otros elementos.  </font> </li> </ul> </div> </div> Wed, 13 Nov 2019 11:59:47 GMT https://soporte.misitio.app/articulos/agregar-widget-lista thumbnail Agregar widget Icono https://soporte.misitio.app/articulos/agregar-widget-icono <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> Elija de una biblioteca de más de 1000 iconos prediseñados o cargue su propio archivo SVG. Puede cambiar el color, efecto hover, fondo, borde y más elementos de icono. Use iconos para enfatizar su texto y equilibrar la disposición de su sitio.  </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <div> <div> <font color="#595959"> Agregue el widget Icon en su sitio web receptivo.  </font> </div> <div> <font color="#595959"> Una vez colocado el widget, abre el Editor de contenido. </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/iconwidget1_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <font color="#595959"> A partir de aquí, puede seleccionar qué icono desea usar, así como agregar un enlace, un texto alternativo y un texto emergente. Al seleccionar un icono, puede elegirlo en nuestra galería integrada o cargar el suyo como un archivo SVG. Una vez que haya instalado su icono, haga clic en la ficha de diseño para seleccionar opciones de presentación adicionales. </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/iconwidget2_en-US.png"/> </a> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <div> <span> Se puede cambiar el tamaño de los SVG sin pérdida de resolución. </span> <br/> </div> </div> </div> Tue, 12 Nov 2019 20:11:54 GMT https://soporte.misitio.app/articulos/agregar-widget-icono thumbnail Encabezado reducido https://soporte.misitio.app/articulos/encabezado-reducido <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font> El encabezado reducido es una versión más pequeña del encabezado del sitio, lo que le permite mantener información de navegación importante en un punto fijo sin distraer a los usuarios cuando se desplazan hacia abajo en la página y sin ocupar demasiado espacio. Funciona como una característica de encabezado estático pero condensa el tamaño de los logotipos y otros widgets incluidos en el encabezado. Es particularmente útil en sitios que tienen encabezados grandes y sitios que están diseñados para un desplazamiento largo.  </font> </div> <div> <font> <br/> </font> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/shrinkingheader.gif"/> </a> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <div> <font color="#595959"> Abra el Editor de diseño del encabezado haciendo clic en el icono del encabezado y seleccionando 'Editar diseño'. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Para habilitar el encabezado reducido, haga clic en el botón de marca de verificación. </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/shrinkingheader2.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> <b> ¿Qué sucede cuando se activa el encabezado reducido? </b> </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> Cuando se activa el encabezado reducido: </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <ul> <li> <font color="#595959"> El sitio se desplaza un poco hacia abajo para mostrar los efectos del encabezado reducido. </font> </li> <li> <font color="#595959"> La función de encabezado estático se aplica automáticamente al encabezado. </font> </li> <li> <font color="#595959"> El espacio del encabezado cambiará el margen superior / inferior y los márgenes a 0. Tenga en cuenta que esto cambia el margen y el margen del encabezado, no las filas dentro del encabezado. </font> </li> <li> <font color="#595959"> Las imágenes en el encabezado se reducirán al porcentaje en la barra de tamaño del logotipo (predeterminado = 66%). Tenga en cuenta que todas las imágenes en el encabezado se reducirán al tamaño del logotipo. </font> </li> <li> <font color="#595959"> La configuración de encabezado reducido no cambia cuando se cambia el diseño de encabezado. </font> </li> <li> <font color="#595959"> No todos los widgets son compatibles y aparecerán en el encabezado reducido. Los siguientes son los únicos widgets que se mostrarán en un encabezado reducido: </font> </li> <ul> <li> <font color="#595959"> Navegación </font> </li> <li> <font color="#595959"> Widget de sitio multilingüe </font> </li> <li> <font color="#595959"> Iconos de redes sociales </font> </li> <li> <font color="#595959"> Botón Clic para llamar </font> </li> <li> <font color="#595959"> Botón OpenTable </font> </li> <li> <font color="#595959"> Botón Clic para correo electrónico </font> </li> <li> <font color="#595959"> vCita </font> </li> <li> <font color="#595959"> Botón PayPal </font> </li> <li> <font color="#595959"> Botón Me gusta de Facebook </font> </li> <li> <font color="#595959"> Imágenes y logotipos </font> </li> <li> <font color="#595959"> Carrito de compras </font> </li> <li> <font color="#595959"> Widgets de párrafo </font> </li> <li> <font color="#595959"> Widgets de título </font> </li> <li> <font color="#595959"> Botones </font> </li> </ul> </ul> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> <b> Opciones de personalización del diseño </b> </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> En el Editor de diseño, puede cambiar la siguiente configuración para personalizar el encabezado reducido: </font> </div> <div> <ul> <li> Mostrar solo fila de navegación: solo se mostrará la fila con la navegación cuando el encabezado se reduzca. Esta característica solo es aplicable si hay más de una fila en el encabezado. </li> <li> Tamaño del logotipo: cambia el tamaño al que se reduce el logotipo o la imagen cuando se reduce el encabezado (predeterminado = 66%) </li> <li> Color de fondo: cambia el color de fondo del encabezado de contracción. Tenga en cuenta que el color de fondo de la fila anula el color de fondo del encabezado. </li> <li> Espaciado de encabezado: permite a los usuarios ajustar el relleno superior e inferior del encabezado de contracción. Puede cambiar el espaciado del encabezado por dispositivo. </li> </ul> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> <b> ¿Qué efectos tiene un encabezado reducido? </b> </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> Una vez que el desplazamiento del usuario pase la altura del encabezado, el encabezado se reducirá. Cuando el encabezado se reduce: </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <ul> <li> <font color="#595959"> Si las columnas tienen un widget visible, el widget se centrará en la columna de manera vertical y el relleno superior/inferior y los márgenes se establecerán en 0. </font> </li> <li> <font color="#595959"> Si las columnas tienen más de un widget visible, los widgets no se alinearán verticalmente y el relleno superior/inferior y los márgenes se establecerán en 10 px. </font> </li> <li> <font color="#595959"> Si hay filas vacías con columnas, las columnas abarcarán todo el espacio de la fila.  </font> </li> <li> <font color="#595959"> Para manejar plantillas con un valor de altura mínima en el encabezado, la altura mínima del encabezado se establece en auto. </font> </li> </ul> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <div> <span> <b> ¿Puedo editar los widgets cuando el encabezado se reduce? </b> </span> <br/> </div> <div> <span> <b> <br/> </b> </span> </div> <div> <font color="#595959"> No. Tendrá que desplazarse hasta la parte superior del sitio para poder hacer cambios en el encabezado. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> <b> ¿En cuáles vistas y configuraciones estará disponible el encabezado reducido? </b> </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> El encabezado reducido está disponible en las vistas Escritorio y Tableta. Los encabezados reducidos solo se pueden activar/desactivar cuando el encabezado se convierte en una fila. Si el encabezado no es una fila y la plantilla tiene un encabezado fijo, la opción de encabezado reducido no estará disponible. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> <b> ¿Cambiará el encabezado reducido el relleno y el espaciado de los márgenes aplicado a las filas que están dentro del encabezado? </b> </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> No, el encabezado reducido contraerá el encabezado estableciendo el relleno superior/inferior y los márgenes en 0; sin embargo, si se aplica espaciado a las filas que están dentro del encabezado, no cambiará el relleno ni los márgenes de estas filas.  </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> <b> ¿Las propiedades de diseño del encabezado reducido anularán las propiedades de las filas (p. ej.: el color de fondo)?  </b> </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> No, las propiedades de diseño de las filas anulan las propiedades del encabezado reducido. Por ejemplo, si usted establece un fondo de fila en el encabezado, el fondo de fila se mostrará sobre el fondo del encabezado reducido.   </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> <b> ¿Qué pasa si hay un widget en el encabezado que no aparece en el encabezado reducido? </b> </font> </div> <div> <font color="#595959"> Si coloca un widget en el encabezado que no es compatible con el encabezado reducido, aparecerá una columna vacía en lugar del widget cuando se active el encabezado reducido.  </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> <b> ¿Se muestran las filas vacías en el encabezado reducido? </b> </font> </div> <div> <font color="#595959"> Sí. Incluso si elimina el widget de una fila para crear una fila vacía, el relleno y los márgenes de la fila no desaparecerán y se mostrarán en el encabezado reducido. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> <b> ¿Qué pasa si agrego un logotipo central a la navegación o cambio el logotipo? </b> </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> El logotipo central también se reducirá como lo hace el logotipo normal, pero si cambia el logotipo, tendrá que redefinir el tamaño del mismo. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> ¿Los widgets se alinearán con respecto a la fila o la columna? </font> </div> <div> <font color="#595959"> Los widgets se alinean verticalmente en el centro de la columna. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> <b> ¡No puedo ver mi encabezado reducido! ¿Qué pasó? </b> </font> </div> <div> <font color="#595959"> Si la longitud de la página es igual al tamaño del puerto de vista, no podrá ver el encabezado reducido. Debe tener suficientes filas en el sitio para poder desplazarse en él y activar el encabezado reducido. Si solo tiene una fila en la página, el sitio no se desplazará y el encabezado reducido no se activará. </font> </div> </div> </div> Tue, 12 Nov 2019 17:03:42 GMT https://soporte.misitio.app/articulos/encabezado-reducido thumbnail Edición de sitios en una tableta https://soporte.misitio.app/articulos/edicion-de-sitios-en-una-tableta <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font> Nota: Debido al </font> <a href="http://soporte.misitio.app/articulos/actualizacion-de-ios13-para-tabletas" target="_blank"> <font> lanzamiento reciente de Apple para iPad (iPadOS) </font> </a> <font> , los iPad tendrán la misma vista que la computadora de escritorio, lo que significa que ya no se visualizarán las personalizaciones para tabletas en iPadOS. </font> </div> <div> <font> <br/> </font> </div> <div> <font> Ahora puede crear y editar todos sus sitios web desde su tableta. Con una súper sofisticada interfaz de usuario y sencillos controles mediante toques, puede crear, publicar y editar todos los sitios web de sus clientes en cualquier lugar donde se encuentre. </font> </div> <div> <font> <br/> </font> </div> <div> <font>  En una tableta, usted tiene toda la flexibilidad de edición del sitio que tiene en un equipo de escritorio, que incluye:  </font> </div> <div> <ul> <li> <font> Crear un nuevo sitio </font> </li> <li> <font> Agregar y eliminar widgets </font> </li> <li> <font> Editar widgets </font> </li> <li> <font> Cargar imágenes y agregarlas a su sitio   </font> </li> <li> <font> Editar texto e imágenes </font> </li> </ul> </div> <div> <font>  Esto significa que no necesita estar en su equipo de escritorio para editar sus sitios web. Puede hacerlo desde su lugar usual de negocios o de trabajo, en el tren, en una cafetería o desde cualquier lugar en el que se encuentre. Si tiene su tableta, puede acceder al editor responsivo. </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <div> <font color="#595959"> El nuevo editor de tableta está diseñado para hacer que la edición sobre la marcha sea fácil e intuitiva. Sin embargo, hay algunas características de diseño que difieren del editor adaptable de equipos de escritorio. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> <b> Uso de la barra superior </b> </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> La barra superior en el editor de tableta ofrece exactamente la misma funcionalidad que el editor de escritorio. Haga clic en los tres puntos para que se muestren las fichas Modo de desarrollador, Ayuda y Dashboard. </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/tablet_1_en-us.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> <b> Agregar y editar widgets en tabletas  </b> </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> Cuando edita en su tableta, no puede agregar widgets usando el menú de la izquierda. En su lugar, haga clic en cualquier elemento del sitio y se abrirá una barra negra.Agregar y editar widgets en tabletas  </font> </div> <div> <font color="#595959"> Cuando edita en su tableta, no puede agregar widgets usando el menú de la izquierda. En su lugar, haga clic en cualquier elemento del sitio y se abrirá una barra negra. </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/tablet_2_en-us.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <br/> </div> <div> <font color="#595959"> Con la barra negra, usted puede: </font> </div> <div> <ul> <li> <font color="#595959"> Acceder a todos los valores de configuración del menú contextual </font> </li> <li> <font color="#595959"> Editar widgets </font> </li> <li> <font color="#595959"> Mover widgets a cualquier lugar en la página </font> </li> <li> <font color="#595959"> Agregar widgets directamente (sin necesidad de arrastrar y soltar) </font> </li> <li> <font color="#595959"> Enlace Ir a  </font> </li> </ul> </div> <div> <font color="#595959"> El panel de widgets se abre directamente, justo a la derecha de la ficha +Widget en la barra negra. Desde allí puede buscar y agregar widgets.   </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Los widgets que se agregan al sitio en el editor de tableta siempre se colocarán debajo del elemento que usted seleccionó. Por ejemplo, si hizo clic en un botón para subir la barra de edición negra y decidió agregar un nuevo widget, el nuevo widget aparecerá debajo del botón seleccionado. Después de que se coloca un widget, puede arrastrarlo y soltarlo en la ubicación deseada.   </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Verá controladores de widget en las esquinas de cada widget y elemento. Estos facilitan cambiar el tamaño del widget. </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/image2.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <br/> </div> <div> <font color="#595959"> <b> Eliminación de widgets  </b> </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> No hay botón de eliminar en la barra de edición negra. Esto es para asegurar que nadie elimine un widget por accidente. Para eliminar un widget, haga clic en el icono Configuración y haga clic en eliminar.    </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> <b> Cargar imágenes </b> </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> Puede cargar una foto tomada con la cámara (puede ser una excelente manera de actualizar un widget de imagen o la imagen de un producto de una tienda sobre la marcha). </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Si está usando un iPad, podrá cargar una imagen desde iCloud </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/tablet_4_en-us.png"/> </a> </div> <h3> <span> Limitaciones de la edición en tableta </span> </h3> <div data-rss-type="text"> <div> <div> <span> Ahora editar su sitio es más fácil y resulta más eficiente con las características de edición en tableta disponibles. Sin embargo, hay características específicas que se pueden ver o editar solamente en el editor adaptable de escritorio. </span> </div> <div> <span> <br/> </span> </div> <div> <span> <b> Elementos no visibles en las tabletas </b> </span> </div> <div> <span> <b> <br/> </b> </span> </div> <div> <span> Algunos elementos están visibles solamente en sitios para equipos de escritorio. Estos elementos incluyen: </span> </div> <div> <ul> <li> <span> Fondos de paralaje </span> </li> <li> <span> Encabezado adhesivo </span> </li> <li> <span> Fondos de video (en algunos dispositivos) </span> </li> <li> <span> Textos emergentes que explican que la característica solamente se puede usar en equipos de escritorio  </span> </li> </ul> </div> <div> <span> Aunque estas características pudieran no ser visibles mientras edita su sitio web en una tableta, eso no significa que no estén habilitadas en su sitio para equipos de escritorio. Por ejemplo, usted puede habilitar un fondo de video en una fila mientras edita en una tableta, pero solo podrá ver ese cambio en la versión para escritorio de su sitio. No aparecerá mientras edita en una tableta. </span> </div> <div> <span> <br/> </span> </div> <div> <span> <b> Agregar un blog </b> </span> </div> <div> <span> <b> <br/> </b> </span> </div> <div> <span> No se pueden agregar blogs al sitio en el menú de la izquierda cuando se edita en una tableta. Igualmente, no se pueden agregar widgets de blog a páginas de su sitio. Si tiene un blog en su sitio, puede editar el contenido y el diseño del widget de blog; sin embargo, no puede acceder al menú de administración de blogs desde el menú de la izquierda. </span> </div> <div> <span> <br/> </span> </div> <div> <span> <b> Textos emergentes </b> </span> </div> <div> <span> <b> <br/> </b> </span> </div> <div> <span> Los textos emergentes no están disponibles en la barra superior, editor de texto o cerrar elemento emergente. Los textos emergentes están disponibles en los widgets.  </span> </div> <div> <span> <br/> </span> </div> <div> <span> <b> Navegación entre páginas </b> </span> </div> <div> <span> <b> <br/> </b> </span> </div> <div> <span> Cuando edita en una tableta, no puede usar los enlaces de navegación para navegar entre páginas. Para navegar entre páginas, use el menú de la izquierda para hacer clic en la lista desplegable de páginas, luego haga clic en el enlace a la página. </span> </div> <div> <span> <br/> </span> </div> <div> <span> <b> Presentación de la regla de personalización </b> </span> </div> <div> <span> <b> <br/> </b> </span> </div> <div> <span> Las reglas de personalización existentes no se muestran en el panel de la izquierda en el menú de la izquierda. Sin embargo, aún puede agregar y editar las reglas de personalización en una tableta.  </span> <br/> </div> <div> <br/> </div> </div> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <div> <font color="#595959"> <b> No puedo seleccionar la columna que deseo editar. ¿Cómo selecciono una columna específica? </b> </font> </div> <div> <font color="#595959"> Si no puede seleccionar una columna específica haciendo clic en ella, use la opción seleccionar contenedor en el menú contextual de widgets. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> <b> ¿Cómo agrego una nueva sección? </b> </font> </div> <div> <font color="#595959"> Para agregar una nueva sección al sitio, haga clic en cualquier elemento. Aparecerá el símbolo +, que le da la opción de agregar una sección </font> </div> </div> </div> Tue, 12 Nov 2019 15:57:11 GMT https://soporte.misitio.app/articulos/edicion-de-sitios-en-una-tableta thumbnail Dispositivos móviles Encabezado y menú expandible https://soporte.misitio.app/articulos/dispositivos-moviles-encabezado-y-menu-expandible <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> La disposición del menú expandible para dispositivos móviles ofrece más personalizaciones y una manera de mostrar widgets en el encabezado y el menú que siempre estará visible incluso si el usuario se desplaza hacia abajo en el sitio. </font> </div> <div> <font color="#595959"> Puede cambiar la disposición del encabezado a una disposición predefinida que incluya cualquier llamado a la acción que desee, como botones, clic para llamar, carrito de compras, iconos de redes sociales y más. Puede agregar cualquier widget al menú expandible -solo arrastre y suelte desde el panel de widgets.  </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <div> <span> Puede actualizar al nuevo encabezado de vista para dispositivos móviles haciendo clic en el encabezado en la vista para dispositivos móviles. Se crea una copia de seguridad automática cuando usted actualiza el encabezado. Nota: este paso solo se aplica a sitios existentes, no se refiere a sitios nuevos. </span> <br/> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/editing_header1.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <font color="#595959"> <br/> </font> </div> <div> <span> <b> Encabezado  para dispositivos móviles </b> </span> </div> <div> <span> <b> <br/> </b> </span> </div> <div> <font color="#595959"> Para editar el encabezado para dispositivos móviles, mantenga el cursor sobre el encabezado y haga clic en la etiqueta Encabezado. Luego seleccione Editar diseño. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959">   </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> El encabezado para dispositivos móviles ofrece múltiples disposiciones que muestran widgets tales como enlaces de redes sociales, números de teléfono y más. Tome en cuenta que las disposiciones de encabezado son fijas, por lo que no puede agregar nuevos widgets, pero puede editarlos o eliminarlos.  </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959">   </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Cuando agregue una tienda o use la característica de sitio multilingüe en su sitio, habrá más opciones de disposición disponibles que incluyen los iconos para el carrito de compras de la tienda y la característica de sitio multilingüe. Si no tiene habilitada la tienda o la característica de sitio multilingüe, estas disposiciones no aparecerán.    </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/editing_header2.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <br/> </div> <div> <font color="#595959"> <b> Navegación para dispositivos móviles </b> </font> </div> <div> <span> <b> <br/> </b> </span> </div> <div> <font color="#595959"> Para editar el menú expandible, abra el menú en la vista para dispositivos móviles (también conocido como el icono hamburguesa). El editor de menú se abrirá automáticamente para que usted edite.  </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959">   </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> El menú expandible ofrece múltiples disposiciones que pueden mostrar los enlaces de redes sociales, la información de contacto y más. Puede agregar cualquier widget que desee al menú expandible, agregar columnas, ordenar las columnas para que estén una al lado de la otra o una sobre la otra. Sin embargo, cuando cambia de una disposición a otra, se eliminará todo el contenido que haya agregado al menú y se usarán solo los widgets de la disposición seleccionada. </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/editing_header3.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <br/> </div> <div> <font color="#595959"> Puede cambiar el efecto de entrada, de forma que el menú cambió desde arriba o lateralmente. Al cambiar esta configuración, también puede cambiar la anchura (al seleccionar el efecto de entrada lateral) o la altura (al seleccionar el efecto de entrada desde arriba). </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Otra opción es presionar el sitio o mostrar el menú en la parte superior del sitio. </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/audio_widget3-en-US-8bfaa106.png"/> </a> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <div> <span> <b> La última fila en mi navegación siempre está en la parte inferior, ¿puedo cambiar esto? </b> </span> <br/> </div> <div> <font color="#595959"> La última fila del menú hace las veces de pie de página en esta sección y siempre aparecerá en la parte inferior, sin importar el tamaño de la pantalla del teléfono. Si elimina el contenido de la fila, no lo verá.  </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> <b> Agregué la característica de sitio multilingüe, pero no puedo verla en el encabezado para dispositivos móviles. </b> </font> </div> <div> <font color="#595959"> Una vez que se agregue la característica de sitio multilingüe al sitio, la agregaremos automáticamente al menú expandible. Para agregarla al encabezado, deberá seleccionar una nueva disposición de encabezado que incluya la característica de sitio multilingüe.  </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> <b> ¿Cuáles disposiciones de sitio tienen estas capacidades?   </b> </font> </div> <div> <font color="#595959"> El menú expandible es pertinente para 2 de las 5 disposiciones para dispositivos móviles. Después de cambiar a cualquier disposición del sitio, crearemos automáticamente una copia de seguridad del sitio en configuración del sitio.  </font> </div> <div> <br/> </div> </div> </div> Mon, 11 Nov 2019 17:05:49 GMT https://soporte.misitio.app/articulos/dispositivos-moviles-encabezado-y-menu-expandible thumbnail Escritorios y tabletas Encabezado y menú expandible https://soporte.misitio.app/articulos/escritorios-y-tabletas-encabezado-y-menu-expandible <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> Puede tener un menú expandible en sus sitios web para escritorios y tabletas, lo que facilita crear sitios modernos que tienen una excelente flexibilidad de diseño. Elija entre varias disposiciones de menú expandible y personalícelas como desee, agregando widgets, filas y columnas. Los encabezados también son completamente personalizables, por lo que puede agregar y enfatizar cualquier cosa que desee allí. </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <div> <font color="#595959"> <b> Elección de la disposición de menú expandible </b> </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> Para elegir la disposición de menú expandible para su sitio, vaya a la ficha Diseño en el menú de la izquierda y haga clic en Disposición del sitio. En la vista de escritorio, elija la disposición de la parte inferior; en la vista de tablea, elija la disposición de la derecha. </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/desktop_tablet_header_expandable1_es-419.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <font color="#595959"> <br/> </font> </div> <div> <span> <b> Encabezado de escritorios y tabletas </b> </span> </div> <div> <span> <b> <br/> </b> </span> </div> <div> <span> Después de seleccionar la disposición de menú expandible, verá un icono de hamburguesa en el encabezado de su sitio, el cual revela el menú expandible al hacer clic. </span> </div> <div> <span> <br/> </span> </div> <div> <span>   </span> </div> <div> <span> <br/> </span> </div> <div> <span> Para editar el encabezado, mantenga el cursor y haga clic en la etiqueta Encabezado, luego seleccione Editar diseño. En este editor puede cambiar la posición del icono de menú y personalizar el fondo, el espaciado, etc.  </span> <br/> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/desktop_tablet_header_expandable2_es-419.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <br/> </div> <div> <span> <b> Menú expandible de escritorio y tableta </b> </span> </div> <div> <span> <b> <br/> </b> </span> </div> <div> <span> Para editar el menú expandible, haga clic en el icono del menú de hamburguesas para abrir el Editor de diseño de menú. Desde aquí, elija entre varios diseños de menú, controle desde dónde entrará el menú (superior / lateral), qué efecto de entrada tiene (cubrir / presionar) y más. </span> </div> <div> <span> <br/> </span> </div> <div> <span>   </span> </div> <div> <span> <br/> </span> </div> <div> <span> El menú expandible puede tener hasta 3 filas, y cada una está totalmente personalizada. El ancho del menú se define en porcentajes para adaptarse a todos los tamaños de pantalla. </span> </div> <div> <span> <br/> </span> </div> <div> <span>   </span> </div> <div> <span> <br/> </span> </div> <div> <span> Nota: Si la vista de escritorio y tableta tiene el mismo diseño de sitio (tanto expandible como en la barra superior), las personalizaciones serán las mismas para ambas vistas. Si los diseños del sitio son diferentes, cada vista del dispositivo debe definirse por separado.  </span> <br/> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/desktop_tablet_header_expandable3_en-us.png"/> </a> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <div> <span> <b> ¿Qué sucede si tengo diferentes diseños de encabezado para las vistas de escritorio y tableta? </b> </span> <br/> </div> <div> <span> <b> <br/> </b> </span> </div> <div> <font color="#595959"> Si tiene diferentes diseños de encabezado para cada vista (por ejemplo, un encabezado de barra superior en el escritorio y un menú expandible en la tableta), la edición que realice en cada encabezado será independiente. Si tanto el escritorio como la tableta usan el mismo diseño de encabezado, las ediciones en un encabezado se aplicarán al otro encabezado. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959">   </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> <b> No tengo las características del encabezado mencionadas en este artículo. ¿Dónde los encuentro? </b> </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> Si no ve las características del encabezado mencionadas anteriormente, puede estar usando el encabezado anterior. Para actualizar al nuevo encabezado, haga clic en el encabezado en la vista de escritorio y tableta. Se crea una copia de seguridad automática cuando actualiza el encabezado. Nota: Este paso solo se aplica a los sitios existentes. No pertenece a nuevos sitios. </font> </div> <div> <br/> </div> </div> </div> Mon, 11 Nov 2019 16:49:42 GMT https://soporte.misitio.app/articulos/escritorios-y-tabletas-encabezado-y-menu-expandible thumbnail Disposición de barra lateral para equipos de escritorio https://soporte.misitio.app/articulos/disposicion-de-barra-lateral-para-equipos-de-escritorio <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> Ahora puede cambiar la disposición de su sitio para equipos de escritorio a una disposición de barra lateral. La disposición de barra lateral muestra el encabezado en un lado del sitio (a la izquierda o la derecha) y es una excelente herramienta de diseño para dar un aspecto único a su sitio. El encabezado de barra lateral también actúa como un encabezado adhesivo, por lo que siempre se mostrará en la pantalla y usted también puede arrastrar y soltar widgets en la barra lateral como con cualquier otra fila. </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <div> <font color="#595959"> Para cambiar la disposición de su sitio a una disposición de barra lateral, haga clic en la ficha Diseño en el menú de la izquierda, luego seleccione Disposición del sitio. </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/sidebar_1.1.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Después de seleccionar la disposición de barra lateral, puede agregar filas, arrastrar y soltar widgets en el encabezado de barra lateral desde el menú de widgets y personalizarla como desee.  </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959">   </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Para editar el diseño del encabezado de barra lateral, haga clic con el botón derecho y seleccione Editar diseño. Puede elegir una de las múltiples disposiciones de encabezado de barra lateral para aplicarla a su sitio, mostrarla a la izquierda o derecha de la pantalla, definir su anchura, etc.  </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/sidebar2.png"/> </a> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <div> <font color="#595959"> <b> Cuando cambio de un encabezado tradicional a una disposición de barra lateral, ¿se convertirán los widgets y el diseño de mi encabezado anterior a mi encabezado de barra lateral? </b> </font> </div> <div> <font color="#595959"> Cuando cambia de una disposición de sitio tradicional a una disposición de barra lateral, el encabezado conservará el logotipo y todos los widgets que tenía se eliminarán (parecido a cambiar la disposición del encabezado en la disposición de encabezado en la parte superior). El color de fondo se cambiará de acuerdo con la disposición que haya seleccionado.  </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> <b> ¿Puedo aplicar el encabezado reducido a la navegación de barra lateral? </b> </font> </div> <div> <font color="#595959"> El encabezado reducido no está disponible para la navegación de barra lateral. La barra lateral siempre se muestra en el sitio, independientemente de los desplazamientos en el sitio. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> <b> Mi encabezado de barra lateral desaparece a medida que la pantalla se hace más pequeña, ¿a dónde se va? </b> </font> </div> <div> <font color="#595959"> En pantallas con menos de 1090 píxeles de anchura, se ocultará el contenido de la barra lateral, excepto la primera imagen, y en su lugar se mostrará un icono de menú expandible. Puede personalizar el color del botón activador que aparecerá en el Editor de diseño. </font> </div> <div> <br/> </div> </div> </div> Mon, 11 Nov 2019 16:38:29 GMT https://soporte.misitio.app/articulos/disposicion-de-barra-lateral-para-equipos-de-escritorio thumbnail Agregar una carpeta de navegación https://soporte.misitio.app/articulos/agregar-una-carpeta-de-navegacion <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> Agrupar elementos de navegación secundaria es más fácil que nunca con Carpeta. Con la ayuda de esta característica, no tiene que crear una página adicional solo para organizar páginas o anclas relacionadas. Ahora puede agregar un elemento en el que no se puede hacer clic de la Carpeta a la navegación y agrupar todas las páginas o anclas relacionadas como sus elementos secundarios. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Carpeta aparece en la ficha Páginas para ayudarle a organizar sus elementos de navegación; sin embargo, Carpeta no incluye páginas reales. Solo incluye elementos para agrupar otros elementos. Por esta razón, los elementos específicos de página (como URL y optimización SEO) u opciones de edición (como duplicado o establecimiento de contraseña) están ausentes en la configuración de Carpeta.  </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <div> <font color="#595959"> <b> Agregar una carpeta </b> </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> Para agregar una carpeta, vaya a la ficha Páginas de su editor. Haga clic en + Nueva página. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Seleccione Carpeta en el menú emergente que se abre. </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/folder-links2_en-us.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Asigne un nombre a la nueva carpeta y haga clic en Agregar página. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Al agregar una carpeta, asegúrese de que es compatible con la disposición de la navegación en la vista móvil. Las carpetas no tendrán efecto si se colocan en la ranura asignada solo para elementos en los que se puede hacer clic, motivo por el cual pueden no funcionar en algunas disposiciones del menú móvil. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> La nueva carpeta aparecerá ahora en la lista de las páginas de su sitio web. Esta estará marcada con un icono de carpeta para distinguirla de las páginas reales. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> <b> Agrupar elementos secundarios en carpetas </b> </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Puede mover páginas o anclas al elemento de carpeta de la misma manera en que crea páginas secundarias. </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/folder-links5_en-us.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> <b> Editar carpetas </b> </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> Haga clic en el icono de configuración al lado de la ficha Carpeta para las opciones de Cambiar nombre, Ocultar en navegación (por dispositivo o en general) o Eliminar. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Recuerde que una carpeta no es una página real, por lo que no se le puede establecer un URL, asignar una contraseña, duplicar ni traducir. </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <div> <ul> <li> <font color="#595959"> La navegación puede tener hasta 3 niveles, por lo que las carpetas puede anidar hasta 2 niveles de elementos secundarios. Puede colocar carpetas dentro de carpetas como elementos de navegación de 2do nivel. Sin embargo, debido a que la navegación no puede tener más de 3 niveles, usted no puede utilizar una carpeta como elemento de 3er nivel (tendría que estar vacía).   </font> </li> <li> <font color="#595959"> Eliminar u ocultar una carpeta en la navegación eliminará u ocultará todos sus elementos anidados. </font> </li> </ul> </div> <div> <br/> </div> </div> </div> Mon, 11 Nov 2019 15:39:54 GMT https://soporte.misitio.app/articulos/agregar-una-carpeta-de-navegacion thumbnail Agregar un widget acordeón https://soporte.misitio.app/articulos/agregar-un-widget-acordeon <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> El widget de acordeón es una excelente manera de ayudar a los visitantes a encontrar exactamente la información que buscan fácilmente. Agréguelo a sus sitios y los visitantes no necesitarán desplazarse a través de bloques de contenido que no les interesan. En cambio, se les puede mostrar una lista de preguntas o títulos y simplemente elegir abrir aquellos sobre los que desean leer más. ¡Crear preguntas frecuentes compactas y fáciles de leer, productos destacados o listas de próximos eventos nunca ha sido tan fácil!   </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <div> <ol> <li> <font color="#595959"> Arrastre y suelte el widget de acordeón en cualquier lugar de su página. </font> </li> <li> <font color="#595959"> Agregar el widget abrirá el menú de edición de contenido. En este menú, puede agregar o modificar los campos del widget. </font> </li> </ol> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/accordion1_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> El menú de edición de contenido también ofrece la opción de elegir si prefiere ocultar el contenido de todos los elementos en el acordeón o mostrar solo el primer elemento cuando los usuarios abren el widget por primera vez. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Además, puede elegir si los visitantes pueden expandir solo un elemento a la vez o pueden ver varios elementos expandidos al mismo tiempo. </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/accordion2_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Dependiendo del diseño que elija, su widget de acordeón puede tener un icono de título. El ícono de título es el ícono al lado del título del elemento, y puede ser diferente en todos los elementos. Por ejemplo, es posible que desee configurar agregar un ícono de reloj junto a la hora de su evento, o un ícono de dinero junto a un elemento de fijación de precios. </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/accordion3%2C5_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> El menú de edición de diseño le permite controlar el diseño y el estilo del widget de acordeón. </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/accordion4_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> En el menú de edición de diseño de su widget Accordion puede: </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <ul> <li> <font color="#595959"> Cambiar el diseño </font> </li> <li> <font color="#595959"> Edite el estilo de texto y / o el color del Título, Descripción </font> </li> <li> <font color="#595959"> Editar opciones de diseño del icono expandible </font> </li> <li> <font color="#595959"> Edite las opciones de diseño de todo el widget en Frame Style </font> </li> <li> <font color="#595959"> Edite el espaciado del widget </font> </li> </ul> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <div> <ul> <li> <font color="#595959"> Cambiar el diseño del widget de acordeón puede anular algunas de las configuraciones que ha definido (por ejemplo, el espacio entre elementos). Verifique todas las configuraciones después de editar el widget y vuelva a crear las que faltan después de haber cambiado el diseño. </font> </li> <li> <font color="#595959"> Al editar los iconos, tome nota del tipo de icono que está editando. El ícono de título es el ícono al lado del título del elemento en ciertos diseños. </font> </li> <li> <font color="#595959"> Asegúrese de que la configuración de diseño que defina sea correcta por dispositivo. Como de costumbre, las configuraciones como el espaciado (del widget completo y los elementos individuales), el ancho y más se definen por dispositivo.  </font> </li> </ul> </div> <div> <br/> </div> </div> </div> Mon, 11 Nov 2019 15:11:59 GMT https://soporte.misitio.app/articulos/agregar-un-widget-acordeon thumbnail Agregar widget de audio https://soporte.misitio.app/articulos/agregar-widget-de-audio <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> Comparta canciones, podcasts, conciertos, tutoriales de audio y cualquier otro archivo de audio en su sitio con el widget Audio, que le permite incrustar cualquier archivo de audio o lista de reproducción de SoundCloud o Mixcloud directamente en su sitio. Simplemente cargue su archivo de audio a uno de estos servicios, o utilice un archivo público existente, copie el enlace y agréguelo a su sitio a través del widget Audio. </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <div> <font color="#595959"> 1. Seleccione un archivo existente o cargue su propio archivo en SoundCloud y Mixcloud y copie su enlace. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> 2. Arrastre y suelte el widget Audio en cualquier lugar de su página. Para aprender más sobre cómo agregar widgets a su sitio web, vea Adición de widgets. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> 3. Pegue el URL de Soundcloud o Mixcloud en la ventana. </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/audio_widget1-en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> 4. Tiene diferentes opciones de diseño para cada servicio. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Si usa Mixcloud, tendrá las opciones de disposición, visualización de imágenes en miniatura, esquema de colores claro/oscuro y ajuste del tamaño. </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/audio_widget2-en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Si usa SoundCloud, tendrá las opciones de disposición, color del icono de reproducción y ajuste del tamaño. </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/audio_widget3-en-US.png"/> </a> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <div> <font color="#595959"> Las opciones de disposición son diferentes para los archivos de SoundCloud y Mixcloud. Si desea mantener un diseño uniforme para todos los widgets de audio de su sitio, asegúrese de cargar todos los archivos de audio en la misma plataforma. </font> </div> <div> <br/> </div> </div> </div> Mon, 11 Nov 2019 15:00:13 GMT https://soporte.misitio.app/articulos/agregar-widget-de-audio thumbnail Datos conectados https://soporte.misitio.app/articulos/datos-conectados <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> Datos conectados le permiten conectar sus widgets de sitio a los datos que dentro del sitio de la biblioteca de contenido. Esto le permite tener una fuente de la verdad para crear sitios web más rápido, mantener sitios web, actualizada y exacta, garantizar la coherencia en todo el sitio de información importante y mucho más. Cuando widgets de sitios están conectados por medio de datos conectado, ya no necesitará cambiar manualmente los datos en cada uno de los widgets que son controlados a través de la biblioteca de contenido. </font> </div> </div> <h3> <span> Recopilar y editar los datos. </span> </h3> <div data-rss-type="text"> <div> <div> <font color="#595959"> Para conectar widgets a través de datos conectados, el contenido debe almacenarse en la biblioteca de contenido. Hay varias maneras de llenar la biblioteca de contenido con los datos (puede usar todos): </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <ul> <li> <font color="#595959"> Manualmente: vaya a la Biblioteca de contenido y agregue contenido: información comercial (direcciones, números de teléfono, enlaces sociales, etc.), texto, imágenes y más </font> </li> <li> <font color="#595959"> Mediante el formulario Recopilar del cliente: todo el contenido que su cliente completa en el formulario de recopilación de contenido se agrega automáticamente a la biblioteca de contenido. </font> </li> </ul> </div> </div> </div> <h3> <span> La estructura de datos conectado </span> </h3> <div data-rss-type="text"> <div> <div> <font color="#595959"> De datos para conectados por medio de datos conectados, debe tener una etiqueta y contenido. </font> </div> <div> <ul> <li> <font color="#595959"> Etiqueta: la etiqueta es la indicación única del contenido de la biblioteca que lo une al widget en el sitio. </font> </li> <li> <font color="#595959"> Contenido: la información (texto, imagen, teléfono, etc.) que está en la biblioteca de contenido y que una vez conectada a un widget se mostrará en el sitio web. </font> </li> </ul> </div> <div> <font color="#595959"> El contenido con el que puede llenar la biblioteca de contenido es de dos tipos: texto e imágenes. </font> </div> </div> </div> <h3> <span> Conectando datos a su sitio </span> </h3> <div data-rss-type="text"> <div> <div> <font color="#595959"> Los datos que puede conectar a los widgets en su sitio se resumen en la siguiente tabla: </font> </div> </div> </div> <h3> <span> Conectar datos a elementos del sitio </span> </h3> <div data-rss-type="text"> <div> <div> <ol> <li> <font color="#595959"> Para conectar datos a elementos del sitio, debe haber contenido en la Biblioteca de contenido. Si no hay contenido, la opción de Conectar datos no aparecerá en el sitio. </font> </li> <li> <font color="#595959"> Haga clic derecho en el widget que desea conectar a un campo de datos.   </font> </li> <li> <font color="#595959"> En el menú contextual, elija Conectar a datos . </font> </li> <li> <font color="#595959"> En la ventana emergente Conectar datos que se abre, seleccione el campo de datos al que desea conectar este widget. </font> </li> </ol> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/connected_data3-en-US-1.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <ol> <li> <font color="#595959"> Cualquier widget que conecte con éxito a los datos en la Biblioteca de contenido está marcado con un icono azul de datos de conexión.  </font> </li> </ol> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/connected_data4-en-US.png"/> </a> </div> <h3> <span> Editar datos </span> </h3> <div data-rss-type="text"> <div> <div> <font color="#595959"> El contenido que se está sincronizando a través de Datos conectados solo se puede editar en la Biblioteca de contenido. Los datos en el editor del sitio se actualizarán automáticamente . Recuerde volver a publicar el sitio después de realizar los cambios.  </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> El diseño de los elementos del sitio conectado se puede cambiar en cualquier momento. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Si ya está editando el widget conectado, para su comodidad, puede proceder a la Biblioteca de contenido y editar los datos a través de la ventana emergente Conectar datos haciendo clic en Editar datos seleccionados. </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/connected_data5_en-us.png"/> </a> </div> <h3> <span> Desconectar datos </span> </h3> <div data-rss-type="text"> <div> <div> <font color="#595959"> Para desconectar un widget de widget de datos conectados, haga lo siguiente: </font> </div> <div> <ul> <li> <font color="#595959"> Haga clic derecho en el elemento para abrir el menú contextual. </font> </li> <li> <font color="#595959"> Elija Cambiar conexión . </font> </li> <li> <font color="#595959"> En el menú desplegable, elija Ninguno. </font> </li> </ul> </div> <div> <font color="#595959"> Para los widgets que tienen menú de edición de contenido, si ya está en el editor de contenido de widgets, puede desplazarse sobre el icono azul en la esquina superior derecha y hacer clic en Desconectar.  </font> </div> </div> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <div> <ul> <li> <font color="#595959"> Si está conectando datos de texto, tomará los estilos de Texto global. Para cambiar el estilo del texto, vaya al editor de diseño del widget. El menú de edición de texto en línea no está disponible para los widgets de texto que están conectados. </font> </li> <li> <font color="#595959"> Desconectar un widget revertirá el texto y su estilo al utilizado anteriormente. </font> </li> <li> <font color="#595959"> Asegúrese de que las etiquetas que elija sean significativas y únicas. Esto lo ayudará a elegir fácilmente qué elemento de contenido debe conectarse a qué widget y evitará cambiar la etiqueta en el futuro.  </font> </li> <li> <font color="#595959"> Cambiar la etiqueta de la biblioteca de contenido mientras un widget está conectado desconectará el widget. </font> </li> <li> <font color="#595959"> La etiqueta del campo de la biblioteca de contenido no aparece en el sitio web. </font> </li> <li> <font color="#595959"> Algunos campos de la biblioteca de contenido tienen etiquetas predefinidas. Por ejemplo, las etiquetas para el logotipo o los campos de los iconos sociales están predefinidas. Otros campos, como Colecciones o campos de texto empresarial no predeterminados, tienen etiquetas personalizadas que debe definir usted mismo.  </font> </li> <li> <font color="#595959"> Cada sección de texto en la información comercial puede contener hasta 4000 caracteres. </font> </li> </ul> </div> </div> </div> <h3> <span> Solución de problemas </span> </h3> <div data-rss-type="text"> <div> <div> <ul> <li> <font color="#595959"> Si no ve la opción Datos conectados en el menú contextual de un widget, podría ser que la Biblioteca de contenido esté vacía. Asegúrese de que haya datos aquí. </font> </li> <li> <font color="#595959"> Si no ve una etiqueta que está buscando en el menú desplegable, verifique que el elemento de la Biblioteca de contenido que creó con esta etiqueta tenga contenido. Solo puede conectarse a etiquetas vacías en el modo Plantilla. </font> </li> <li> <font color="#595959"> Si no ve datos actualizados en un widget específico, asegúrese de que el widget esté conectado a la etiqueta correcta. </font> </li> </ul> </div> </div> </div> Mon, 11 Nov 2019 14:44:15 GMT https://soporte.misitio.app/articulos/datos-conectados thumbnail Agregar widget de feed de Facebook https://soporte.misitio.app/articulos/agregar-widget-de-feed-de-facebook <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> El feed de Facebook es una excelente manera de dar a sus visitantes una visión de su comunidad de Facebook, invitarlos a unirse a sus seguidores o pedirles que se comuniquen con usted a través de Facebook Messenger. </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <div> <ul> <li> <font color="#595959"> Agregue el widget de feed de Facebook a una página en su sitio. Para obtener más información sobre cómo agregar widgets a su sitio web, consulte Agregar widgets. </font> </li> </ul> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/Facebook-feed1-en-US.jpg"/> </a> </div> <div data-rss-type="text"> <div> <div> <ul> <li> <font color="#595959"> Ingrese la URL de la página de Facebook en el menú de contenido. </font> </li> <li> <font color="#595959"> No tiene que pegar todo el enlace (por ejemplo, https://www.facebook.com/facebook). La ID de la página es suficiente (por ejemplo, Facebook). </font> </li> <li> <font color="#595959"> Elija si desea habilitar un encabezado grande, ocultar o mostrar la foto de portada y las caras de los amigos. </font> </li> <li> <font color="#595959"> Habilita o deshabilita las pestañas: línea de tiempo, eventos, mensajes. </font> </li> </ul> </div> </div> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <div> <span> Para que se muestre el feed de su página, la página no debe estar restringida. Cualquier restricción, por ejemplo, edad o ubicación, evitará que la página se muestre en el widget. </span> <br/> </div> </div> </div> Mon, 11 Nov 2019 13:42:43 GMT https://soporte.misitio.app/articulos/agregar-widget-de-feed-de-facebook thumbnail Agregar widget de Whatsapp https://soporte.misitio.app/articulos/agregar-widget-de-whatsapp <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> Agregar el nuevo widget de WhatsApp a sus sitios permite a los visitantes ponerse en contacto con los propietarios del sitio de forma rápida y sencilla, especialmente en dispositivos móviles. Las oportunidades de participación y conversión aumentarán, lo que facilitará la conversión de visitantes anónimos del sitio en clientes reales. </font> </div> </div> <h3> <span> Como funciona </span> </h3> <div data-rss-type="text"> <div> <div> <font color="#595959"> Cuando los visitantes del sitio hacen clic en el botón, se abre un chat de WhatsApp en su dispositivo. </font> </div> <div> <font color="#595959"> En dispositivos móviles, se abre en la cuenta de WhatsApp del usuario. En el escritorio, se abre la versión web de WhatsApp. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Arrastre y suelte el widget de WhatsApp en cualquier lugar de su página. Para obtener más información sobre cómo agregar widgets a su sitio web, consulte Agregar widgets. </font> </div> <div> <font color="#595959"> Ingrese su número de teléfono de WhatsApp. Tenga en cuenta que los visitantes de su sitio podrán ver el número. </font> </div> <div> <ul> <li> <font color="#595959"> Asegúrese de que el número solo tenga dígitos e incluya el código del país. </font> </li> <li> <font color="#595959"> Puede personalizar el texto en el botón. </font> </li> <li> <font color="#595959"> Si lo desea, agregue un mensaje predeterminado. Este es un mensaje que recibirá cuando los visitantes de su sitio se comuniquen. Tenga en cuenta que pueden optar por editar este mensaje. </font> </li> <li> <font color="#595959"> En la pestaña Diseño, elija uno de los diseños disponibles. </font> </li> </ul> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/whats_app1-en-US.png"/> </a> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <div> <ul> <li> <font color="#595959"> Asegúrese de que el número de teléfono que agregue tenga una cuenta de WhatsApp asociada. </font> </li> <li> <font color="#595959"> Si un visitante del sitio no tiene WhatsApp instalado en su dispositivo, será dirigido al flujo de instalación de WhatsApp. </font> </li> <li> <font color="#595959"> Si un usuario hace clic en el widget desde una tableta iOS, será dirigido a una página de WhatsApp que lo dirige a descargar la aplicación en una computadora de escritorio o móvil. </font> </li> </ul> </div> </div> </div> Mon, 11 Nov 2019 13:37:00 GMT https://soporte.misitio.app/articulos/agregar-widget-de-whatsapp thumbnail Agregar un widget de derechos de autor https://soporte.misitio.app/articulos/agregar-un-widget-de-derechos-de-autor <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> El widget Derechos de autor permite colocar un descargo de responsabilidad de derechos de autor con el icono derecho de autor y año en curso en su sitio. El año se actualizará automáticamente para el año en curso, y al mostrar el año correcto de derechos de autor muestra a sus visitantes que su sitio está actualizado.Casi todos los sitios web tiene un aviso de derechos de autor que suministra información básica sobre el sitio. </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <ol> <li> <font color="#595959"> Arrastre y suelte el widget de derechos de autor en cualquier lugar de su página. Para aprender más sobre cómo agregar widgets a su sitio web, consulte Adición de widgets.  </font> </li> <li> <font color="#595959"> Al agregar el widget se abrirá el menú de edición de contenido. En este menú, puede agregar o modificar los campos del widget. </font> </li> </ol> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/copyright01_en-us.png"/> </a> </div> <div data-rss-type="text"> <div> <font color="#595959"> El menú de edición de contenido le proporciona la opción de elegir qué texto le gustaría que el widget mostrara a través de un editor de texto enriquecido. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Además, puede elegir que el año y el icono derecho de autor aparezcan a la izquierda o la derecha del texto. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <span> 3. El menú de edición del diseño le permite controlar el estilo del widget de derechos de autor. </span> </div> <div> <span> <br/> </span> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/copyright02_en-us.png"/> </a> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <div> <font color="#595959"> En el El menú de edición del diseño de su widget de derechos de autor puede: </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <ul> <li> <font color="#595959"> Seleccionar los valores de configuración de fuente y color para el texto </font> </li> <li> <font color="#595959"> Ajustar la alineación y la dirección del texto </font> </li> <li> <font color="#595959"> Editar el espaciamiento del widget </font> </li> </ul> </div> </div> </div> Mon, 11 Nov 2019 13:12:11 GMT https://soporte.misitio.app/articulos/agregar-un-widget-de-derechos-de-autor thumbnail Widget Agregar fichas https://soporte.misitio.app/articulos/widget-agregar-fichas <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> El nuevo widget de fichas es una manera excelente de mostrar contenido de forma eficiente en su sitio. Los visitantes pueden hacer clic entre las fichas (en lugar de desplazarse por el texto) para ver contenido relacionado. Las fichas son una gran manera de mostrar contenido como los servicios, planes o equipo miembros en secciones compactas, conectados. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Cada ficha puede contener una etiqueta, título, descripción, imagen y botón y cada uno de estos elementos puede ser completamente personalizado. </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <ol> <li> <font color="#595959"> Agregue el widget de fichas en cualquier lugar de la página. Para aprender más sobre cómo agregar widgets a su sitio web, consulte Adición de widgets. </font> </li> <li> <font color="#595959"> Una vez colocado el widget, aparecerá el Editor de contenido. </font> </li> <li> <font color="#595959"> Desde aquí, puede agregar o eliminar fichas y cambiar su orden. Puede editar la etiqueta de la ficha, título, descripción, imagen y botón. </font> </li> </ol> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/tabs-widget_03.png"/> </a> </div> <div data-rss-type="text"> <div> <span> 4.  En el editor de diseño, puede elegir entre varios diseños prediseñados y personalizar el estilo de las pestañas. Haga clic en Todas las pestañas para personalizar el estilo de las pestañas no seleccionadas, invertir la dirección de la pestaña y controlar el diseño de la pestaña en dispositivos móviles. Haga clic en la pestaña seleccionada y desplace el mouse para personalizar el estilo del texto y el fondo. Los controladores para el estilo de texto, estilo de botón y estilo de imagen también están aquí. </span> <br/> </div> <div> <span> <br/> </span> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/tabs-widget_04.png"/> </a> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <ul> <li> <font color="#595959"> Al personalizar el diseño de "Ficha seleccionada y Hover", no se afecta el diseño de "Todas las fichas". </font> </li> <li> <font color="#595959"> Puede tener tantas fichas como desee, pero tenga en cuenta que el espacio para cada etiqueta se reduce con cada nueva ficha. </font> </li> <li> <font color="#595959"> Hay 2 opciones de diseño para la pantalla de dispositivos móviles, fichas y acordeón. El diseño de las fichas puede controlarse por deslizamiento. </font> </li> </ul> </div> </div> Mon, 11 Nov 2019 13:00:38 GMT https://soporte.misitio.app/articulos/widget-agregar-fichas thumbnail Widget de "Antes y después" https://soporte.misitio.app/articulos/widget-de-antes-y-despues <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> <span> El widget "Antes y después" le permite mostrar dos imágenes, lado a lado, para acceder a una comparación visual atractiva e interesante. Cargue dos imágenes, agregue etiquetas y texto alternativo, elija el color de su deslizador y estará listo para comenzar. </span> </font> </div> </div> <h3> <span> Cómo agregar y personalizar el widget </span> </h3> <div data-rss-type="text"> <div> <ol> <li> <font color="#595959"> Arrastre y suelte el widget Antes y Después en cualquier lugar de su página. Para obtener más información sobre cómo agregar widgets a su sitio web, consulte Agregar widgets. </font> </li> <li> <font color="#595959"> Con el editor de contenido, agregue imágenes de "antes y después", etiquetas y texto alternativo. </font> </li> <li> <font color="#595959"> Con el editor de diseño, establezca el tamaño de las imágenes, el color del control deslizante, el diseño de la etiqueta y el espaciado. Con respecto al diseño de la etiqueta, puede controlar el color de la etiqueta, la posición y cuándo se muestra (siempre o al pasar el mouse / hacer clic). </font> </li> </ol> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/before+%26+after_releasenot2+%281%29.jpg"/> </a> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> Asegúrese de que las configuraciones de diseño que defina sean correctas para el dispositivo. Las configuraciones tales como espaciado, tamaño de imagen, entre otras, se definen por dispositivo. </font> </div> </div> Thu, 07 Nov 2019 13:25:48 GMT https://soporte.misitio.app/articulos/widget-de-antes-y-despues thumbnail Agregar widget Compartir en redes sociales https://soporte.misitio.app/articulos/agregar-widget-compartir-en-redes-sociales <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> <span> Facilitarles a quienes visitan el sitio que lo compartan es muy importante para impulsar el tráfico orgánico y las tasas de conversión. El widget Compartir mejorado hace que esto sea más fácil que nunca, con un flujo más parejo, una interfaz más atractiva y una capacidad adicional para compartir. </span> </font> </div> <div> <font color="#595959"> <span> <br/> </span> </font> </div> <div> <font color="#595959"> <span> El widget Compartir les permite a quienes visitan el sitio compartirlo en Facebook, Twitter, LinkedIn, WhatsApp y correo electrónico. </span> </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> 1. Arrastre y suelte el widget Compartir en cualquier lugar de su página. Para obtener más información sobre cómo agregar widgets a su sitio web, consulte Agregar widgets. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> 2. Con el editor de contenido, seleccione el título del widget. También puede dejar el título en blanco. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> 3. Con el editor de diseño, seleccione el diseño y personalice el fondo, los tamaños y los colores del ícono. Elija efectos para el escritorio y personalice la fuente y el estilo del título. </font> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/share+new_support+%281%29.jpg"/> </a> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> <span> Este widget permite que quienes visitan el sitio lo compartan en sus propias cuentas de redes sociales. No está conectado a las cuentas de redes sociales asociadas con el sitio.  </span> </font> </div> </div> Thu, 07 Nov 2019 13:16:37 GMT https://soporte.misitio.app/articulos/agregar-widget-compartir-en-redes-sociales thumbnail Aplicación web progresiva (PWA) https://soporte.misitio.app/articulos/aplicacion-web-progresiva-pwa <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> <span> Una aplicación web progresiva (PWA, por sus siglas en inglés) es una aplicación web que le permite brindar una experiencia similar a una aplicación nativa a los usuarios de dispositivos móviles para que tengan una experiencia rápida, suave e interesante con su sitio web. <br/> </span> </font> </div> <div> <font color="#595959"> <span> <br/> </span> </font> </div> <div> <font color="#595959"> <span> Las PWA se cargan al instante, responden rápidamente a las interacciones del usuario y se sienten como una aplicación natural. No necesitan una app store para su instalación y permiten a los usuarios volver a entrar en el sitio instantáneamente, incluso cuando un dispositivo está fuera de línea. </span> </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> <span> Para activar la función de PWA, haga clic en la ficha Configuración del sitio, luego haga clic en Aplicación web progresiva (PWA) y actívela.   </span> </font> </div> <div> <font color="#595959"> <span> <br/> </span> </font> </div> <div> <font color="#595959"> <span> Una vez que la PWA ha sido activada para un sitio, puede configurar los siguientes parámetros: </span> </font> </div> <div> <ul> <li> <font color="#595959"> <span> Nombre - Este es el nombre que se muestra en la pantalla de presentación y el mensaje “Añadir a la pantalla de inicio”. Puede tener hasta 60 caracteres. </span> </font> </li> <li> <font color="#595959"> <span> Nombre corto - Este es el nombre utilizado cuando no hay suficiente espacio para mostrar el nombre completo; por ejemplo, en la pantalla de inicio de móviles. Este nombre puede tener hasta 60 caracteres, pero le sugerimos que lo haga lo más corto posible. </span> </font> </li> <li> <font color="#595959"> <span> Icono - Este es el icono que aparece en la pantalla de inicio de dispositivos móviles y la pantalla de presentación mientras se carga la aplicación. Debe tener por lo menos 192 píxeles de ancho y estar en formato .png. </span> </font> </li> <li> <font color="#595959"> <span> Color de fondo de la pantalla de presentación - Este es el color que aparece mientras el sitio se está cargando. </span> </font> </li> </ul> </div> </div> <h3> <span> Experiencia del usuario </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> <span> Cuando un usuario accede a un sitio habilitado con PWA desde su dispositivo móvil, verá el botón AGREGAR A LA PANTALLA DE INICIO que se muestra debajo del sitio. Una vez que se agregue a la pantalla de inicio, el icono se mostrará en su dispositivo para un rápido acceso al sitio (similar a una aplicación). </span> </font> </div> <div> <font color="#595959"> <span> <br/> </span> </font> </div> <div> <font color="#595959"> <span> Ahora, el usuario puede volver a entrar al sitio a través de este icono, incluso si el dispositivo está fuera de línea. </span> </font> </div> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> <span> Las PWA solo se pueden habilitar en sitios HTTPS. Para leer más sobre cómo asegurar su sitio con SSL, haga clic aquí. </span> </font> </div> <div> <font color="#595959"> <span> <br/> </span> </font> </div> <div> <font color="#595959"> <span> Chrome para Android acepta PWA. Si la PWA está habilitada, el navegador preguntará automáticamente si el usuario desea agregar el sitio en la pantalla de inicio. </span> </font> </div> <div> <font color="#595959"> <span> <br/> </span> </font> </div> <div> <font color="#595959"> <span> También puede agregar una PWA en dispositivos IOS que corren con la versión 11.3. Sin embargo, debido a que el mensaje automático "agregar a la pantalla" por el navegador no está disponible todavía, los usuarios deberán agregar la PWA manualmente. </span> </font> </div> </div> Thu, 07 Nov 2019 13:08:20 GMT https://soporte.misitio.app/articulos/aplicacion-web-progresiva-pwa thumbnail Acceso rápido https://soporte.misitio.app/articulos/acceso-rapido <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> <span> La herramienta de Acceso rápido le permite encontrar cualquier función o característica de editor simplemente buscándola en la búsqueda de Acceso rápido. También puede abrir rápidamente los artículos de ayuda asociados con un clic en el signo de interrogación. </span> </font> </div> <div> <font color="#595959"> <span> <br/> </span> </font> </div> <div> <font color="#595959"> <span> Para abrir la herramienta de Acceso rápido, haga clic en el ícono de lupa en la barra superior o use el método abreviado de teclado </span> <span> <b> CTRL+K / ⌘ + K </b> </span> <span> . </span> </font> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/quickaccess.png"/> </a> </div> <div data-rss-type="text"> <div> <span> Algunas de las cosas que puede hacer con el Acceso rápido incluyen lo siguiente: </span> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <ul> <li> <font color="#595959"> Agregar widgets </font> </li> <li> <font color="#595959"> Abrir la ventana emergente Agregar páginas </font> </li> <li> <font color="#595959"> Dirigirse a cualquier parte de la barra izquierda </font> </li> <li> <font color="#595959"> Acceder a artículos de soporte </font> </li> <li> <font color="#595959"> Ir a una página específica </font> </li> </ul> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959">  Nota: Solo tendrá acceso a las acciones que sean relevantes en función de sus permisos o de los permisos de su cliente. </font> </div> </div> Thu, 07 Nov 2019 13:00:43 GMT https://soporte.misitio.app/articulos/acceso-rapido thumbnail Widget Todas las entradas https://soporte.misitio.app/articulos/widget-todas-las-entradas <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> <span> El widget Todas las entradas le permite mostrar entradas de su blog en cualquier lugar de su sitio, y aumentar el tráfico y la interacción del blog. </span> </font> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/allposts1_es-419.jpg"/> </a> </div> <h3> <span> Cómo agregar el widget Todas las entradas </span> </h3> <div data-rss-type="text"> <div> <div> <font color="#595959"> Arrastre y suelte el widget Todas las entradas en cualquier lugar de su página. Para aprender más sobre cómo agregar widgets a su sitio web, vea Adición de widgets. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Nota: Su sitio debe tener un blog antes de que pueda agregar este widget. </font> </div> </div> <div> <font color="#595959"> <br/> </font> </div> </div> <h3> <span> Personalización del widget </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> <b> Editor de contenido </b> </font> </div> <div> <font> <span> <b> <br/> </b> </span> </font> </div> <div> <font color="#595959"> Todo el contenido de la entrada puede controlarse en la configuración del blog. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> En el Editor de contenido, puede controlar qué información de la entrada mostrar. También puede gestionar y agregar entradas nuevas desde aquí. </font> </div> </div> <div data-rss-type="text"> <div> <font> <span> <b> Editor de diseño </b> </span> </font> </div> <div> <font> <span> <b> <br/> </b> </span> </font> </div> <div> <font> <span> En el Editor de diseño, puede controlar el tamaño de la imagen, el color de fondo, el estilo de texto, la cantidad de entradas a mostrar, los efectos "hover" y mucho más. </span> </font> </div> <div> <font> <span> <br/> </span> </font> </div> <div> <font> <span> También puede seleccionar la cantidad de líneas de introducción que se pueden visualizar. Las introducciones son resúmenes breves de la entrada, que se toman del primer párrafo del blog o de la configuración del blog. </span> </font> </div> <div> <font> <span> <br/> </span> </font> </div> <div> <font> <span> Si hay más entradas de las que se visualizan, aparece el botón Más entradas . Puede personalizar el texto, el fondo y la posición del botón. También puede ocultarlo. </span> </font> </div> </div> Thu, 07 Nov 2019 12:57:27 GMT https://soporte.misitio.app/articulos/widget-todas-las-entradas thumbnail Widget Tabla https://soporte.misitio.app/articulos/widget-tabla <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> <span> El widget Tabla le permite mostrar datos de texto en una disposición de tabla con filas y columnas. Se puede agregar contenido a la tabla copiando y pegando una tabla existente con el editor, o cargando un CSV. </span> </font> </div> </div> <h3> <span> Personalización de la tabla </span> </h3> <div data-rss-type="text"> <div> <font> <span> <b> Editor de contenido </b> </span> </font> </div> <div> <font> <span> <b> <br/> </b> </span> </font> </div> <div> <font> <span> Puede agregar datos a su tabla de tres maneras: </span> </font> </div> <div> <font> <span> <br/> </span> </font> </div> <div> <ol> <li> <font> <span> Escribiendo en el editor. </span> </font> </li> <li> <font> <span> Copiando y pegando una tabla existente. </span> </font> </li> <li> <font> <span> Cargando un CSV. </span> </font> </li> </ol> </div> <div> <font> <span> Use Borrar todo para borrar todos los datos de su tabla. </span> </font> </div> </div> <div data-rss-type="text"> <div> <font> <span> <b> Editor de diseño </b> </span> </font> </div> <div> <font> <span> <b> <br/> </b> </span> </font> </div> <div> <font> <span> Con el editor de diseño puede personalizar el borde de la tabla, la barra del título y el fondo de las filas y el estilo de texto. </span> </font> </div> <div> <ul> <li> <font> <span> Se pueden personalizar los colores de las filas pares e impares para facilitar la lectura de los datos. </span> </font> </li> <li> <font> <span> Se puede establecer el ancho de la columna como igual al ancho del título o en función de este, en cuyo caso las columnas pueden no ser iguales. </span> </font> </li> </ul> </div> <div> <font> <span> En un dispositivo móvil, puede seleccionar una de las siguientes presentaciones: </span> </font> </div> <div> <font> <span> <br/> </span> </font> </div> <div> <ul> <li> <font> <span> Comprimida: es la mejor opción si tiene 2 a 3 columnas; su contenido se adapta al ancho de la pantalla. </span> </font> </li> <li> <font> <span> Desplazada: es la mejor opción si tiene muchas columnas. También puede cambiar el tamaño del widget y mostrar un desplazamiento vertical si su tabla es muy larga. </span> </font> </li> <li> <font> <span> Contraída: otra forma detallada de presentar los datos; se recomienda no elegir este diseño si tiene demasiadas filas. </span> </font> </li> </ul> </div> </div> <h3> <span> Limitaciones </span> </h3> <div data-rss-type="text"> <div> <ul> <li> <font color="#595959"> La tabla puede incluir hasta 30 filas y columnas. </font> </li> <li> <font color="#595959"> Puede cargar un CSV exportado/copiado de Hojas de cálculo de Google o Excel (solo lenguajes que no sean RTL). </font> </li> <li> <font color="#595959"> La tabla puede incluir solo texto. Use filas o columnas o un widget de Lista para crear una tabla con imágenes, botones u otros widgets. </font> </li> </ul> </div> <div> <font color="#595959"> <br/> </font> </div> </div> Thu, 07 Nov 2019 12:33:52 GMT https://soporte.misitio.app/articulos/widget-tabla thumbnail Cómo actualizar un blog antiguo a la nueva plataforma de blogs https://soporte.misitio.app/articulos/como-actualizar-un-blog-antiguo-a-la-nueva-plataforma-de-blogs <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> <span> La nueva plataforma de blogs provee más flexibilidad en el diseño, publicaciones más uniformes y una administración más sencilla. La actualización al blog nuevo está disponible para los sitios con hasta 20 publicaciones. Se está desarrollando una solución para los blogs más grandes. Los pasos para actualizar se encuentran a continuación. </span> </font> </div> <div> <font color="#595959"> <span> <br/> </span> </font> </div> <div> <font color="#595959"> <span> Nota: La actualización es irreversible. Antes de actualizar considere lo siguiente: </span> </font> </div> <div> <font color="#595959"> <span> <br/> </span> </font> </div> <div> <ul> <li> <font color="#595959"> <span> Las publicaciones de los blogs toman automáticamente la configuración del Diseño global para texto, imágenes, página de fondo, etc. Sin embargo, puede invalidar esta configuración en Modo de diseño de la publicación. </span> </font> </li> <li> <font color="#595959"> <span> Todos los títulos de las publicaciones serán H3, alineados a la izquierda. </span> </font> </li> <li> <font color="#595959"> <span> Puede haber diferencias menores en el espaciado de las publicaciones, así que asegúrese de revisar cada publicación antes de volver a publicarla. </span> </font> </li> <li> <font color="#595959"> <span> El formato de la fecha ahora es día, mes, año (es decir, 11 de julio de 2019). </span> </font> </li> <li> <font color="#595959"> <span> La palabra "de" ya no aparece antes del nombre de autor. </span> </font> </li> <li> <font color="#595959"> <span> El número de comentarios no está visible en la parte superior de cada publicación. </span> </font> </li> </ul> </div> </div> <h3> <span> Pasos para actualizar a la nueva plataforma de blogs </span> </h3> <div data-rss-type="text"> <div> <font> <span> Si es elegible para actualizar a la nueva plataforma de blogs, verá una banda que dice Actualizar el blog cuando abra el editor del sitio. Siga los pasos a continuación para hacer la actualización: </span> </font> </div> <div> <font> <span> <br/> </span> </font> </div> <div> <ol> <li> <font> <span> Haga clic en Más información en Actualice su blog. </span> </font> </li> <li> <font> <span> Haga clic en Actualizar ahora. </span> </font> </li> <li> <font> <span> Después de actualizar, revise las publicaciones para asegurarse de que todo esté correcto. </span> </font> </li> <li> <font> <span> Vuelva a publicar el sitio. </span> </font> </li> </ol> </div> <div> <font> <span> Consejo: Si usa blogs en su Plantilla de equipo, recomendamos actualizar esas plantillas a la nueva plataforma de blogs también. </span> </font> </div> </div> Thu, 07 Nov 2019 12:10:19 GMT https://soporte.misitio.app/articulos/como-actualizar-un-blog-antiguo-a-la-nueva-plataforma-de-blogs thumbnail Agregar widgets https://soporte.misitio.app/agregar-widgets <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> <span> Puede agregar widgets a un sitio arrastrándolos y soltándolos desde el panel de widgets del menú del editor del lado izquierdo o mediante el menú en línea. </span> </font> </div> </div> <h3> <span> Agregar widgets desde el panel de widgets </span> </h3> <div data-rss-type="text"> <div> <font> <span> Haga clic en Widgets en el menú de la izquierda para abrir el panel Widgets. Busque el widget que desee navegando por la lista de widgets o utilizando la barra de búsqueda de widgets. </span> </font> </div> <div> <font> <span> Haga clic en el widget y arrástrelo al sitio, colocándolo donde desee que esté. </span> </font> </div> <div> <font> <span> Cuando lo suelte, el widget aparecerá en la ubicación que muestra el indicador de ubicación azul. </span> </font> </div> </div> <h3> <span> Agregar widgets a través del menú en línea </span> </h3> <div data-rss-type="text"> <div> <span> Haga clic con el botón derecho en cualquier widget y en el menú contextual que aparece, seleccione Agregar widget a continuación para agregar un widget inmediatamente debajo del widget actual. </span> </div> <div> <span> <br/> </span> </div> <div> <span> Si hace clic derecho en una columna, tendrá algunas opciones más de Agregar. Haga clic en + Agregar y seleccione Agregar widget a continuación. </span> </div> <div> <span> <br/> </span> </div> <div> <span> Puede hacer una selección rápida entre los cuatro widgets más populares o hacer clic en Más widgets para abrir el menú completo de widgets. Después de agregar el widget, puede editarlo como de costumbre. </span> </div> <div> <font color="#595959"> <br/> </font> </div> </div> <h3> <div> <span> Consideraciones </span> </div> </h3> <div data-rss-type="text"> <div> <font color="#595959"> <span> Al arrastrar y soltar un widget a su sitio web, tenga en cuenta el texto en el indicador de ubicación azul. Esto es lo que significan estos mensajes: </span> </font> </div> <div> <font color="#595959"> <span> <br/> </span> </font> </div> <div> <ul> <li> <font color="#595959"> <span> Insertar aquí: el widget se agregará a una fila o columna existente. </span> </font> </li> <li> <font color="#595959"> <span> Insertar en nueva fila: se agregará una nueva fila y el widget se colocará dentro de ella. </span> </font> </li> <li> <font color="#595959"> <span> Insertar en nueva columna: se agregará una nueva columna y el widget se colocará dentro de ella. </span> </font> </li> <li> <font color="#595959"> <span> Medio </span> </font> </li> <li> <font color="#595959"> <span> Para obtener más información sobre cómo agregar widgets a su sitio web, consulte Edición de widgets. </span> </font> </li> </ul> </div> </div> Thu, 07 Nov 2019 11:52:25 GMT https://soporte.misitio.app/agregar-widgets thumbnail Pautas de tamaño de imágenes https://soporte.misitio.app/articulos/pautas-de-tamano-de-imagenes <h3> <span> Perspectiva general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> <span> Cada vez que carga una imagen, el website builder crea hasta 5 copias de tamaño reducido de la imagen. El creador luego insertará automáticamente la imagen de tamaño adecuado en los sitios web de escritorio, tableta y móvil, asegurándose de que los visitantes de su sitio siempre vean la imagen de tamaño adecuado para su dispositivo. </span> </font> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <font> <span> El creador no aumentará el tamaño de una imagen cargada y solo creará imágenes que sean más pequeñas que la imagen cargada original. </span> </font> </div> <div> <font> <span> <br/> </span> </font> </div> <div> <font> <span> <font> <font> <font> Por ejemplo, si se carga una imagen de 2000px de anchura, se crearán 5 nuevas cop </font> <font> ias optimizadas. Si se carga una imagen de 100px de anchura, no se crearán nuevas imágenes. </font> </font> </font> </span> </font> </div> <div> <font> <span> <br/> </span> </font> </div> <div> <font> <span> Tamaño máximo de imagen </span> </font> </div> <div> <font> <span> <br/> </span> </font> </div> <div> <font> <span> El área total de una imagen no puede exceder 3,145,728 píxeles. Es improbable que cualquiera de sus imágenes supere este límite, pero puede verificarlo rápidamente multiplicando la anchura por la altura de píxeles. </span> </font> </div> </div> <h3> <span> Pautas de tamaños de imagen según el widget </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> <b> Deslizador </b> </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> El widget de deslizador normalmente se usa con imágenes de tamaño más grande para un efecto dramático. Los deslizadores generalmente se extienden de un extremo al otro, por lo que es recomendable usar imágenes con más anchura para ajustarse al deslizador. Para deslizadores "cuadrados", use una relación de aspecto uniforme como 1:1.  </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Es mejor elegir imágenes con un buen relleno, de forma que el contenido principal de la imagen no quede cortado cuando se le cambie el tamaño. Las relaciones de las imágenes deberían ser las mismas en el deslizador para coherencia en el diseño. </font> </div> <div> <ul> <li> <font color="#595959"> Relaciones de aspecto comunes: 16:9, 3:4 </font> </li> <li> <font color="#595959"> Tamaños de resolución comunes (px): 1600x900, 1280x720, 1280x960 </font> </li> </ul> </div> <div> <font color="#595959"> Notas específicas por dispositivo: Los dispositivos móviles a menudo tienen la relación de aspecto opuesta en comparación con los dispositivos de escritorio. Quizás deba usar la característica ocultar en dispositivo para mostrar los deslizadores móviles correctamente. </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> <div data-rss-type="text"> <div> <font color="#595959"> <b> Galería </b> </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> El widget de galería es el widget más flexible para usar con imágenes, solo debido a que hay muchas opciones de disposición. Por ejemplo, puede tener una galería de baldosas, que tiene el mismo tamaño para todas las imágenes, o de mosaicos, que tiene un tamañodiferente según la imagen. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> La relación de aspecto de las imágenes en la galería debería reflejar cómo desea que se muestre. </font> </div> <div> <ul> <li> <font color="#595959"> Por ejemplo, galerías de estilo cuadrado deberían tener una relación de imágenes de 1:1. </font> </li> <li> <font color="#595959"> Las galerías de estilo de imágenes altas deberían tener relaciones de mayor altura, como 2:5 o 200px por 500px. </font> </li> </ul> </div> <div> <font color="#595959"> Las relaciones de las imágenes deberían ser las mismas para coherencia en el diseño. Deje cierto relleno en la imagen si desea usar el efecto "hover", de forma que sus imágenes no queden cortadas. </font> </div> <div> <ul> <li> <font color="#595959"> Relaciones de aspecto comunes: Cualquier relación de aspecto. </font> </li> <li> <font color="#595959"> Tamaños de resolución comunes (px): Cualquier resolución, pero no mayor de 1500px para velocidad de la página. </font> </li> </ul> </div> </div> <div data-rss-type="text"> <div> <font color="#595959"> <b> Iconos </b> </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> Los iconos son una parte importante de cualquier sitio. Son marcadores visuales de información y pueden brindar un aspecto moderno a su sitio. Puede usar PNG, JPEG o SVG transparentes. </font> </div> <div> <ul> <li> <font color="#595959"> Relaciones de aspecto comunes: Generalmente 1:1, pero cualquier relación de aspecto servirá. </font> </li> <li> <font color="#595959"> Tamaños de resolución comunes (px): 200x200, 80x80 o cualquier resolución. Los SVG pueden tener cualquier resolución. </font> </li> </ul> </div> </div> <div data-rss-type="text"> <div> <font color="#595959"> <b> Iconos de favoritos </b> </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> Los iconos de favoritos no se usan propiamente en su sitio, sino que más bien son lo que se muestra en la ficha cuando los usuarios abren su sitio web. </font> </div> <div> <ul> <li> <font color="#595959"> Relación de aspecto requerida: 1:1 </font> </li> <li> <font color="#595959"> Tamaños de resolución permitidos (px): 24x24, 36x36, 48x48 </font> </li> </ul> </div> </div> <div data-rss-type="text"> <div> <font color="#595959"> <b> Relación de aspecto vs. resolución </b> </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> La relación de aspecto es la "relación" del atributo de anchura y altura de una imagen. Una relación de aspecto de 16:9 puede ser una imagen de 16x19 px o una imagen de 1600x900 px. Es básicamente cualquier resolución de imagen que tiene una relación de 16:9. </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> <div data-rss-type="text"> <div> <font color="#595959"> <b> Diferentes relaciones de aspecto según dispositivo </b> </font> </div> <div> <font color="#595959"> <b> <br/> </b> </font> </div> <div> <font color="#595959"> Aunque Mi Sitio optimiza las imágenes en su sitio, realmente no cambia el tamaño del diseño de las imágenes de su sitio. Si utiliza una imagen en un escritorio que tiene una relación de aspecto de 16:9, esta lucirá perfecta allí debido a que un dispositivo de escritorio es ancho. Sin embargo, un dispositivo móvil es mucho más pequeño, por lo que una relación de aspecto de 16:9 a veces lucirá pequeña. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Para compensar, puede usar la característica ocultar en dispositivo para crear versiones específicas para esos dispositivos o cambiar las dimensiones de la imagen para ajustarla; los cambios de tamaño son independientes del dispositivo. </font> </div> </div> <h3> <div> <span> Consideraciones </span> </div> </h3> <div data-rss-type="text"> <div> <font color="#595959"> <span> Cargar la mayor resolución para su sitio garantizará que las imágenes de su sitio sean de alta resolución para sus clientes y usuarios; sin embargo, es bueno tener en cuenta que las imágenes grandes también tienen un efecto drástico en la velocidad de su página. Debido a que las imágenes de alta resolución son reducidas en proporción, los usuarios normalmente no notan la diferencia en resolución. Es mejor cargar imágenes que sean tan grandes como se espera usarlas. Por ejemplo, si tiene una fotografía de 300px por 300px en su sitio, no le conviene cargarla como una imagen de 4000px por 4000px. </span> </font> </div> </div> Thu, 07 Nov 2019 11:46:19 GMT https://soporte.misitio.app/articulos/pautas-de-tamano-de-imagenes thumbnail Descripción general del editor https://soporte.misitio.app/articulos/descripcion-general-del-editor <h3> <span> Descripción general </span> </h3> <div data-rss-type="text"> <font> <span> ¡Bienvenido a nuestro editor adaptable! La interfaz del editor tiene tres secciones predefinidas principales: La barra superior, el menú de la izquierda y el área de contenido. Cada una de estas secciones predefinidas desempeña un papel importante en cuanto a permitirle hacer que su sitio web sea tan extraordinario como sea posible. </span> </font> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <font> <span> Barra superior </span> </font> <div> <font color="#000000"> <br/> </font> <div> <div> <font> <span> Use los controles de la barra superior para navegar rápidamente a través de su sitio, tanto desplazándose entre diferentes páginas como cambiando entre diferentes vistas de dispositivo. Haga clic en una página para verla o haga clic en un dispositivo para ver cómo luce su página actual en esa vista. </span> </font> </div> <div> <font> <span> <br/> </span> </font> </div> <div> <font> <span> La barra superior también tiene controles para deshacer o rehacer acciones simples en el Editor, guardar su sitio actual y obtener una vista previa o volver a publicar su sitio cuando lo desee. La barra superior también tiene un indicador de cuándo se guardan los cambios en el editor. </span> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/editoroverview1_es-419.png"/> </a> </div> <div data-rss-type="text"> <font> <span> Menú de la izquierda </span> </font> <div> <font color="#000000"> <br/> </font> <div> <div> <font> <span> El menú de la izquierda es donde se encuentran todos los widgets y las características hasta que usted esté listo para usarlos. Aquí puede encontrar herramientas para editar casi cualquier cosa en su sitio. </span> </font> </div> <div> <font> <span> <br/> </span> </font> </div> <div> <font> <span> El menú de la izquierda tiene características para realizar cambios extensos y profundos en todo el sitio. Por ejemplo, cambiar el esquema de color o diseño de botón en la ficha de diseño, agregar nuevas características y widgets con la ficha de widgets, cambiar la configuración de sus páginas en la ficha de páginas y realizar cambios administrativos en la ficha de configuración (por ej., cambiar el URL del sitio o agregar análisis). </span> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/editoroverview2_es-419.png"/> </a> </div> <div data-rss-type="text"> <font> <span> Área de contenido </span> </font> <div> <font color="#000000"> <br/> </font> <div> <div> <font color="#595959"> El área de contenido se relaciona en su totalidad con usted. Es su lienzo, donde puede mover o agregar cualquiera de nuestras características o hacer clic y editar para cambiarlas en la forma que desee. ¿Desea cambiar una imagen? Haga clic en ella para abrir el Editor de imágenes y contenido, luego haga clic en Reemplazar. ¿Desea agregar color a un texto? Haga clic en un párrafo, luego resalte el texto dentro del mismo y haga clic en la opción de color del Editor de texto para elegir un color. ¿Desea eliminar un botón? Solo haga clic con el botón derecho y haga clic en Eliminar. </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/editoroverview3_es-419.png"/> </a> </div> <div data-rss-type="text"> <font> <span> Ayuda del Editor </span> </font> <div> <font color="#000000"> <br/> </font> <div> <div> <span> Si alguna vez tiene curiosidad acerca de una determinada función en el Editor, simplemente haga clic en el botón de interrogación gris en la parte superior derecha de casi todas las pantallas. Esto trae nuestro soporte en el editor para ayudarlo a orientarse y descubrir qué puede hacer una característica. </span> <br/> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/editoroverview3_es-419.png"/> </a> </div> Tue, 29 Oct 2019 20:04:56 GMT https://soporte.misitio.app/articulos/descripcion-general-del-editor introducción thumbnail Editar texto https://soporte.misitio.app/articulos/editar-texto <h3> <span> Descripción general </span> </h3> <div data-rss-type="text"> <font> <span> Use herramientas de texto para cambiar el aspecto de un widget de párrafo o título. Cambie la fuente, el color, la alineación y el estilo del texto usando una sencilla interfaz de edición. Esto le permite realizar rápidos cambios de estilo en textos específicos de su sitio para resaltar puntos clave y organizar la información. </span> </font> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <font> <span> Widget Editar párrafo </span> </font> <div> <font color="#000000"> <br/> </font> <div> <div> <span> Haga clic en el párrafo que desea editar para entrar en el modo de edición. </span> <br/> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/EditText1_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <font> <span> Seleccione el texto que desea editar haciendo clic y arrastrando el cursor sobre el texto. </span> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/EditText2_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <font color="#595959"> <span> Use las opciones de edición en línea en la barra ubicada arriba del párrafo para editar los estilos, tamaños, fuentes y alineación del texto o agregar enlaces. </span> </font> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/EditText3_en-US.png"/> </a> </div> <div data-rss-type="text"> <font> <span> </span> </font> <span> <font> <span> Agregar listas de viñetas y números </span> </font> <div> <div> <div> </div> <span> <div> <br/> </div> <div> <span> Puede crear una lista de viñetas o números usando las herramientas de texto dentro del widget Párrafo. Las listas son una manera adecuada de agrupar contenido, características o productos, de forma que los visitantes puedan entender y comparar la información rápidamente. </span> </div> <div> <span> <br/> </span> </div> <div> <span> Haga clic para editar el párrafo y agregar el texto de su lista. </span> </div> </span> </div> </div> </span> <div> <div> <span> <div> <span> </span> </div> </span> <div> <span> </span> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/EditText4_en-US.png"/> </a> </div> <div data-rss-type="text"> <span> <div> <div> <span> <div> <span> Resalte el texto, luego haga clic en el botón de lista de Viñetas o Números en la barra de herramientas de texto. </span> <br/> </div> </span> </div> </div> </span> <div> <div> <span> <div> <span> </span> </div> </span> <div> <span> </span> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/EditText5_en-US.png"/> </a> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <font> <span> Listas de viñetas y números anidados </span> </font> <div> <font color="#000000"> <br/> </font> <div> <font> <span> Puede crear listas de viñetas y números anidados para organizar la información. Una viñeta o número anidados aparece debajo de la viñeta o número previos para crear una nueva lista. Para crear una lista de viñetas o números anidados: </span> </font> </div> <div> <ul> <li> <font> <span> Haga clic en el botón de lista de viñetas o números en la barra de herramientas de texto. </span> </font> </li> <li> <font> <span> Agregue una nueva viñeta o número a su lista presionando Intro en su teclado. </span> </font> </li> <li> <font> <span> Presione el botón Tab en su teclado. La viñeta o número se debe mostrar con sangría a la derecha. </span> </font> </li> </ul> </div> <div> <font> <span> Puede tener múltiples listas de viñetas o números anidados. </span> </font> </div> </div> </div> <h3> <span> Preguntas frecuentes </span> </h3> <div data-rss-type="text"> <font> <span> Mi texto no guarda ningún cambio </span> </font> <div> <font> <br/> </font> <div> <font> <span> Esto significa que hay un problema con la codificación. Para arreglar este problema se recomienda que elimine el widget y lo vuelva a crear. </span> </font> </div> </div> <div> <font> <span> <br/> </span> </font> </div> <div> <font> <span> Si hay mucho contenido, debe copiar el contenido en un editor de texto sin formato (por ej., el Bloc de notas, no Word ni Wordpad), de forma que pueda volver a pegarlo fácilmente. </span> </font> </div> <div> <font> <span> <br/> </span> </font> </div> <div> <font> <span> ¿Cómo agrego caracteres especiales? </span> </font> </div> <div> <font> <span> <br/> </span> </font> </div> <div> <font> <span> No hay una manera integrada en nuestro editor para agregar caracteres especiales (superíndices y otros símbolos), pero puede copiarlos y pegarlos en el editor desde una ubicación externa. </span> </font> </div> <div> <br/> </div> <div> <font> <span> ¿Cómo uso mis propias fuentes? </span> </font> </div> <div> <font> <span> <br/> </span> </font> </div> <div> <font> <span> Desafortunadamente, no hay una manera integrada en la interfaz de nuestro editor para que agregue sus propias fuentes. </span> </font> </div> </div> Tue, 29 Oct 2019 20:03:42 GMT https://soporte.misitio.app/articulos/editar-texto introducción thumbnail Gestionar e importar contenido https://soporte.misitio.app/articulos/gestionar-e-importar-contenido <h3> <span> Descripción general </span> </h3> <div data-rss-type="text"> <span> Proporciona un lugar para almacenar y recuperar imágenes, archivos e información para su sitio web. La Biblioteca de contenido agiliza la adición de nuevas imágenes y el acceso a imágenes, archivos e información existentes. </span> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <font> <span> Importar contenido </span> </font> <div> <font color="#000000"> <br/> </font> <div> <div> <span> Para importar su propio contenido en el sitio web, haga clic en el botón 'Importar contenido'. Ingrese la URL de su sitio o la página de Facebook y haga clic en Importar. </span> <br/> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/ManageAndImportContent1_en-US.png"/> </a> </div> <div data-rss-type="text"> <font> <span> </span> </font> <span> <font> <span> Gestionar imágenes </span> </font> <div> <font> <br/> </font> <div> <div> <span> Elija las imágenes existentes en la Galería de fotos o agregue nuevas imágenes personalizadas haciendo clic en el botón 'Cargar nueva imagen'. </span> </div> <div> <span> <br/> </span> </div> <div> <span> <font> Gestionar archivos </font> </span> </div> <div> <span> <br/> </span> </div> <div> <span> Haga clic en Cargar nuevo archivo para cargar un archivo. Al desplazarse sobre el archivo con el cursor, un botón gris X aparecerá en la esquina superior derecha. Puede eliminar archivos usando este botón. </span> </div> <div> <br/> </div> <div> <span> <font> Administrar respuestas de formulario </font> </span> </div> <div> <span> <font> <br/> </font> </span> </div> <div> <span> <font> Para eliminar las respuestas recibidas a través de un formulario de contacto, abra el campo Administrar respuestas de formulario en la pestaña Contenido de su menú de edición del lado izquierdo. </font> </span> </div> </div> </div> </span> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/gdpr_friendly_contact_form4-en_us.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <div> <font color="#595959"> <span> La página Respuestas de formulario que se abre le permite eliminar cualquier respuesta a cualquier formulario de ese sitio. Puede buscar por respuestas relevantes en el cuadro de búsqueda Buscar información del visitante. Asegúrese de buscar el nombre, la frase o los caracteres exactos. </span> </font> </div> <div> <font color="#595959"> <span> <br/> </span> </font> </div> </div> </div> </div> <div data-rss-type="text"> <font> <span> Información de la empresa </span> </font> <div> <font color="#000000"> <br/> </font> <div> <font> <span> Use la Información de la empresa a fin de agregar o editar información sobre su empresa relacionada con su sitio. Puede elegir ingresar uno o más de los siguientes elementos: </span> </font> </div> <div> <ul> <li> <font> <span> número (s) telefónicos (s) </span> </font> </li> <li> <font> <span> dirección (es) de correo electrónico </span> </font> </li> <li> <font> <span> direcciones </span> </font> </li> <li> <font> <span> Cuenta de Facebook </span> </font> </li> </ul> </div> <div> <font> <span> Esta información se usará automáticamente en los widgets pertinentes. </span> </font> </div> <div> <font> <span> <br/> </span> </font> </div> </div> </div> <div data-rss-type="text"> <span> <font> <span> Agregar un perfil de Facebook </span> </font> </span> <div> <font color="#000000"> <br/> </font> <span> <div> <div> <span> <div> <span> Al ingresar el URL de su Facebook en la sección de URL, asegúrese de usar el ID de Facebook correcto de su página: </span> </div> <div> <span> <br/> </span> </div> <div> https://www.facebook.com/ + ID of the page </div> <div> <br/> </div> </span> </div> </div> </span> <div> <div> <span> <div> <span> </span> </div> </span> <div> <span> </span> </div> </div> </div> </div> </div> <div data-rss-type="text"> <span> <font> <span> Encontrar el ID de su página de Facebook  </span> </font> </span> <div> <font color="#000000"> <br/> </font> <span> <div> <div> <span> <div> <span> Si tiene una página similar a esta: <span> https://www.facebook.com/Psychic-Deja-Vu </span> , la ID de la página es Psychic-Deja-Vu. El enlace de importación debe ser: <span> https://www.facebook.com/Psychic-Deja-Vu </span> </span> </div> <div> <span> <br/> </span> </div> <div> <span> Si tiene una página similar a esta: <span> https://www.facebook.com/Psychic-Deja-Vu-445895745450343/ </span> , el ID de la página es el número 445895745450343. El enlace de importación debe ser: <span> https: //www.facebook. com / 445895745450343 / </span> </span> </div> <div> <span> <br/> </span> </div> <div> <span> Si tiene una página similar a esta: <span> https://www.facebook.com/Psychic-Deja-Vu/445895745450343/ </span> , el ID de la página es el número al final, que es 445895745450343. El enlace de importación debe ser: <span> https: //www.facebook.com/445895745450343/ </span> </span> </div> <div> <br/> </div> </span> </div> </div> </span> <div> <div> <span> <div> <span> </span> </div> </span> <div> <span> </span> </div> </div> </div> </div> </div> <div data-rss-type="text"> <span> <font> <span> Perfil de la empresa </span> </font> </span> <div> <font color="#000000"> <br/> </font> <span> <div> <div> <span> <div> <span> Dele más información sobre su empresa a los visitantes del sitio web. Describa las metas de su empresa y explique por qué los clientes deberían usar sus productos o servicios. Ingrese uno o más párrafos de información; por ejemplo: </span> </div> <div> <ul> <li> <div> <span> Acerca de nosotros </span> </div> </li> <li> <div> <span> Descripción general de la empresa </span> </div> </li> </ul> <span> Más tarde puede hacer una referencia a esta información cuando cree su sitio. </span> </div> <div> <br/> </div> </span> </div> </div> </span> <div> <div> <span> <div> <span> </span> </div> </span> <div> <span> </span> </div> </div> </div> </div> </div> <div data-rss-type="text"> <span> <font> <span> Buscar y reemplazar </span> </font> </span> <div> <span> <div> <div> <span> <div> <span> <br/> </span> </div> <div> <span> Esta herramienta le permite buscar automáticamente en su sitio ciertas direcciones, números telefónicos, direcciones de correo electrónico y opciones de redes sociales y reemplazarlos cuando necesite actualizarlos. </span> </div> <div> <br/> </div> </span> </div> </div> </span> <div> <div> <span> <div> <span> </span> </div> </span> <div> <span> </span> </div> </div> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/ManageAndImportContent8_en-US.png"/> </a> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <div> <ul> <li> <font> <span> Puede crear listas de viñetas y números anidados para organizar la información. Una viñeta o número anidados aparece debajo de la viñeta o número previos para crear una nueva lista. Para crear una lista de viñetas o números anidados: </span> </font> <span> La herramienta Importar contenido no siempre podrá importar todo el contenido de un sitio; está limitado por lo que nuestros robots pueden ver. Los cambios realizados en widgets específicos en el sitio anularán el contenido agregado a la Biblioteca de contenido. </span> </li> <span> <li> <span> El límite del tamaño del archivo es de 50 MB. </span> </li> </span> </ul> </div> </div> </div> Tue, 29 Oct 2019 20:02:54 GMT https://soporte.misitio.app/articulos/gestionar-e-importar-contenido introducción thumbnail Agregar widgets https://soporte.misitio.app/articulos/agregar-widgets <h3> <span> Descripción general </span> </h3> <div data-rss-type="text"> <div> <span> Puede agregar widgets a un sitio arrastrándolos y soltándolos desde el panel de widgets del menú del editor del lado izquierdo o mediante el menú en línea. </span> </div> </div> <h3> <span> Agregar widgets desde el panel de widgets </span> </h3> <div data-rss-type="text"> <ol> <li> <span> Haga clic en Widgets en el menú de la izquierda para abrir el panel Widgets. Busque el widget que desee navegando por la lista de widgets o utilizando la barra de búsqueda de widgets. </span> </li> <li> <span> Haga clic en el widget y arrástrelo al sitio, colocándolo donde desee que esté. </span> </li> </ol> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/addwidgets1_en-US.png"/> </a> </div> <div data-rss-type="text"> <span> <div> <div> <div> <font color="#595959"> 3. Cuando lo suelte, el widget aparecerá en la ubicación que muestra el indicador de ubicación azul. </font> </div> </div> </div> </span> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/addwidgets2_en-US.png"/> </a> </div> <div data-rss-type="text"> <span> <div> <div> <div> <font color="#595959"> 4. Al soltarlo, el widget aparecerá en la ubicación que muestra el indicador azul de colocación.  </font> </div> </div> </div> </span> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/addwidgets3_en-US.png"/> </a> </div> <h3> <span> Agregar widgets a través del menú en línea </span> </h3> <div data-rss-type="text"> <font color="#595959"> </font> <div> <span> <font color="#595959"> Haga clic con el botón derecho en cualquier widget y en el menú contextual que aparece, seleccione Agregar widget a continuación para agregar un widget inmediatamente debajo del widget actual. </font> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Si hace clic con el botón derecho en una columna, tendrá algunas opciones de Agregar más. Haga clic en + Agregar y seleccione Agregar widget a continuación. </font> </div> </span> </div> <div> <font color="#595959"> </font> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/addwidgets5_en-US.png"/> </a> </div> <div data-rss-type="text"> <font color="#595959"> </font> <div> <span> Puede hacer una selección rápida entre los cuatro widgets más populares o hacer clic en Más widgets para abrir el menú completo de widgets. Después de agregar el widget, puede editarlo como de costumbre </span> <span> . </span> </div> <div> <span> <br/> </span> </div> <div> <font color="#595959"> </font> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/addwidgets6_en-US.png"/> </a> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <div> <span> Al arrastrar y soltar un widget a su sitio web, tenga en cuenta el texto en el indicador de ubicación azul. Esto es lo que significan estos mensajes: </span> </div> <div> <ul> <li> <font> <span> Insertar aquí: el widget se agregará a una fila o columna existente. </span> </font> </li> <li> <font> <span> Insertar en nueva fila: se agregará una nueva fila y el widget se colocará dentro de ella. </span> </font> </li> <li> <font> <span> Insertar en nueva columna: se agregará una nueva columna y el widget se colocará dentro de ella. </span> </font> </li> </ul> </div> </div> </div> Tue, 29 Oct 2019 20:02:12 GMT https://soporte.misitio.app/articulos/agregar-widgets introducción thumbnail Diseño de widgets https://soporte.misitio.app/articulos/diseno-de-widgets <h3> <span> Descripción general </span> </h3> <div data-rss-type="text"> <div> <span> La mayoría de los widgets en el generador de sitios web tienen opciones de diseño que le permiten personalizar la apariencia del widget para su sitio web. Estas opciones pueden ayudarlo a crear un widget que coincida perfectamente con el estilo de su sitio o uno que se destaque y atraiga la atención de los visitantes. </span> <br/> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <span> Para abrir el Editor de diseño de un widget en su sitio web, haga clic con el botón derecho en el widget para abrir el menú contextual y luego haga clic en Editar diseño. También puede abrir el Editor de diseño haciendo clic en el widget y luego haciendo clic en Diseño en la parte superior de la ventana del widget. </span> <br/> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/widgetdesign1_en-US.png"/> </a> </div> <div data-rss-type="text"> <span> <div> <div> <div> <font color="#595959"> A continuación, presentamos algunas opciones de personalización que encontrará en el Editor de diseño.  </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </span> </div> <h3> <span> Disposición </span> </h3> <div data-rss-type="text"> <span> <div> <div> <div> <font color="#595959"> Las opciones de disposición suelen ser específicas para ciertos widgets. Para seleccionar entre el conjunto de opciones de disposición disponibles para ese widget, haga clic en la disposición que aparece en el Editor de diseño (o haga clic en la pequeña flecha al lado del mismo) para abrir el menú Seleccionar disposición. Para cambiar la disposición seleccionada, haga clic en la disposición que desea usar en su lugar y esta se actualizará en el widget. </font> </div> </div> </div> </span> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/widgetdesign2_en-US.png"/> </a> </div> <h3> <span> Estilo </span> </h3> <div data-rss-type="text"> <span> <div> <div> <div> <ul> <li> <div> <span> Color - haga clic en el icono redondo de color a la derecha del nombre de la sección para abrir el selector de color y cambiar el color. </span> <br/> </div> </li> <li> <div> <font color="#595959"> Estilo de borde - cambie la anchura del borde usando el deslizador o el cuadro de texto. </font> </div> </li> <li> <div> <font color="#595959"> Estilo de fondo - use una imagen o video de fondo para este widget usando el cuadro de diálogo Elegir y colocar imágenes o el URL de un video. </font> </div> </li> <li> <div> <font color="#595959"> Anchura y altura - use el deslizador o cuadro de texto para cambiar el número de píxeles. </font> </div> </li> <li> <div> <font color="#595959"> Esquinas redondeadas - aumente o disminuya la redondez de las esquinas de un widget. </font> </div> </li> <li> <div> <font color="#595959"> Sombras - active o desactive una sombra para este widget. <br/> </font> </div> </li> </ul> </div> </div> </div> </span> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/widgetdesign3_en-US.png"/> </a> </div> <h3> <span> Espaciado </span> </h3> <div data-rss-type="text"> <font color="#595959"> </font> <div> <span> <font color="#595959"> Cambie el relleno (espacio dentro de los bordes del widget) y los márgenes (espacio fuera de los bordes del widget). Cada número en el cuadro exterior establece los márgenes para su propio lado (arriba, abajo, izquierda o derecha), y cada número en el cuadro interior establece el relleno para su propio lado (arriba, abajo, izquierda o derecha). <br/> </font> </span> </div> <div> <font color="#595959"> </font> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/widgetdesign4_en-US.png"/> </a> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <div> <span> No todos los widgets tienen las mismas opciones. Por ejemplo, algunos widgets no le permiten editar el relleno, otros no le permiten cambiar los márgenes. </span> </div> </div> </div> Tue, 29 Oct 2019 20:00:43 GMT https://soporte.misitio.app/articulos/diseno-de-widgets introducción thumbnail Copiar y Pegar https://soporte.misitio.app/articulos/copiar-y-pegar <h3> <span> Descripción general </span> </h3> <div data-rss-type="text"> <div> <span> Crear su sitio web requiere tiempo y dedicación. Puede hacer que este proceso sea más fácil y más eficiente utilizando la función Copiar y Pegar. Copie widgets y filas en su sitio web, luego pegue estos duplicados para crear filas o widgets idénticos para su sitio. </span> <br/> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <span> Mueva su cursor sobre un widget para seleccionarlo. Copie al hacer clic con el botón derecho en el widget y hacer clic en Copiar. </span> <br/> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/copyandpaste1_en-US.png"/> </a> </div> <div data-rss-type="text"> <span> <div> <div> <div> <font color="#595959"> Haga clic con el botón derecho en el área que desea pegar y haga clic en Pegar para insertar el widget en la fila. El nuevo widget duplicado aparecerá encima del widget actualmente seleccionado. </font> </div> </div> </div> </span> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/copyandpaste2_en-US.png"/> </a> </div> <div data-rss-type="text"> <span> <div> <div> <div> <font color="#595959"> Para copiar y pegar una columna, haga clic con el botón derecho para abrir el menú del widget de columna y seleccione Copiar. </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </span> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/copyandpaste3_en-US.png"/> </a> </div> <div data-rss-type="text"> <span> <div> <div> <div> <font color="#595959"> Abra el menú Fila para pegar la columna en una fila. Puede pegar la columna en cualquier fila de su sitio, incluido el encabezado o pie de página. Tome en cuenta que solo puede pegar hasta cuatro columnas en cualquier fila. </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </span> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/copyandpaste4_en-US.png"/> </a> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <div> <span> Puede copiar y pegar usando las teclas de acceso directo. Para copiar, use CTRL-C (Command-C en Mac). Para pegar, use CTRL-V (Command-V en Mac). </span> </div> </div> </div> Tue, 29 Oct 2019 19:58:53 GMT https://soporte.misitio.app/articulos/copiar-y-pegar Introducción thumbnail Texto global https://soporte.misitio.app/articulos/texto-global <h3> <span> Descripción general </span> </h3> <div data-rss-type="text"> <div> <span> Cambie el estilo y el aspecto del texto en todo su sitio web. Puede cambiar el tipo y tamaño de la fuente, además de elegir la configuración de texto normal, enlaces y títulos. Esto le brinda la oportunidad de dar al contenido de su sitio web un toque distinto, ¡así como asegurarse de que sus visitantes puedan leerlo! </span> <br/> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <span> Haga clic en Diseño en el menú de la izquierda. </span> <br/> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/globaltext_1_en-US.png"/> </a> </div> <div data-rss-type="text"> <span> <div> <div> <div> <font color="#595959"> Haga clic en Texto global. </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </span> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/globaltext_2_en-US.png"/> </a> </div> <div data-rss-type="text"> <span> <div> <div> <div> <font color="#595959"> Puede cambiar el tamaño y color de la fuente, así como las opciones de dirección del texto y texto de enlace. </font> </div> </div> </div> </span> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/globaltext_3_en-US.png"/> </a> </div> <div data-rss-type="text"> <span> <div> <div> <div> <font color="#595959"> También puede cambiar las propiedades de los títulos haciendo modificaciones en Título global. H1, H2, H3, etc. se refieren a los encabezados y subencabezados. Para obtener más información sobre encabezados y subencabezados, consulte Consideraciones - Encabezados y subencabezados. </font> </div> </div> </div> </span> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/globaltext_4_en-US.png"/> </a> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <div> <span> <font> Texto global </font> </span> </div> <div> <span> <font> <br/> </font> </span> </div> <div> <span> Realizar cambios en el texto usando el menú Texto global cambia todo el texto en el sitio web. Las ediciones en widgets individuales anulan el estilo global. Por ejemplo, establecer el color del Texto global en rojo hará que todos los widgets de párrafos futuros agregados tengan texto rojo. Sin embargo, el texto existente en los widgets de párrafo seguirá siendo el mismo. Para obtener más información, consulte el artículo de Diseño global. </span> </div> <div> <span> <br/> </span> </div> <div> <span> <font> Encabezados y subencabezados </font> </span> </div> <div> <span> <font> <br/> </font> </span> </div> <div> <span> Al realizar cambios en los títulos, observe las diferencias entre H1 - Estilo de título, H2 - Estilo de título, H3 - Estilo de título, etc. Estos diferentes títulos se definen a los encabezados y subencabezados. Los títulos H1 se clasifican al título principal, mientras que los títulos H2 son subencabezados de H1. Los títulos H3 son subencabezados de H2. Cambie las opciones de Estilo de título, asegúrese de entender las diferencias entre encabezados y subencabezados. </span> </div> </div> </div> Tue, 29 Oct 2019 19:58:21 GMT https://soporte.misitio.app/articulos/texto-global Introducción thumbnail Diseño global https://soporte.misitio.app/articulos/diseno-global <h3> <span> Descripción general </span> </h3> <div data-rss-type="text"> <div> <span> La sección Diseño global le permite hacer cambios globales que afectan todo su sitio. Puede personalizar el texto, los botones, las imágenes, el fondo y los widgets de navegación de su sitio en este menú. Esto le permite realizar cambios visuales profundos de manera rápida y eficiente, lo que reduce el tiempo de diseño y mantiene el estilo de su sitio coherente en las páginas. </span> <br/> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <span> Haga clic en Diseño en el menú de la izquierda para abrir el panel Diseño global. </span> <br/> <div> <span> <br/> </span> </div> </div> <div data-rss-type="text"> <div> <div> <span> <font> Estilo de texto </font> </span> </div> <div> <span> <font> <br/> </font> </span> </div> <div> <span> Esta sección le permite controlar el estilo de texto para su sitio, tanto para los widgets de párrafo como de título de todos los tamaños (H1 a H6). Cambie el tamaño de la fuente, el estilo y el color, además de otras ediciones que afectarán el texto de todos los futuros widgets de párrafo y título. </span> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/globaldesign2_en-US.png"/> </a> </div> <div data-rss-type="text"> <span> <div> <div> <div> <font> Estilo de botón </font> </div> <div> <font> <br/> </font> </div> <div> <font> Esta sección le permite controlar el estilo de los widgets de botón en su sitio web. Seleccione uno de nuestros diseños de botón y establezca el color de fondo, el estilo de borde y el texto. Elija otros efectos, como agregar esquinas redondeadas o sombras al botón. </font> </div> <div> <font> <br/> </font> </div> </div> </div> </span> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/globaldesign3_en-US.png"/> </a> </div> <div data-rss-type="text"> <span> <div> <div> <div> <font> Estilo de imagen </font> </div> <div> <font> <br/> </font> </div> <div> <font> Esta sección le permite controlar el estilo de los widgets de imagen de su sitio web. Seleccione una imagen usando el menú Elegir y colocar imágenes y agregue o edite el estilo de borde, las esquinas redondeadas o los efectos de sombras. </font> </div> </div> </div> </span> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/globaldesign4_en-US.png"/> </a> </div> <div data-rss-type="text"> <span> <div> <div> <div> <font> Fondo del sitio </font> </div> <div> <font> <br/> </font> </div> <div> <font> Esta sección le permite controlar el estilo de fondo de su sitio. Elija entre usar un color o una imagen como fondo. Los cambios también afectan el escritorio y la tableta. </font> </div> </div> </div> </span> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/globaldesign5_en-US.png"/> </a> </div> <div data-rss-type="text"> <span> <div> <div> <div> <font> Disposición del sitio </font> </div> <div> <font> <br/> </font> </div> <div> <font> Controle la navegación del diseño del sitio en una PC, una tableta y dispositivos móviles. Para la versión de escritorio, puede elegir entre dos anchos: 960 píxeles o 1200 píxeles. </font> </div> <div> <font> <br/> </font> </div> </div> </div> </span> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/newsupport+%281%29_en-us.png"/> </a> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <span> Los cambios que realice en widgets o páginas específicos anularán estos estilos globales. Por esta razón, le recomendamos que primero decida sobre un estilo global y luego realice personalizaciones en las partes de su sitio que desee destacar o que se vean diferentes al resto. </span> </div> <div> <span> <br/> </span> </div> <div> <span> Cambiar la disposición de su navegación a menudo afecta el comportamiento de su encabezado y a veces el resto de su sitio. Si su encabezado repentinamente luce incorrecto después de cambiar la disposición, identificado con una disposición diferente. </span> </div> </span> <div> <span> </span> </div> </div> </div> Tue, 29 Oct 2019 19:57:43 GMT https://soporte.misitio.app/articulos/diseno-global introducción thumbnail Ordenar el contenido https://soporte.misitio.app/articulos/ordenar-el-contenido <h3> <span> Descripción general </span> </h3> <div data-rss-type="text"> <div> <span> La forma de ordenar el contenido de su sitio web es realmente importante. Ordenar adecuadamente el contenido facilita a los visitantes encontrar lo que están buscando y le permite destacar secciones de su sitio que, de lo contrario, podrían no recibir atención. Una página bien organizada hace que su sitio web luzca profesional y ayuda a aumentar las ventas al facilitar a los visitantes del sitio web encontrar lo que están buscando. </span> <br/> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <div> <div> <span> <font> Estructura de un sitio web adaptable </font> </span> </div> <div> <span> <font> <br/> </font> </span> </div> <div> <span> Su sitio web receptivo está construido a partir de un encabezado, un pie de página, filas y columnas. Cada widget que agregue se inserta en una de estas secciones. </span> </div> <div> <span> <br/> </span> </div> </div> </div> <div data-rss-type="text"> <div> <div> <span> <font> Filas </font> </span> </div> <div> <span> <font> <br/> </font> </span> </div> <div> <span> Las filas son las secciones horizontales de su sitio web. Cuando agrega widgets y columnas a su sitio web, se colocan en estas filas. </span> </div> <div> <span> <br/> </span> </div> <div> <span> Puede agregar filas a su sitio web arrastrando widgets. Cuando arrastra un widget entre filas o en el espacio donde desea que haya una fila, se creará una nueva fila cuando suelte el widget. </span> </div> <div> <span> <br/> </span> </div> <div> <span> Hay dos formas de eliminar filas. Puede hacer clic con el botón derecho en cualquier lugar de la fila para abrir el menú contextual y luego seleccionar Eliminar. Alternativamente, puede hacer clic en el botón Fila en la esquina superior izquierda de la fila y seleccionar Eliminar. </span> </div> <div> <span> <br/> </span> </div> </div> </div> <div data-rss-type="text"> <div> <div> <span> <font> Columnas </font> </span> </div> <div> <span> <font> <br/> </font> </span> </div> <div> <span> Cada fila contiene por lo menos una columna. Las columnas incluyen todos los widgets de su sitio y controlan su orden. </span> </div> <div> <span> <br/> </span> </div> <div> <span> Cada fila puede contener hasta cuatro columnas. Siempre que agregue una nueva columna, esta aparece junto a la columna existente en esa fila. </span> </div> <div> <span> <br/> </span> </div> <div> <span> Hay dos formas de eliminar columnas. Puede hacer clic con el botón derecho en cualquier lugar de la columna para abrir el menú contextual y luego seleccionar Eliminar. Alternativamente, puede presionar la X roja en la esquina superior derecha de la columna. </span> </div> <div> <span> <br/> </span> </div> <div> <span> Puede colocar los widgets directamente en las columnas o estructurar la columna todavía más mediante la adición de filas internas. </span> </div> <div> <span> <br/> </span> </div> </div> </div> <div data-rss-type="text"> <div> <div> <span> <font> Filas internas </font> </span> </div> <div> <span> <font> <br/> </font> </span> </div> <div> <span> Las filas internas aportan una flexibilidad de diseño adicional porque le permiten agregar filas dentro de las columnas. Con las filas internas puede variar la disposición de la columna y mantener el diseño general de la fila (fondo, espaciado, sangrado, etc.). </span> </div> <div> <span> <br/> </span> </div> <div> <span> Tal como ocurre con las filas comunes, las filas internas pueden tener su propio fondo y espaciado, se pueden dividir en hasta cuatro columnas y se puede cambiar el orden de las columnas en los dispositivos móviles. Las columnas en las filas internas se pueden completar con cualquier widget pero no se pueden agregar filas internas a dichas columnas. </span> </div> <div> <span> <br/> </span> </div> <div> <span> Para agregar una fila interna a una columna, haga una de las siguientes acciones: </span> </div> <div> <span> <br/> </span> </div> </div> <blockquote> <div> <div> <span> 1. Haga clic derecho en la fila y presione Agregar fila interna. Si hay varias columnas en la fila, tendrá que elegir en qué columna desea agregar las filas internas. </span> </div> </div> </blockquote> <div> <div> <span> <br/> </span> </div> </div> <blockquote> <div> <div> <span> 2. Haga clic derecho en la columna y presione Agregar fila interna. </span> </div> </div> </blockquote> <div> <div> <span> <br/> </span> </div> </div> <blockquote> <div> <div> <span> 3. Haga clic derecho en la fila interna y presione Agregar fila para colocar una fila interna debajo de la actual. </span> </div> <div> <span> <br/> </span> </div> </div> </blockquote> <span> Para dar un ejemplo de cómo usar la fila interna, echemos un vistazo a las dos maneras en que se puede diseñar un diseño que contenga un título y 3 botones: </span> <br/> <div> <ul> <li> <span> Agregue dos filas. Coloque el título en la fila 1 con 1 columna. Divida la fila 2 en 3 columnas. Coloque un botón en cada columna. </span> </li> <li> <span> Dos filas separadas no pueden compartir la misma imagen de fondo y debe establecer un espaciado y el estilo de sangrado de forma separada para cada fila. </span> </li> </ul> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/inner-rows1-en-US.png"/> </a> </div> <div data-rss-type="text"> <span> <div> <div> <div> <ul> <li> <font> Agregue una fila. Por defecto, cada fila contiene una columna. Agregue 2 filas internas a la columna. Coloque el título en la fila interna 1. Divida la fila interna 2 en 3 columnas. Coloque un botón en cada columna. </font> </li> <li> <div> <font> Estas dos filas internas compartirán el fondo, el espaciado y el sangrado de la fila principal. </font> </div> </li> </ul> </div> <div> <font> <br/> </font> </div> </div> </div> </span> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/inner-rows2-en-US.png"/> </a> </div> <div data-rss-type="text"> <span> <div> <div> <div> <font> Algunas consideraciones importantes al momento de editar las filas internas: </font> </div> <div> <font> <br/> </font> </div> </div> </div> </span> <blockquote> <span> <div> <div> <div> <font color="#595959"> 1. Solo puede usar las flecha </font> <span> s para cambiar el orden para modificar el orden de las filas internas. Para cambiar el orden de los widgets y las filas internas, debe arrastrar y soltar manualmente los widgets sobre o debajo de la fila interna. </span> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </span> </blockquote> <blockquote> <span> <div> <div> <div> <font color="#595959"> 2. No se pueden colocar widgets de 2 columnas, 3 columnas, 4 columnas en las filas internas. Para agregar una columna, haga clic derecho en la fila y haga clic en Agregar columna. </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </span> </blockquote> <blockquote> <span> <div> <div> <div> <font color="#595959"> 3. A diferencia de las filas normales, las filas internas no se pueden copiar y pegar.   </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </div> </span> </blockquote> </div> <div data-rss-type="text"> <span> <div> <div> <div> <font> Widgets </font> </div> <div> <font> <br/> </font> </div> <div> <font> Los widgets contienen el texto, las imágenes, los botones y otros contenidos de su sitio web. Para agregar widgets a su sitio, haga clic en Widgets en el menú de la izquierda, busque el widget que desee y luego arrástrelo y suéltelo en su sitio.  </font> </div> <div> <font> <br/> </font> </div> </div> </div> </span> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/arrangingcontent8_en-US.png"/> </a> </div> <div data-rss-type="text"> <span> <div> <div> <div> <span> Hay algunas formas de eliminar widgets de su sitio. Puede hacer clic con el botón derecho en cualquier parte del widget para abrir el menú contextual y luego seleccionar Eliminar. Alternativamente, puede presionar la X roja en la esquina superior derecha del widget. </span> <br/> </div> </div> </div> </span> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <span> Mientras que las vistas de escritorio y tableta permiten que cada fila incluya hasta cuatro columnas, los sitios web para dispositivos móviles solo pueden mostrar dos columnas en una fila como máximo. </span> </div> <div> <span> <br/> </span> </div> <div> <span> Las columnas que se agreguen en una vista de escritorio o tableta tendrán la máxima anchura de la página cuando se cambien a vista para dispositivos móviles; para crear una fila con dos columnas en la vista para dispositivos móviles, primero cambie a vista para móviles, luego agregue un widget de dos columnas. </span> </div> </span> <div> <span> </span> </div> </div> </div> <h3> <span> Preguntas frecuentes </span> </h3> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <span> <font> ¿Cómo coloco widgets uno al lado del otro? </font> </span> </div> <div> <span> <br/> </span> </div> <div> <span> Hay varias formas de ordenar los widgets uno al lado del otro. Puede arrastrar un widget a su sitio web, agregar una columna a la fila donde se colocó ese widget y luego arrastrar otro widget a esa columna. También puede arrastrar el widget de dos columnas a su sitio web y luego arrastrar y soltar el widget en cada columna.  </span> </div> <div> <span> <br/> </span> </div> <div> <span> <font> ¿Cómo selecciono una columna o fila? </font> </span> </div> <div> <span> <br/> </span> </div> <div> <span> Los widgets a menudo ocupan todo el espacio de una columna o fila, lo que dificulta seleccionarlos. Para evitar esto, haga clic con el botón derecho en el widget en la columna o fila que desea seleccionar, mantenga el cursor sobre la opción Seleccionar contenedor y luego seleccione Columna o Fila. </span> </div> <div> <span> <br/> </span> </div> <div> <span> <font> ¿Cómo elimino la última columna de una fila? </font> </span> </div> <div> <span> <br/> </span> </div> <div> <span> ¡No tiene que hacerlo! Una columna vacía no se muestra en el sitio activo. Está allí solo en caso de que desee colocar contenido en ella. Puede eliminar la columna al eliminar la fila en la cual está contenida. </span> </div> <div> <span> <br/> </span> </div> <div> <span> <font> ¿Puedo cambiar la manera en que se muestra el contenido en la vista para dispositivos móviles? </font> </span> </div> <div> <span> <br/> </span> </div> <div> <span> ¡Sí! Puede activar o desactivar la opción de invertir el orden de las columnas en el diseño de fila para cambiar la manera en que se muestran las columnas en la vista para dispositivos móviles en cada fila. </span> </div> <div> <span> <br/> </span> </div> </span> <div> <span> </span> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/arrangingcontent14_en-US.png"/> </a> </div> Tue, 29 Oct 2019 19:56:22 GMT https://soporte.misitio.app/articulos/ordenar-el-contenido introducción thumbnail Agregar secciones de widgets https://soporte.misitio.app/articulos/agregar-secciones-de-widgets <h3> <span> Descripción general </span> </h3> <div data-rss-type="text"> <div> <span> Las secciones son filas prediseñadas de elementos que los usuarios pueden agregar a sus respectivos sitios web. Las secciones permiten a los usuarios crear rápidamente sitios de aspecto increíble al ahorrar tiempo en el proceso de diseño. Hemos creado la infraestructura de las secciones desde cero a fin de ofrecer una experiencia mucho mejor para el usuario con una gran variedad de secciones preelaboradas. </span> <br/> </div> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <span> Al mantener el cursor entre filas, aparece el botón ‘Agregar sección’. Haga clic en este botón para abrir el modo Sección. </span> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/sections1_en-US-f34a8940.png"/> </a> </div> <div data-rss-type="text"> <span> <div> <div> <div> <span> En el modo Sección, una galería de secciones preelaboradas está disponible en la barra izquierda, agrupadas por categorías (Introducción, Características, Acerca de, Equipo, Testimonios, etc.). </span> <br/> </div> <div> <font> <br/> </font> </div> </div> </div> </span> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/sections2_en-US-36884af8.png"/> </a> </div> <div data-rss-type="text"> <span> <div> <div> <div> <span> Haga clic en una sección para mostrarla como una nueva fila. Luego puede examinar secciones dentro del mismo grupo de secciones usando las teclas de flecha o seleccionando una sección de un grupo diferente. </span> <br/> </div> <div> <font> <br/> </font> </div> <div> <font> Después de seleccionar una sección, haga clic en ‘Listo’ para insertar la sección en el sitio o haga clic en "Guardar y agregar otro" para seguir agregando secciones a su sitio. La sección se convierte en una fila y todos los elementos se pueden editar. </font> </div> </div> </div> </span> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/sections3_en-US-2831f625.png"/> </a> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <ul> <li> <div> <span> No se usa ningún CSS personalizado en ninguna de las secciones - todas las crearon diseñadores en el editor. </span> </div> </li> <li> <div> <span> Las secciones no usan los valores de configuración de color o fuente de texto de la configuración de diseño global </span> </div> </li> <li> <div> <span> Dependiendo de la sección que esté usando, puede extraer el valor de configuración de tamaño de texto de la configuración de diseño global. Al no aplicar el diseño global, nos aseguramos de que la sección luzca bien. Si aplicamos automáticamente el diseño global, ello podría hacer que el diseño de la sección sea incoherente (por ejemplo, si el color de la fuente es blanco en el diseño global y el fondo de esa sección es blanco, el texto no se podría leer). Siempre podrá borrar el formato y aplicar su diseño global. </span> </div> </li> <li> <div> <span> Las secciones pueden contener más de una fila. </span> </div> </li> <li> <div> <span> Las secciones no se pueden usar en el encabezado. Para cambiar toda la sección del encabezado, vaya al editor de encabezado y seleccione uno nuevo. </span> </div> </li> <li> <div> <span> Las secciones no están completamente localizadas. La característica se puede habilitar/deshabilitar con una marca de característica en el nivel de cuenta. </span> </div> </li> <li> <div> <span> Las secciones no están disponibles para plantillas de barra lateral (por ejemplo, portafolio, leche y galletas, etc.). </span> </div> </li> </ul> </div> </span> <div> <span> </span> </div> </div> </div> Tue, 29 Oct 2019 19:55:10 GMT https://soporte.misitio.app/articulos/agregar-secciones-de-widgets introducción thumbnail Paginas y elementos emergentes https://soporte.misitio.app/articulos/paginas-y-elementos-emergentes <h3> <span> Descripción general </span> </h3> <div data-rss-type="text"> <div> <span> La sección Páginas y elementos emergentes es una parte importante de su sitio web. </span> <br/> </div> <div> <span> <br/> </span> </div> <div> <span> La sección Páginas le permite reordenar, administrar y crear nuevas páginas en su sitio web. Organice los widgets de su sitio web utilizando múltiples páginas para mejorar la experiencia de sus visitantes y aumentar las posibilidades de que encuentren la información que necesitan. La sección Popups le permite agregar nuevas ventanas emergentes a su sitio web. </span> </div> <div> <span> <br/> </span> </div> <div> <span> Los elementos emergentes son una especie de ventana pequeña que aparece en una página web. Los elementos emergentes se pueden configurar para que aparezcan cuando se hace clic en un enlace o automáticamente como una acción debida a una regla de personalización. Utilice elementos emergentes para captar la atención del usuario u ofrecer información sin tener que cambiar de página. Puede acceder al menú de páginas y elementos emergentes haciendo clic en "Páginas" en el menú de la izquierda. </span> </div> </div> <h3> <span> Páginas </span> </h3> <div data-rss-type="text"> <div> <span> <font> Agregar páginas </font> </span> </div> <div> <span> <br/> </span> </div> <div> <span> 1. Haga clic en Páginas en el menú de la izquierda. </span> <div> <br/> <div> <span> 2. Haga clic en Nueva página. </span> </div> <div> <span> <br/> </span> </div> <div> <span> 3. Seleccione un tipo de página. Las plantillas de página están rellenadas previamente con widgets pertinentes. </span> </div> <div> <span> <br/> </span> </div> <div> <span> 4. El tipo de página del URL de página enlaza la página con otro URL en lugar de crear una nueva página. </span> </div> <div> <span> <br/> </span> </div> <div> <span> 5. Una vez que haya seleccionado un tipo de página, ingrese un título para su nueva página y un URL de ser necesario. </span> </div> <div> <span> <br/> </span> </div> <div> <span> 6. Haga clic en el botón Agregar página y comience a crear su nueva página. </span> </div> <div> <span> <br/> </span> </div> </div> </div> </div> <div data-rss-type="text"> <div> <span> <font> Reorganizar páginas </font> </span> </div> <div> <span> <br/> </span> </div> <div> <span> En el menú Páginas, haga clic y arrastre una página para moverla donde desea colocarla. Arrastrar una página ligeramente a la derecha la anida como una subpágina de la página anterior. </span> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/pagesandpopups8_en-US.png"/> </a> </div> <div data-rss-type="text"> <span> <div> <div> <div> <span> <font> Configuración de página </font> </span> <br/> </div> <div> <span> <font> <br/> </font> </span> </div> <div> <span> Acceda a la configuración de la página haciendo clic en el icono de engranaje al lado de cada página. </span> </div> <div> <font> <br/> </font> </div> </div> </div> </span> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/pagesandpopups9_en-US.png"/> </a> </div> <h3> <span> Opciones de configuración de página </span> </h3> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <ul> <li> <div> <span> Cambiar nombre: cambie el nombre de la página en el Editor. NOTA: Esto no cambia la URL de la página. </span> </div> </li> <li> <div> <span> Ocultar en navegación: oculta la página en el menú de navegación. Aún se podrá visitar por el URL directo. </span> </div> </li> <li> <div> <span> Duplicar: crea una copia exacta de la página. </span> </div> </li> <li> <div> <span> URL de la página: cambie la URL o el enlace permanente de la página. </span> </div> </li> <li> <div> <span> SEO: puede acceder a todas las configuraciones de SEO para esta página aquí. </span> </div> </li> <li> <div> <span> Establecer contraseña: establezca una contraseña para su sitio. </span> </div> </li> </ul> </div> </span> <div> <span> </span> </div> </div> </div> <h3> <span> SEO </span> </h3> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> <font color="#595959"> La optimización de motores de búsqueda (SEO) es el proceso de mejorar la visibilidad de un sitio web o una página web en los resultados de búsqueda no remunerados de un motor de búsqueda. A veces esto se denomina tráfico "natural" u "orgánico". En el menú SEO del sitio, usted puede editar el Título , la Descripción y las Palabras clave de la página. También puede editar el HTML de encabezado solo de esa página. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Evitar que motores de búsqueda indexen una página </font> </div> <div> <font color="#595959"> Para obtener máximos beneficios de SEO, todas las páginas de su sitio web pueden ser descubiertas por motores de búsqueda. Sin embargo, si desea indicar a los motores de búsqueda que no indexen cierta página, puede hacerlo en Configuración de página. </font> </div> </div> </span> </div> <blockquote> <div> <span> <div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> 1. Haga clic en Páginas en el menú de la izquierda. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> 2. Haga clic en el botón de configuración de la página específica. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> 3. Haga clic en SEO. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> 4. Haga clic en el botón a la derecha de Sin índice para indicar a los motores de búsqueda que no indexen esta página específica.  </font> </div> <div> <br/> </div> </div> </span> </div> </blockquote> <div> <div> <span> </span> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/pagesandpopups13_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> Los motores de búsqueda ahora están bloqueados para que no rastreen esta página. Esta acción afectará solo a una página. Deberá marcar este parámetro para cada página que no desea que se indexe. </div> <div> <br/> </div> </div> </span> <div> <span> </span> </div> </div> </div> <h3> <span> Elementos emergentes </span> </h3> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> <br/> </div> <div> <font> Agregar un elemento emergente </font> </div> <div> <br/> </div> </div> </span> </div> <blockquote> <div> <span> <div> <div> 1. Haga clic en Páginas en el menú de la izquierda. </div> <div> <br/> </div> <div> 2. Haga clic en la pestaña Elementos emergentes. </div> <div> <br/> </div> <div> 3. Haga clic en el botón Nuevo elemento emergente. </div> <div> <br/> </div> <div> 4. Seleccione un tipo de elemento emergente. El tipo de elemento emergente rellena previamente el elemento emergente con widgets. </div> <div> <br/> </div> <div> 5. Una vez seleccionado un tipo de elemento emergente, ingrese un nombre para su elemento emergente. </div> <div> <br/> </div> <div> 6. Haga clic en Agregar ventana emergente. </div> <div> <br/> </div> </div> </span> </div> </blockquote> <div> <div> <span> </span> </div> </div> </div> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> <br/> </div> <div> <font> Cómo activar un elemento emergente </font> </div> <div> <font> <br/> </font> </div> <div> <font> A diferencia de una página generada en la navegación automáticamente, una ventana emergente solo se puede condicionar haciendo clic como enlace o mediante una regla de personalización. </font> </div> <div> <font> <br/> </font> </div> <div> <font> Enlazar con un elemento emergente </font> </div> <div> <font> Hay varios widgets que le permiten enlazar con un elemento emergente, cuentos como enlaces de imagen, texto y botones de una Galería de fotos. Al editar los enlaces de estos widgets, simplemente haga clic en la opción de elemento emergente para abrir el selector de elemento emergente. </font> </div> <div> <font> <br/> </font> </div> <div> <font> Usar Reglas de personalización para condicionar un elemento emergente </font> </div> <div> <font> NOTA: Las condiciones emergentes solo ocurren UNA VEZ por sesión. </font> </div> <div> <font> <br/> </font> </div> <div> <font> También puede crear un elemento emergente utilizando la personalización de sitio web. Cree una regla de personalización. En el campo "acción", seleccione la acción del elemento emergente. </font> </div> <div> <font> <br/> </font> </div> <div> <font> Para obtener más información sobre la personalización de sitios web, vea nuestro artículo Reglas de personalización. </font> </div> <div> <font> <br/> </font> </div> </div> </span> </div> <div> <div> <span> </span> </div> </div> </div> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> <br/> </div> <div> <font> Editar un elemento emergente </font> </div> <div> <font> <br/> </font> </div> <div> <font> Un elemento emergente es muy similar a una página. Puede agregar nuevas filas y columnas e insertar cualquier widget a un elemento emergente. </font> </div> <div> <font> <br/> </font> </div> <div> <font> Puede ajustar el tamaño del elemento emergente arrastrando el manillar de la esquina. </font> </div> <div> <font> <br/> </font> </div> </div> </span> </div> <div> <div> <span> </span> </div> </div> </div> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> <br/> </div> <div> <font> Configuración de elementos emergentes </font> </div> <div> <font> <br/> </font> </div> <div> <font> El menú de elementos emergentes incluye 3 configuraciones básicas. </font> </div> <div> <ul> <li> <div> <span> Cambiar nombre: cambie el nombre de la página en el Editor. NOTA: Esto no cambia la URL de la página. </span> </div> </li> <li> <div> <span> Duplicar: crea una copia exacta de la ventana emergente. </span> </div> </li> <li> <div> <span> Eliminar: elimina la ventana emergente. Esta acción es irreversible a menos que tenga una copia de seguridad. </span> </div> </li> </ul> </div> <div> <font> <br/> </font> </div> </div> </span> </div> <div> <div> <span> </span> </div> </div> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> <font> SEO de página vs. SEO de sitio </font> </div> <div> <font> <br/> </font> </div> <div> <font> Recomendamos agregar información de SEO (Título y Descripciones) en el nivel de página, de forma que cada página pueda tener un Título y Descripciones únicos. Esto es más útil que tener un Título y Descripciones compartidos en todo el sitio web. </font> </div> <div> <font> <br/> </font> </div> <div> <i> <font> Estoy usando un elemento emergente a través de personalización de sitio web, pero no está funcionando. </font> </i> </div> <div> <i> <font> <br/> </font> </i> </div> <div> <span> Las ventanas emergentes creadas con condiciones de personalización solo aparecen una vez por sesión. Una sesión es cualquier actividad en el Sitio y permanece activa hasta que hayan transcurrido al menos 30 a 60 minutos. Para ver su regla de personalización en acción, intente 1) borrar sus cookies y caché, 2) usar otro navegador o 3) esperar hasta que el tiempo haya expirado.  </span> <br/> </div> </div> </span> <div> <span> </span> </div> </div> </div> Tue, 29 Oct 2019 19:51:55 GMT https://soporte.misitio.app/articulos/paginas-y-elementos-emergentes introducción thumbnail Menús de Navegación y subnavegación https://soporte.misitio.app/articulos/menus-de-navegacion-y-subnavegacion <h3> <span> Descripción general </span> </h3> <div data-rss-type="text"> <div> <span> Los menús de Navegación y subnavegación son enlaces a páginas internas de su sitio web. Creamos estos menús automáticamente con base en las páginas que usted ha creado y la disposición del menú puede variar un poco de plantilla a plantilla. Un menú de Navegación bien estructurado ayuda a los visitantes de su sitio a encontrar la información que están buscando. </span> </div> </div> <h3> <span> <font> Creación del menú </font> </span> </h3> <div data-rss-type="text"> <div> <font> <span> Agregue el widget de enlaces de Navegación al sitio y escoja una de las opciones para completar la lista de enlaces. </span> </font> </div> <div> <ul> <li> <span> <font> Página del sitio: complete el contenido en los enlaces de navegación con las páginas del sitio, las carpetas de navegación y las anclas. Este menú se generará automáticamente en función de la pestaña Páginas del sitio. Esta es una manera rápida de colocar una navegación básica en su sitio.  </font> </span> </li> <li> <span> <font> Enlaces personalizados: Cree su propio menú con enlaces personalizados. Esta opción le brinda más flexibilidad para crear las barras de navegación rápida para agregar navegación de página interna, navegación de pie de página con solo los enlaces más útiles, cuentas de las redes sociales y mucho más. </font> </span> </li> </ul> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/navigation13_en-US.png"/> </a> </div> <div data-rss-type="text"> <span> <div> <div> <div> <span> Después de escoger la opción de Enlaces personalizados, el editor le pedirá que complete la lista de enlaces con elementos personalizados, de forma similar a como trabajaría con el selector de vínculos. Solo agregue elementos y vincúlelos con páginas y anclas externas e internas. </span> </div> <div> <span> <br/> </span> </div> </div> </div> </span> </div> <h3> <span> <font> Diseño del menú </font> </span> </h3> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> <font color="#595959"> Edite el diseño de navegación haciendo clic con el botón derecho en la navegación y seleccionando Editar diseño. </font> </div> </div> </span> <div> <span> </span> </div> </div> </div> <h3> <span> <font> Disposición </font> </span> </h3> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> <font color="#595959"> La sección Disposición le permite cambiar fácilmente entre los diferentes diseños de la barra de navegación. Tenga en cuenta que puede modificar el diseño de cualquiera de estas disposiciones, así que solo tiene que elegir uno que se parezca al diseño que desea y, a continuación, consultar las secciones predefinidas posteriores de este artículo para personalizar aún más la apariencia. </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </span> </div> <div> <div> <span> </span> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/nav2_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> Para utilizar las capacidades de navegación (publicadas o no publicadas), los usuarios tendrán que cambiar activamente una disposición. La nueva navegación utiliza diferentes selectores CSS, por lo que al cambiar la disposición, se restablecerá la personalización de la navegación y el usuario podrá personalizarla de nuevo. Al hacer clic en Deshacer, se restaurará la navegación anterior. </div> <div> <br/> </div> </div> </span> <div> <span> </span> </div> </div> </div> <h3> <span> <font> Disposición de la navegación secundaria </font> </span> </h3> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> <span> <font> Si su sitio contiene subpáginas, también tendrá acceso a una sección Disposición de subnavegación. Aquí puede seleccionar una disposición para determinar cómo aparecerán las subpáginas en su sitio. Al igual que la disposición de la navegación principal, también puede modificar la disposición de la subnavegación en las secciones predefinidas posteriores. </font> </span> <br/> </div> <div> <span> <font> <br/> </font> </span> </div> </div> </span> </div> <div> <div> <span> </span> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/nav3_en-US.png"/> </a> </div> <h3> <span> <font> Navegación dividida / Logotipo central </font> </span> </h3> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> <span> <font> Si desea colocar el logotipo de su sitio entre los elementos de navegación sin tener que crear dos conjuntos separados de navegaciones, puede hacerlo seleccionando la orientación "Horizontal con logotipo". </font> </span> <br/> </div> <div> <span> <font> <br/> </font> </span> </div> </div> </span> </div> <div> <div> <span> </span> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/nav4_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> Esto dividirá los enlaces de navegación en dos, alineándolos equitativamente a ambos lados del logotipo. La característica de logotipo central considera el número de elementos de navegación, así que si sigue agregando páginas, los elementos de navegación se organizarán automáticamente. </div> <div> <br/> </div> <div> Si hay un número impar de elementos de navegación, el lado derecho contendrá más elementos (no hay opción para cambiarlo). </div> <div> <br/> </div> </div> </span> <div> <span> </span> </div> </div> </div> <h3> <span> <font> Páginas </font> </span> </h3> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> <span> <font> En la ficha Páginas, puede personalizar lo siguiente: </font> </span> </div> <div> <ul> <li> <div> <font color="#595959"> El estilo de barras de navegación individuales (color de fondo, color del efecto hover y el espacio en blanco, así como el estilo de texto) </font> </div> </li> <li> <div> <font color="#595959"> La dirección de navegación (de izquierda a derecha o de derecha a izquierda) </font> </div> </li> <li> <div> <font color="#595959"> El número de elementos de navegación visibles </font> </div> </li> <li> <div> <font color="#595959"> El tipo de divisor que desea usar entre sus páginas de navegación (si desea un divisor). </font> </div> </li> <li> <div> <font color="#595959"> Si la opción de habilitar la navegación rápida está habilitada (lea más sobre esto en Consideraciones)  </font> </div> </li> </ul> </div> </div> </span> </div> <div> <div> <span> </span> </div> </div> </div> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> <span> <font> Si hace clic en "Texto del enlace", podrá ajustar opciones para lo siguiente: </font> </span> </div> <div> <ul> <li> <div> <font color="#595959"> Tipo de fuente </font> </div> </li> <li> <div> <font color="#595959"> Tamaño de la fuente </font> </div> </li> <li> <div> <font color="#595959"> Color del texto </font> </div> </li> <li> <div> <font color="#595959"> Opción de subrayado, negrita y cursiva </font> </div> </li> </ul> </div> </div> </span> </div> <div> <div> <span> </span> </div> </div> </div> <h3> <font color="#000000"> <span> Página seleccionada y efectos "hover" </span> </font> </h3> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> <font color="#595959"> En la parte inferior de la sección Páginas, puede personalizar el estilo de la navegación seleccionada y los efectos "hover" para la navegación. Seleccione entre los diferentes efectos "hover" para hacer que su sitio sea aún más singular. </font> </div> <div> <span> <font> <br/> </font> </span> </div> </div> </span> </div> <div> <div> <span> </span> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/nav7_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> En la parte inferior de la sección Páginas, puede personalizar el estilo de la navegación seleccionada y los efectos "hover" para la navegación. Seleccione entre los diferentes efectos "hover" para hacer que su sitio sea aún más singular. </div> <div> <br/> </div> </div> </span> <div> <span> </span> </div> </div> </div> <h3> <span> <font> Subpáginas </font> </span> </h3> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> <font color="#595959"> En la ficha Subpáginas, puede personalizar el estilo de la navegación secundaria </font> </div> <div> <ul> <li> <div> <font color="#595959"> Color de fondo </font> </div> </li> <li> <div> <font color="#595959"> Sombras </font> </div> </li> <li> <div> <font color="#595959"> El espaciado entre la subnavegación </font> </div> </li> <li> <div> <font color="#595959"> Estilo del divisor </font> </div> </li> <li> <div> <font color="#595959"> Color de fondo de la página seleccionada </font> </div> </li> </ul> </div> </div> </span> </div> <div> <div> <span> </span> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/nav9_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> Si ingresa en las opciones de "texto del enlace" para las subpáginas, también puede especificar cómo aparecerán las subpáginas. Específicamente: </div> <div> <ul> <li> <div> Estilo de la fuente </div> </li> <li> <div> Tamaño de la fuente </div> </li> <li> <div> Color del texto </div> </li> <li> <div> Negrita, subrayado y cursiva </div> </li> <li> <div> Dirección del texto: de derecha a izquierda o de izquierda a derecha </div> </li> <li> <div> Color del texto de la página seleccionada </div> </li> <li> <div> Negrita, subrayado y cursiva en página seleccionada </div> </li> </ul> </div> <div> <br/> </div> </div> </span> <div> <span> </span> </div> </div> </div> Tue, 29 Oct 2019 19:50:10 GMT https://soporte.misitio.app/articulos/menus-de-navegacion-y-subnavegacion introducción thumbnail Teclas de acceso directo https://soporte.misitio.app/articulos/teclas-de-acceso-directo <h3> <span> Descripción general </span> </h3> <div data-rss-type="text"> <div> <span> Las teclas de acceso directo son combinaciones de teclas que realizan ciertas tareas cuando se presionan simultáneamente. Por lo general, estas tareas requieren el uso de un ratón, tales como hacer clic con el botón derecho para copiar un widget. Aprender a usar las teclas de acceso directo integradas del Editor puede ahorrarle tiempo y hacer que el proceso de edición de su sitio sea mucho más rápido. </span> </div> </div> <h3> <span> <font> Teclas de acceso directo del Editor </font> </span> </h3> <div data-rss-type="text"> <ul> <li> <span> <font> Vista previa: Ctrl+Alt+P </font> </span> </li> <li> <span> <font> Abrir Modo de des.: Ctrl+Alt+C </font> </span> </li> <li> <span> <font> Abrir sitio original (si el sitio es importado): Ctrl+O </font> </span> </li> <li> <span> <font> Copiar widget: Ctrl+C (mientras mantiene el cursor sobre el widget) </font> </span> </li> <li> <span> <font> Pegar widget: Ctrl+V (pega elementos copiados sobre el elemento seleccionado/sobre el cual actualmente se mantiene el cursor) </font> </span> </li> <li> <span> <font> Deshacer: Ctrl+Z </font> </span> </li> <li> <span> <font> Volver a hacer: Ctrl+Y </font> </span> </li> </ul> </div> <h3> <span> <font> Teclas de acceso directo del Editor de texto </font> </span> </h3> <div data-rss-type="text"> <ul> <li> <span> <font> Negrita: Ctrl+B </font> </span> </li> <li> <span> <font> Cursiva: Ctrl+I </font> </span> </li> <li> <span> <font> Subrayado: Ctrl+U </font> </span> </li> <li> <span> <font> Alinear texto: Ctrl+R, E, L </font> </span> </li> <li> <span> <font> Borrar formato de texto: Ctrl+0 </font> </span> </li> </ul> </div> <h3> <span> <font> Teclas de acceso directo del Modo de des. </font> </span> </h3> <div data-rss-type="text"> <ul> <li> <span> <font> Buscar: Ctrl+F </font> </span> </li> <li> <span> <font> Buscar y reemplazar: Ctrl+F + Ctrl+F </font> </span> </li> <li> <span> <font> Alt+Espacio: Habilita sugerencias mientras escribe </font> </span> </li> <li> <span> <font> Guardar: Ctrl+S </font> </span> </li> <li> <span> <font> Duplicar línea seleccionada: Ctrl+Alt+UP </font> </span> </li> <li> <span> <font> Mover línea hacia arriba: Alt+flecha hacia arriba </font> </span> </li> <li> <span> <font> Ir a la línea No.: Ctrl+L </font> </span> </li> <li> <span> <font> Alternar comentario: Ctrl+/ </font> </span> </li> </ul> </div> <h3> <span> <font> Consideraciones </font> </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> <span> Al usar una Mac, sustituya la tecla Ctrl con el botón Comando. Por ejemplo, el modo de Vista previa en una PC es Ctrl+Alt+P, mientras que el modo de Vista previa en una Mac es Comando+Alt+P. </span> </font> </div> </div> Tue, 29 Oct 2019 19:49:26 GMT https://soporte.misitio.app/articulos/teclas-de-acceso-directo introducción thumbnail Usando el menú de colores https://soporte.misitio.app/articulos/usando-el-menu-de-colores <h3> <span> Descripción general </span> </h3> <div data-rss-type="text"> <div> <span> El menú Colores le permite seleccionar colores para un widget o fondo. Puede seleccionar un color en el panel de colores o ingresar un valor de color hexadecimal. Mantener su esquema de colores coherente ayuda a conservar un aspecto profesional en su sitio. </span> </div> </div> <h3> <span> <font> Guía  </font> </span> </h3> <div data-rss-type="text"> <div> <font> </font> </div> <span> <div> <font> Colores recientes </font> </div> <div> <font> <br/> </font> </div> <div> <font> Al seleccionar un color, el menú de colores recientes presenta una muestra de colores que se usaron recientemente en su sitio. Esto le permite seleccionar rápidamente colores que ya están en su sitio. </font> </div> <div> <font> <br/> </font> </div> <div> <font> Elegir otro color </font> </div> <div> <font> <br/> </font> </div> <div> <font> Seleccione la tonalidad de un color usando el gradiente de color vertical a la derecha o el panel de colores. Alternativamente, puede ingresar el valor hexadecimal del color que desea en el cuadro de texto debajo del gradiente de color vertical. </font> </div> <div> <font> <br/> </font> </div> <div> <font> Opacidad </font> </div> <div> <font> <br/> </font> </div> <div> <font> El deslizador de opacidad determina la transparencia de un elemento. Tenga presente que a medida que reduce la opacidad de un elemento, lo que esté detrás del mismo (imagen o color de fondo) comenzará a mezclarse con ese elemento. </font> </div> </span> <div> <font> </font> </div> </div> <h3> <span> <font> Preguntas frecuentes </font> </span> </h3> <div data-rss-type="text"> <div> <font> </font> </div> <span> <div> <font> ¿Puedo usar valores RGB para mis colores? </font> </div> <div> <font> <br/> </font> </div> <div> <font> ¡Sí, puede hacerlo! Cambie los valores RGB usando el cuadro RGB. </font> </div> </span> <div> <font> </font> </div> </div> Tue, 29 Oct 2019 19:48:36 GMT https://soporte.misitio.app/articulos/usando-el-menu-de-colores introducción thumbnail Elegir y colocar imágenes https://soporte.misitio.app/articulos/elegir-y-colocar-imagenes <h3> <span> Descripción general </span> </h3> <div data-rss-type="text"> <div> <span> El menú Elegir y colocar imágenes le permite seleccionar imágenes que se usarán en distintos widgets de su sitio. Puede agregar imágenes a su sitio desde casi cualquier lugar, incluido su sitio actual, cuenta de Facebook, computadora, otros sitios en internet o nuestra colección de imágenes de archivo integrada. Esto le ofrece acceso a una gran variedad de opciones de imágenes adecuadas para su sitio, por lo que puede encontrar exactamente la imagen apropiada para representar a su empresa. </span> </div> </div> <h3> <span> <font> Creación del menú </font> </span> </h3> <div data-rss-type="text"> <div> <font> <span> Al seleccionar imágenes para usarlas en su sitio, el editor usará el selector rápido de manera predeterminada. </span> </font> </div> </div> <h3> <span> <font> Selector rápido de imágenes </font> </span> </h3> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> <font color="#595959"> El selector rápido de imágenes es una forma sencilla de elegir imágenes. Podrá elegir imágenes de sus carpetas o entre las imágenes que ya hayamos agregado a la plataforma. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Utilizamos "desplazamiento infinito", así que simplemente desplácese hacia abajo para revelar más imágenes en esta ventana. </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </span> <div> <span> </span> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/chooseimages_1_en-US.png"/> </a> </div> <h3> <span> <font> Disposición </font> </span> </h3> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> <font color="#595959"> Con el selector rápido abierto, puede: </font> </div> <div> <div> <ul> <li> <div> <font color="#595959"> Seleccionar la carpeta con las imágenes que desea usar </font> </div> </li> <li> <div> <font color="#595959"> Presionar el icono "+" para cargar su propia imagen </font> </div> </li> <li> <div> <font color="#595959"> Cambiar a la vista completa para acceder a más opciones de selección de imágenes </font> </div> </li> </ul> </div> </div> </div> </span> </div> <div> <div> <span> </span> </div> </div> </div> <h3> <span> <font> Vista completa </font> </span> </h3> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> <span> <font> Fuentes de las imágenes </font> </span> </div> <div> <span> <font> <br/> </font> </span> </div> <div> <span> <font> El editor adaptable muestra automáticamente imágenes de distintas fuentes, incluyendo:  </font> </span> </div> <div> <ul> <li> <div> <font color="#595959"> El sitio que usted está importando (si está importando un sitio) </font> </div> </li> <li> <div> <font color="#595959"> Imágenes gratuitas de diversas fuentes (como Unsplash) </font> </div> </li> <li> <div> <font color="#595959"> La página de Facebook de negocios relacionados </font> </div> </li> <li> <div> <font color="#595959"> Imágenes cargadas </font> </div> </li> </ul> </div> <div> <span> <font> Puede seleccionar entre las fuentes haciendo clic en las fichas de la izquierda. </font> </span> </div> <div> <span> <font> <br/> </font> </span> </div> </div> </span> </div> <div> <div> <span> </span> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/chooseimages_2_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> <font color="#000000"> Seleccionar imágenes </font> </div> <div> <span> <font> <br/> </font> </span> </div> <div> <span> <font> Simplemente seleccione una imagen para obtener más información sobre ella. Puede ver el tamaño, el nombre y otros datos en el lado derecho después de haberla seleccionado. </font> </span> </div> <div> <span> <font> <br/> </font> </span> </div> </div> </span> </div> <div> <div> <span> </span> </div> </div> </div> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> <font color="#000000"> Cargar nuevas imágenes </font> </div> <div> <span> <font> <br/> </font> </span> </div> <div> <span> <font> Al hacer clic en el botón Cargar imágenes, se le pedirá que cargue una nueva imagen desde su computadora. </font> </span> </div> <div> <span> <font> <br/> </font> </span> </div> <div> <span> <font> Si prefiere cargar sus propias imágenes a través de Facebook u otro método, puede cerrar el cuadro de diálogo inicial y hacer clic en "Cargar desde...". </font> </span> </div> <div> <span> <font> <br/> </font> </span> </div> </div> </span> </div> <div> <div> <span> </span> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/chooseimages_5_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> <span> Estas son algunas de las opciones que tiene aquí: </span> <br/> </div> <div> <ul> <li> <div> <font color="#595959"> Buscar imágenes web en Wikipedia y Google Images </font> </div> </li> <li> <div> <font color="#595959"> Agregar imágenes desde Facebook, Flickr, Dropbox, Google Drive, Google Fotos o un URL específico </font> </div> </li> <li> <div> <font color="#595959"> Cargar imágenes desde su computadora arrastrando una imagen de la computadora a la sección marcada. </font> </div> </li> </ul> </div> <div> <span> <font> <br/> </font> </span> </div> </div> </span> </div> <div> <div> <span> </span> </div> </div> </div> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> <font color="#000000"> Agregar imágenes </font> </div> <div> <span> <font> <br/> </font> </span> </div> <div> <span> <font> Para agregar una imagen, haga clic en ella para seleccionarla. </font> </span> </div> <div> <span> <font> <br/> </font> </span> </div> <div> <span> <font> Al seleccionar imágenes para los widgets Deslizador de imágenes o Galería de fotos, puede seleccionar varias imágenes al mismo tiempo. Mientras lo hace, a cada imagen se le aplicará un borde de color. Cuando haga clic en Listo, todas las imágenes seleccionadas se agregarán al widget. </font> </span> </div> <div> <span> <font> <br/> </font> </span> </div> </div> </span> </div> <div> <div> <span> </span> </div> </div> </div> <h3> <span> <font> Gestionar imágenes </font> </span> </h3> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> <font color="#595959"> Puede organizar y gestionar sus imágenes para que la actualización del contenido de su sitio sea más sencilla. Con la ventana del selector de imágenes abierta, simplemente haga clic en el botón Gestionar imágenes para cambiar de modo. </font> </div> <div> <span> <font> <br/> </font> </span> </div> </div> </span> </div> <div> <div> <span> </span> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/chooseimages_8_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> Hay una gran cantidad de opciones disponibles en este modo. Vea el diagrama en la siguiente captura de pantalla y luego lea el texto que se encuentra debajo para entender cada opción. </div> <div> <br/> </div> </div> </span> <div> <span> </span> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/chooseimages_9_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> <span> <font> <br/> </font> </span> </div> <div> <ol> <li> <div> <font color="#595959"> Buscar todas las imágenes - Si conoce el nombre de la imagen que está buscando, puede realizar una búsqueda de texto para encontrarla </font> </div> </li> <li> <div> <font color="#595959"> Filtrar - Filtre sus imágenes para reducir el tipo de imagen que está buscando </font> </div> </li> <li> <div> <font color="#595959"> Agregar carpeta - Agregue una nueva carpeta en la que pueda agrupar imágenes </font> </div> </li> <li> <div> <font color="#595959"> Cambiar nombre - Cambie el nombre de una sola imagen </font> </div> </li> <li> <div> <font color="#595959"> Deseleccionar - Retire una sola imagen de las imágenes seleccionadas </font> </div> </li> <li> <div> <font color="#595959"> Carrusel de imágenes seleccionadas - Vea aquí las imágenes que seleccionó </font> </div> </li> <li> <div> <font color="#595959"> Mover a carpeta - Mueva las imágenes seleccionadas a una carpeta </font> </div> </li> <li> <div> <font color="#595959"> Eliminar seleccionadas - Elimine estas imágenes y retírelas de su biblioteca o carpeta de imágenes </font> </div> </li> <li> <div> <font color="#595959"> Deseleccionar todas las imágenes - Cancele la selección de las imágenes que haya seleccionado </font> </div> </li> </ol> </div> </div> </span> </div> <div> <div> <span> </span> </div> </div> </div> <h3> <span> <font> Consideraciones  </font> </span> </h3> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> <font color="#595959"> El editor adaptable es compatible con el formato de archivo SVG. Puede usar imágenes SVG con el widget de icono. </font> </div> </div> </span> </div> <div> <div> <span> </span> </div> </div> </div> Tue, 29 Oct 2019 19:47:51 GMT https://soporte.misitio.app/articulos/elegir-y-colocar-imagenes Introducción thumbnail Etiquetas y enlaces de ancla https://soporte.misitio.app/articulos/etiquetas-y-enlaces-de-ancla <h3> <span> Descripción general </span> </h3> <div data-rss-type="text"> <div> <span> Los enlaces de ancla le permiten enviar a los visitantes a una sección específica de la página, lo que les facilita ir de un lugar a otro en una página más larga o a una sección específica que desee destacar. Los enlaces de ancla son muy útiles para permitir a los usuarios saltarse contenido que quizás no se aplique a ellos y así mantenerlos enfocados en lo que es importante. </span> </div> </div> <h3> <span> <font> Guía </font> </span> </h3> <div data-rss-type="text"> <div> <font> <span> Agregar un ancla </span> </font> </div> <div> <font> <span> <br/> </span> </font> </div> <blockquote> <div> <font> <span> 1. Haga clic con el botón derecho en un widget o fila, luego seleccione Establecer como ancla. </span> </font> </div> </blockquote> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/anchortags1_en-US.png"/> </a> </div> <div data-rss-type="text"> <blockquote> <span> <div> <div> <div> <span> 2. Elige un nombre de ancla. Si desea que el delimitador aparezca en la navegación del sitio, asegúrese de que "Navegación en el sitio" esté marcado. </span> </div> </div> </div> </span> </blockquote> <span> <div> <div> <div> <span> <br/> </span> </div> </div> </div> </span> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/anchortags2_en-US.png"/> </a> </div> <div data-rss-type="text"> <blockquote> <span> <div> <div> <div> <span> 3. Haga clic en Actualizar. </span> </div> </div> </div> </span> </blockquote> <span> <div> <div> <div> <span> <br/> </span> </div> </div> </div> </span> </div> <h3> <span> <font> Enlazar con un ancla </font> </span> </h3> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> <font color="#595959"> Al crear un enlace de texto o botón, seleccione la opción Ancla, luego escoja el ancla hacia el cual desea establecer el enlace en el menú desplegable. </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </span> <div> <span> </span> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/anchortags3_en-US.png"/> </a> </div> <h3> <span> <font> Eliminar un ancla </font> </span> </h3> <div data-rss-type="text"> <blockquote> <div> <span> <div> <div> <font color="#595959"> 1. haga clic con el botón derecho en el widget o fila anclado, luego seleccione Editar ancla. </font> </div> </div> </span> </div> </blockquote> <div> <div> <span> </span> </div> <span> <div> <div> <font color="#595959"> <br/> </font> </div> </div> </span> <div> <span> </span> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/anchortags4_en-US.png"/> </a> </div> <div data-rss-type="text"> <blockquote> <div> <span> <div> <div> 2. Haga clic en Eliminar ancla. </div> <div> <br/> </div> </div> </span> </div> </blockquote> <div> <div> <span> </span> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/anchortags5_en-US.png"/> </a> </div> <h3> <font color="#000000"> <span> Consideraciones  </span> </font> </h3> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> <font color="#595959"> Solo es posible establecer enlaces a anclas en la misma página, no a páginas diferentes. </font> </div> <div> <span> <font> <br/> </font> </span> </div> </div> </span> </div> <div> <div> <span> </span> </div> </div> </div> Tue, 29 Oct 2019 19:46:54 GMT https://soporte.misitio.app/articulos/etiquetas-y-enlaces-de-ancla introducción thumbnail Edición de widgets https://soporte.misitio.app/articulos/edicion-de-widgets <h3> <span> Descripción general </span> </h3> <div data-rss-type="text"> <div> <span> Los widgets son los bloques de construcción de su sitio web. El Website Builder le permite personalizarlos rápidamente a su gusto, lo que le da el control de la apariencia y disposición de su sitio. Editar los widgets también le brinda mayor control sobre qué características tiene su sitio web y cómo se comportan estas características. Independientemente de si está considerando captar oportunidades de negocios, conducir a los visitantes de página en página, mostrar imágenes que le enorgullecen o colocar un mensaje importante en un párrafo, los widgets pueden ayudarle. </span> </div> </div> <h3> <span> <font> Guía </font> </span> </h3> <div data-rss-type="text"> <div> <span> Para editar un widget, mueva el cursor sobre este y haga clic, o haga clic con el botón derecho para ver el menú contextual del widget. Cada widget tiene opciones diferentes, pero algunas son comunes en casi todos los widgets: </span> </div> <div> <span> <br/> </span> </div> </div> <div data-rss-type="text"> <div> <font> <span> Editar diseño </span> </font> </div> <div> <br/> </div> <div> <span> Le permite hacer cambios en el estilo, incluidos color, texto, imágenes y otras características. También le permite cambiar el espacio en blanco del widget. </span> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/editingwidgets2_en-us.png"/> </a> </div> <div data-rss-type="text"> <div> <font> <span> Editar HTML/CSS </span> </font> </div> <div> <br/> </div> <div> <span> Le permite hacer cambios en el HTML o CSS del widget. Solo recomendamos esta opción si usted conoce bien estos lenguajes. </span> </div> <div> <span> <br/> </span> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/editingwidgets3_en-us.png"/> </a> </div> <div data-rss-type="text"> <div> <font> <span> <br/> </span> </font> </div> <div> <font> <span> Alineación </span> </font> </div> <div> <br/> </div> <div> <font> <span> Establezca si el widget se fija a la izquierda, derecha o centro de esta área. </span> </font> </div> <div> <span> <br/> </span> </div> </div> <div data-rss-type="text"> <div> <font> <span> Animación de entrada </span> </font> </div> <div> <br/> </div> <div> <font> <span> Le permite personalizar cómo aparece el widget en la pantalla; por ejemplo, aparición gradual, en rebote o acercamiento. </span> </font> </div> <div> <span> <br/> </span> </div> </div> <div data-rss-type="text"> <div> <font> <span> Seleccionar contenedor </span> </font> </div> <div> <br/> </div> <div> <font> <span> Selecciona la columna o fila en la que está este widget, lo que le permite encontrarlo y editarlo. </span> </font> </div> <div> <span> <br/> </span> </div> </div> <div data-rss-type="text"> <div> <font> <span> Copiar/pegar </span> </font> </div> <div> <br/> </div> <div> <font> <span> Copiar un widget lo guarda, de manera que puede pegarlo en otra ubicación. La opción de pegar solo aparece si usted tiene un widget que se ha copiado. </span> </font> </div> <div> <font> <span> <br/> </span> </font> </div> <div> <font> <span> Copiar un widget lo guarda, por lo que puede pegarlo luego debajo de otra fila. La opción de pegar solo aparece en el cuadro de diálogo de la fila cuando usted tiene una fila que se ha copiado. </span> </font> </div> <div> <span> <br/> </span> </div> </div> <h3> <span> <font> Ocultar en dispositivo </font> </span> </h3> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> <font color="#595959"> Use la característica ocultar en dispositivo para cambiar su contenido dependiendo del dispositivo que utiliza el visitante para ingresar a su sitio web. Muestre un widget de clic para llamar para usuarios de dispositivos móviles o un formulario de contacto para los usuarios de escritorio. Los widgets ocultos por la característica Ocultar en dispositivo no desaparecen definitivamente; puede ver todos los elementos ocultos de una página haciendo clic en el botón Mostrar elementos en la parte inferior del menú de la izquierda.  </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </span> <div> <span> </span> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/editingwidgets6_en-us.png"/> </a> </div> <div data-rss-type="text"> <div> <font> <span> Establecer como ancla </span> </font> </div> <div> <br/> </div> <div> <font> <span> Los enlaces de ancla le permiten enviar a los visitantes a una sección específica de la página, lo que les facilita ir de un lugar a otro en una página más larga o a una sección específica que desee destacar. </span> </font> </div> <div> <span> <br/> </span> </div> </div> <div data-rss-type="text"> <div> <font> <span> Eliminar </span> </font> </div> <div> <br/> </div> <div> <font> <span> La opción Eliminar elimina el widget, suprimiéndolo de todos los dispositivos. </span> </font> </div> <div> <span> <br/> </span> </div> </div> <h3> <font color="#000000"> <span> Consideraciones  </span> </font> </h3> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> <font color="#595959"> Algunos widgets se comportan de manera muy diferente en diferentes vistas. Es una buena práctica verificar la forma en que se muestran sus widgets en cada vista después de agregarlos para asegurarse de que se muestran de la manera que usted desea. </font> </div> <div> <span> <font> <br/> </font> </span> </div> </div> </span> </div> <div> <div> <span> </span> </div> </div> </div> Tue, 29 Oct 2019 19:43:19 GMT https://soporte.misitio.app/articulos/edicion-de-widgets introducción thumbnail Espaciado https://soporte.misitio.app/articulos/espaciado <h3> <span> Descripción general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> <span> Los márgenes y el relleno son el espacio alrededor de un widget. El margen es el espacio fuera de los bordes del elemento; El relleno es el espacio dentro de estas fronteras. Cuando ajusta los márgenes y el relleno de un widget, cambia su ubicación y apariencia. Esto puede hacer que su sitio se vea más personalizado y profesional. </span> </font> </div> </div> <h3> <span> <font> Guía </font> </span> </h3> <div data-rss-type="text"> <div> </div> <blockquote> <span> <div> 1. Haga clic con el botón derecho en cualquier widget, columna o fila y luego haga clic en Editar diseño. </div> </span> </blockquote> <span> <div> <br/> </div> </span> <blockquote> <span> <div> 2. Haga clic en la ficha Espaciado. </div> </span> </blockquote> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/spacing2_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <font> <span> <br/> </span> </font> </div> <div> <font color="#000000"> <span> Margen </span> </font> </div> <div> <font color="#000000"> </font> </div> <span> <div> <font color="#000000"> <br/> </font> </div> <div> <span> Para cambiar los márgenes (espacio exterior), haga clic y edite los números en el cuadro exterior. También puede hacer clic en uno de estos números y usar el control deslizante para ajustar </span> </div> </span> <div> <span> </span> </div> <div> <span> <br/> </span> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/spacing3_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <font> <span> <br/> </span> </font> </div> <div> <font> <span> Padding / Relleno interior </span> </font> </div> <div> <br/> </div> <div> <font> <span> Para cambiar el relleno (espacio interior), haga clic y edite los números en el cuadro interior. También puede hacer clic en uno de estos números y usar el control deslizante para ajustar el tamaño. </span> </font> </div> <div> <span> <br/> </span> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/spacing4_en-US.png"/> </a> </div> <h3> <font color="#000000"> <span> Consideraciones  </span> </font> </h3> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> <font color="#595959"> Si ve espacios impares que no puede eliminar, asegúrese de verificar todas las partes del widget, incluida la columna en la que se encuentra. </font> </div> <div> <span> <font> <br/> </font> </span> </div> </div> </span> </div> <div> <div> <span> </span> </div> </div> </div> Tue, 29 Oct 2019 19:33:29 GMT https://soporte.misitio.app/articulos/espaciado thumbnail Editor de filas https://soporte.misitio.app/articulos/editor-de-filas <h3> <span> Descripción general </span> </h3> <div data-rss-type="text"> <div> <font color="#595959"> <span> Use el Editor de diseño de fila para cambiar el color / imagen de fondo de la fila, agregar un borde o ajustar el relleno y los márgenes (espaciado interno y externo) de la fila. Use filas para organizar y organizar el contenido en su sitio. </span> </font> </div> </div> <h3> <span> <font> Guía </font> </span> </h3> <div data-rss-type="text"> <div> </div> <span> <div> Desplace el cursor sobre la parte superior izquierda de una fila hasta que aparezca un botón de fila. Haga clic en el botón Fila. </div> <div> <br/> </div> <div> Las flechas hacia arriba y hacia abajo mueven la fila actual arriba y abajo. El botón + agregará una fila arriba de la fila actual que se está editando. </div> </span> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/roweditor2_en-US.png"/> </a> </div> <div data-rss-type="text"> <div> <span>  Otras opciones de edición incluyen: </span> </div> <div> <ul> <li> <span> Agregar columna - agrega una columna a la fila. </span> </li> <li> <span> Editar diseño: muestra el Editor de diseño de filas. </span> </li> <li> <span> Animación de entrada: agrega una animación de entrada a la fila (por ejemplo, desvanecerse desde la derecha, rebotar, acercar). </span> </li> <li> <span> Clear Padding - borra el espacio interior dentro de la fila. </span> </li> <li> <span> Copiar - copia la fila. </span> </li> <li> <span> Ocultar en dispositivo: oculta la fila en un dispositivo específico (por ej., Escritorio, tableta. Móvil). </span> </li> <li> <span> Editar ancla - ancle la fila a la pagina o eliminar un ancla existente. </span> </li> <li> <span> Eliminar - elimina la fila. </span> </li> </ul> </div> </div> <div data-rss-type="text"> <div> <font> <span> <br/> </span> </font> </div> <div> <font color="#000000"> <span> Editor de diseño </span> </font> </div> <div> <font color="#000000"> <br/> </font> </div> <div> <font> <span> Para editar el estilo o espaciado de fondo, haga clic en Editar diseño para abrir el Editor de diseño. </span> </font> </div> <div> <span> <br/> </span> </div> </div> <div data-rss-type="text"> <div> <font> <span> Filas con sangrado completo </span> </font> </div> <div> <br/> </div> <div> <font> <span> Puede cambiar la fila a una fila con sangrado completo, lo cual permite que el contenido se extienda toda la anchura de la pantalla. Si elige no tener filas con sangrado completo, la anchura del contenido se limita a 960 píxeles.   </span> </font> </div> <div> <span> <br/> </span> </div> </div> <div data-rss-type="text"> <div> <font> <span> Deslizador de imágenes de fondo </span> </font> </div> <div> <br/> </div> <div> <font> <span> Agregamos la posibilidad de seleccionar varias imágenes para el fondo de la fila o columna. Esto esencialmente crea un deslizador de imágenes en el fondo. </span> </font> </div> <div> <font> <span> <br/> </span> </font> </div> <div> <font> <span> Para crear el deslizador de imágenes de fondo, haga clic en el signo de + y elija varias imágenes en el selector de imágenes. </span> </font> </div> <div> <span> <br/> </span> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/imageslider2.png"/> </a> </div> <div data-rss-type="text"> <div> <font> <span> </span> </font> </div> <span> <div> <font> <span> <br/> </span> </font> </div> <div> <font color="#595959"> Una vez creado el deslizador, puede establecer ajustes para las diapositivas, tales como el estilo de transición de las diapositivas y la velocidad de las diapositivas, en el menú de diseño de fila. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Cualquiera de las otras opciones disponibles para las imágenes de fondo, como Superposición del fondo, Posicionamiento y Estilo de presentación, se puede aplicar al deslizador. </font> </div> <div> <font color="#595959"> <br/> </font> </div> <div> <font color="#595959"> Recuerde que también puede agregar este deslizador de fondo a cualquier columna. </font> </div> </span> <div> <font color="#595959"> </font> </div> <div> <span> <br/> </span> </div> </div> <h3> <span> <font> Controles de paralaje en la fila </font> </span> </h3> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> <font color="#595959"> Habilita o deshabilita el efecto de paralaje de la imagen de fondo de una fila. Haga clic en la pestaña de estilo en el Editor de diseño de la fila para encontrar la palanca para habilitar o deshabilitar Parallax Background and Scrolling. </font> </div> <div> <font color="#595959"> <br/> </font> </div> </div> </span> <div> <span> </span> </div> </div> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/roweditor5_en-US.png"/> </a> </div> <h3> <font color="#000000"> <span> Consideraciones  </span> </font> </h3> <div data-rss-type="text"> <div> <div> <span> </span> </div> <span> <div> <div> <font color="#595959"> Antes de editar filas, cree una copia de seguridad de su sitio. Esto asegura que usted podrá restaurar una versión anterior de su sitio web si comete un error.  </font> </div> <div> <span> <font> <br/> </font> </span> </div> </div> </span> </div> <div> <div> <span> </span> </div> </div> </div> Tue, 29 Oct 2019 19:32:52 GMT https://soporte.misitio.app/articulos/editor-de-filas introducción thumbnail Secciones https://soporte.misitio.app/articulos/secciones <h3> <span> Descripción general </span> </h3> <div data-rss-type="text"> <font> <span> Las secciones son filas prediseñadas de elementos que los usuarios pueden agregar a sus respectivos sitios web. Las secciones permiten a los usuarios crear rápidamente sitios de aspecto increíble al ahorrar tiempo en el proceso de diseño. Hemos creado la infraestructura de las secciones desde cero a fin de ofrecer una experiencia mucho mejor para el usuario con una gran variedad de secciones preelaboradas. </span> </font> </div> <h3> <span> Guía </span> </h3> <div data-rss-type="text"> <font> <span> Al mantener el cursor entre filas, aparece el botón ‘Agregar sección’. Haga clic en este botón para abrir el modo Sección. </span> </font> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/sections1_en-US.png"/> </a> </div> <div data-rss-type="text"> <font> <span> En el modo Sección, una galería de secciones previamente elaboradas está disponible en la barra izquierda, agrupadas por categorías (Introducción, Características, Acerca de, Equipo, Testimonios, etc.). </span> </font> </div> <div> <a> <img src="https://irp-cdn.multiscreensite.com/59251e6d/dms3rep/multi/sections2_en-US.png"/> </a> </div> <div data-rss-type="text"> <font> <span> Haga clic en una sección para mostrarla como una nueva fila. Luego puede examinar secciones dentro del mismo grupo de secciones usando las teclas de flecha o seleccionando una sección de un grupo diferente. </span> </font> <div> <font> <span> <br/> </span> </font> </div> <div> <font> <span> Después de seleccionar una sección, haga clic en Listo para insertar la sección en el sitio o haga clic en Guardar y agregar otro para seguir agregando secciones a su sitio. La sección se convierte en una fila y todos los elementos se pueden editar. </span> </font> </div> </div> <h3> <span> Consideraciones </span> </h3> <div data-rss-type="text"> <ul> <li> <font> <span> No se usa ningún CSS personalizado en ninguna de las secciones - todas las crearon diseñadores en el editor. </span> </font> </li> <li> <font> <span> Las secciones no usan los valores de configuración de color o fuente de texto de la configuración de diseño global </span> </font> </li> <li> <font> <span> Dependiendo de la sección que esté usando, puede extraer el valor de configuración de tamaño de texto de la configuración de diseño global. Al no aplicar el diseño global, nos aseguramos de que la sección luzca bien. Si aplicamos automáticamente el diseño global, ello podría hacer que el diseño de la sección sea incoherente (por ejemplo, si el color de la fuente es blanco en el diseño global y el fondo de esa sección es blanco, el texto no se podría leer). Siempre podrá borrar el formato y aplicar su diseño global. </span> </font> </li> <li> <font> <span> Las secciones pueden contener más de una fila. </span> </font> </li> <li> <font> <span> Las secciones no se pueden usar en el encabezado. Para cambiar toda la sección del encabezado, vaya al editor de encabezado y seleccione uno nuevo. </span> </font> </li> <li> <font> <span> Las secciones no están completamente localizadas. La característica se puede habilitar/deshabilitar con una marca de característica en el nivel de cuenta. </span> </font> </li> <li> <font> <span> Las secciones no están disponibles para plantillas de barra lateral (por ejemplo, portafolio, leche y galletas, etc.) </span> </font> </li> </ul> </div> Fri, 25 Oct 2019 19:38:11 GMT https://soporte.misitio.app/articulos/secciones introducción thumbnail