Intégrations

Intégrez PicStudio partout.

Vos réservations et galeries s'embarquent en 1 ligne de code sur WordPress, Squarespace, Wix, Webflow — ou n'importe quel site.

WordPress

Shortcode + Gutenberg block (plugin officiel à venir).

Disponible 
<iframe
  src="https://picstudio.fr/embed/book/<votre-user-id>"
  style="width:100%;min-height:720px;border:0;"
  loading="lazy">
</iframe>

Remplacez <votre-user-id> par votre identifiant (disponible dans la page Réservations > Copier mon lien).

Squarespace

Bloc Code → coller le snippet iframe.

Disponible 
<iframe
  src="https://picstudio.fr/embed/book/<votre-user-id>"
  style="width:100%;min-height:720px;border:0;"
  loading="lazy">
</iframe>

Remplacez <votre-user-id> par votre identifiant (disponible dans la page Réservations > Copier mon lien).

Wix

Élément HTML personnalisé (Wix Editor).

Disponible 
<iframe
  src="https://picstudio.fr/embed/book/<votre-user-id>"
  style="width:100%;min-height:720px;border:0;"
  loading="lazy">
</iframe>

Remplacez <votre-user-id> par votre identifiant (disponible dans la page Réservations > Copier mon lien).

Webflow

Embed HTML component dans le Designer.

Disponible 
<iframe
  src="https://picstudio.fr/embed/book/<votre-user-id>"
  style="width:100%;min-height:720px;border:0;"
  loading="lazy">
</iframe>

Remplacez <votre-user-id> par votre identifiant (disponible dans la page Réservations > Copier mon lien).

Showit

Embed Code + intégration WordPress blog.

Disponible 
<iframe
  src="https://picstudio.fr/embed/book/<votre-user-id>"
  style="width:100%;min-height:720px;border:0;"
  loading="lazy">
</iframe>

Remplacez <votre-user-id> par votre identifiant (disponible dans la page Réservations > Copier mon lien).

Framer

Embed component natif.

Disponible 
<iframe
  src="https://picstudio.fr/embed/book/<votre-user-id>"
  style="width:100%;min-height:720px;border:0;"
  loading="lazy">
</iframe>

Remplacez <votre-user-id> par votre identifiant (disponible dans la page Réservations > Copier mon lien).

Shopify

Snippet Liquid dans une page ou section.

Disponible 
<iframe
  src="https://picstudio.fr/embed/book/<votre-user-id>"
  style="width:100%;min-height:720px;border:0;"
  loading="lazy">
</iframe>

Remplacez <votre-user-id> par votre identifiant (disponible dans la page Réservations > Copier mon lien).

Linktree

Lien direct (pas d'embed iframe).

Disponible 
<iframe
  src="https://picstudio.fr/embed/book/<votre-user-id>"
  style="width:100%;min-height:720px;border:0;"
  loading="lazy">
</iframe>

Remplacez <votre-user-id> par votre identifiant (disponible dans la page Réservations > Copier mon lien).

Mode avancé

Loader JavaScript avec popup ou bouton flottant

Pour contrôler l'expérience — popup modal au clic ou bouton flottant bottom-right — utilisez le loader embed.js. Il expose aussi une API window.PicStudio.mount() / .open() pour les SPAs.

Inline (défaut)

<script src="https://picstudio.fr/embed.js" async></script>
<div data-picstudio-book="<votre-user-id>"></div>

Popup sur clic

<script src="https://picstudio.fr/embed.js" async
  data-picstudio="book"
  data-user="<votre-user-id>"
  data-mode="popup"></script>
<button data-picstudio-open>Réserver</button>

Bouton flottant

<script src="https://picstudio.fr/embed.js" async
  data-picstudio="book"
  data-user="<votre-user-id>"
  data-mode="bubble"></script>
Retour à l'accueil