> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.fotostudio.io/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Los widgets: Fotostudio en tu web # 🧩 Los widgets: Fotostudio en tu web ## ¿Qué es un widget? ¿Ya tienes una web en WordPress, Wix, Squarespace o en otro sitio? Los widgets te permiten integrar en ella la reserva, las mini sesiones, los cheques regalo, tus catálogos o tus formularios de contacto, directamente en tus páginas y con tus colores. Tus visitantes reservan o compran sin salir de tu web, y todo llega a Fotostudio: contactos, sesiones, pagos. > 💡 ¿Tienes una web Fotostudio? Estos módulos ya están ahí, sin código que pegar. Consulta el artículo «El creador de sitios web de Fotostudio». --- ## Dónde encontrar los widgets En el menú, ve a **Sitio web** > **Widgets para tu web**. --- ## Los módulos disponibles Elige el módulo en la lista **Módulo**: | Grupo | Módulo | Lo que ve el visitante | |---|---|---| | **Espacio cliente** | Reservas en línea | Los horarios disponibles, de todos los servicios | | | Mini sesiones | La página de reserva de tus mini sesiones | | | Cheques regalo | La tienda de cheques regalo | | | Suscripción newsletter | Un formulario de suscripción a tu newsletter | | **Catálogos** | Un catálogo | Los servicios y tarifas de uno de tus catálogos | | **Formularios de contacto** | Un formulario | Uno de tus formularios de contacto | | **Reserva en línea, un solo tipo de sesión o un evento** | Un tipo de sesión, o un evento | La reserva limitada a ese tipo de sesión o a ese evento | | **Mini sesiones, un solo tipo de sesión** | Un tipo de mini sesión | La reserva limitada a ese tipo de mini sesión | **¿Por qué un módulo no aparece en la lista?** - Un tipo de sesión solo aparece si tiene disponibilidad de reserva en línea (para no mostrar nunca un calendario vacío). - Los tipos de mini sesión archivados están ocultos. - Si la lista está vacía, crea primero un servicio, un catálogo o un formulario de contacto. Si tienes varias identidades visuales, una lista **Identidad visual** permite elegir la del widget. --- ## Integrar un widget en 3 pasos ### Paso 1: Elegir el módulo Selecciona el módulo en **El módulo a integrar**. La **Vista previa** al final de la página muestra el widget tal como se verá en tu web, con tus colores. ### Paso 2: Copiar el código En **El código que hay que pegar**, haz clic en **Copiar el código**. El código se parece a esto: ```html

``` ### Paso 3: Pegar el código en tu web Pega este código en tu página, donde debe aparecer el módulo: | Plataforma | Dónde pegar el código | |---|---| | **WordPress** | Un bloque «HTML personalizado» en el editor de página | | **Wix** | Añadir > Insertar > «Insertar un código» (Embed HTML) | | **Squarespace** | Un bloque «Código» en la página | | **En otro sitio** | Cualquier lugar que acepte HTML | El widget ocupa todo el ancho disponible, y su altura se ajusta sola a su contenido. Puedes poner varios widgets en una misma página. > 💡 Nada que declarar ni autorizar: el widget funciona en cualquier web en cuanto pegas el código. --- ## Adaptar la apariencia Por defecto, tus widgets usan los colores y la tipografía de tu identidad visual. Para ajustarlos a tu web, usa la tarjeta **Apariencia de los widgets**: | Ajuste | Por defecto | |---|---| | **Color principal** | El color de tu identidad visual | | **Color del texto** | Gris oscuro (#333) | | **Color de fondo** | Transparente: el widget toma el fondo de tu web | | **Bordes redondeados (px)** | Los de tu identidad, de 0 a 32 | | **Tipografía** | La de tu identidad visual | Deja un campo vacío para conservar el valor de tu identidad visual y haz clic en **Guardar**. Si tienes varias identidades visuales, cada una tiene sus propios ajustes. > 💡 Estos ajustes solo afectan a los widgets. Tu espacio cliente, abierto directamente, conserva su apariencia habitual. --- ## El enlace a tu espacio cliente El espacio cliente (presupuestos, facturas, contratos, galerías) no se integra como widget: es un **enlace** que se pone en el menú de tu web, por ejemplo con el nombre «Espacio cliente». 1. En la tarjeta **Enlace a tu espacio cliente**, haz clic en **Copiar el enlace** 2. Añade este enlace al menú de tu web (WordPress, Wix, Squarespace o en otro sitio) Tus clientes introducen su dirección de email y reciben un código de acceso. > 💡 Sin una dirección a tu nombre, el enlace lleva la dirección de Fotostudio. Elige una dirección como `miestudio.fotostudio.io` o tu propio dominio (enlace **Elegir mi dirección**): el enlace llevará entonces tu nombre, y los enlaces de tus emails también. Consulta el artículo «Gestionar los dominios de tu web». --- ## Suscripción a la newsletter En la tarjeta **Suscripción a la newsletter**, marca **Pedir una confirmación por correo** para que la suscripción solo cuente una vez que se haga clic en el enlace de confirmación. Ninguna dirección falsa o introducida por otra persona entra en tu lista, y tus envíos llegan mejor. Este ajuste se aplica a todos tus formularios de newsletter, también en una web Fotostudio. --- ## Dónde se muestran tus widgets La tarjeta **Dónde se muestran tus widgets** enumera automáticamente las webs que muestran uno de tus módulos, con la fecha de la última visita y un número aproximado de visualizaciones. No tienes que hacer nada. > 💡 Una web puede tardar un poco en aparecer, y algunos navegadores antiguos no se detectan: que una web no esté en la lista no significa que el widget no funcione. --- ## Conviene saber | Punto | Detalle | |---|---| | **Cookies** | El widget no necesita cookies de terceros: funciona en Safari, Firefox y Chrome | | **Pago** | El pago (tarjeta, PayPal, 3-D Secure) se abre siempre en una página segura a pantalla completa, y luego un botón devuelve al cliente a tu web | | **Móvil** | El widget se adapta al ancho de la pantalla | | **Posicionamiento** | Los motores de búsqueda no indexan el contenido del widget | | **Tu cuenta** | En el widget, nunca tienes la sesión iniciada: ves exactamente lo que ve un cliente | --- ## Preguntas frecuentes **El widget no se muestra en mi página.** Comprueba que has pegado el código entero (el `

` **y** la línea `