🧩 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:

¿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:

<div data-fs-widget="booking" data-fs-photographer="..."></div>
<script src="https://www.fotostudio.io/embed.js" async></script>

Paso 3: Pegar el código en tu web

Pega este código en tu página, donde debe aparecer el módulo:

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:

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

Preguntas frecuentes

El widget no se muestra en mi página.
Comprueba que has pegado el código entero (el <div> y la línea <script>), en un bloque que acepte HTML. Algunos editores no muestran los scripts en modo edición: mira la página publicada.

Mi herramienta rechaza los scripts.
Escríbenos: veremos juntos la mejor solución para tu plataforma.

El widget muestra una página vacía.
Puede que el módulo se haya eliminado (catálogo, formulario o tipo de mini sesión). Vuelve a elegir el módulo en Sitio web > Widgets para tu web y vuelve a pegar el código.

He cambiado mis tarifas o mi disponibilidad. ¿Tengo que volver a pegar el código?
No. El widget muestra siempre los datos actualizados de Fotostudio.

Había integrado un formulario de contacto con el código antiguo (iframe). ¿Sigue funcionando?
Sí, los códigos antiguos siguen funcionando. El código nuevo tiene la ventaja de ajustar su altura solo.

¿Puedo integrar una galería o mi espacio cliente completo?
No. El espacio cliente se abre con un enlace (ver más arriba), y las galerías se comparten con su enlace habitual.

¿Mi cliente tiene que crear una cuenta para reservar?
No. Reserva directamente en el widget, y sus datos llegan a Fotostudio.

Actualizado el: 29/09/2026