Collegare il proprio modulo a Fotostudio

Ha già un modulo di contatto sul suo sito (WordPress, Webflow, Wix, HTML…) e desidera che le compilazioni arrivino direttamente in Fotostudio? Questa guida spiega come fare.

Il vantaggio principale: il suo modulo rimane 100% nel suo stile: i suoi colori, il suo layout, il suo design. Fotostudio riceve i dati in background senza mai apparire sul suo sito.

Questo metodo è diverso dall'iframe: con l'iframe, è il modulo di Fotostudio ad essere visualizzato sul sito. Qui è il suo modulo esistente a inviare i dati a Fotostudio.

1. Ottenere l'URL di connessione

Ogni modulo Fotostudio ha un URL univoco. Quando il suo modulo invia i dati a questo URL, Fotostudio crea automaticamente il contatto, attiva i suoi workflow e le invia la notifica abituale.

Per trovare questo URL:

1. Vada in Impostazioni → Moduli
2. Clicchi sul modulo interessato
3. Apra Ottieni il codice → Collega il tuo modulo

Questo popup genera anche un codice HTML completo, pronto da incollare sul sito. Contiene già tutti i campi configurati nel suo modulo Fotostudio, con i corretti attributi name. È il punto di partenza più semplice se si parte da zero o si vogliono verificare i nomi esatti dei campi.

Il suo URL è simile a:

https://app.fotostudio.io/f/abc123def456...

2. Nominare i campi

Fotostudio riconosce i campi del modulo in base al loro attributo name. Utilizzi i seguenti nomi:

Il codice generato nel popup (passo 1) elenca esattamente i campi disponibili per il suo modulo.

Ha altri campi? Nessun problema. Qualsiasi campo non riconosciuto viene automaticamente salvato come nota sul contatto (es. un campo budget verrà salvato così com'è). Non si perde nulla.

3. Aggiungere un anti-spam (consigliato)

Aggiunga questo campo invisibile al suo modulo. I bot lo compilano, le persone no. Fotostudio rifiuta silenziosamente le compilazioni in cui questo campo è valorizzato.

<input type="text" name="_gotcha" style="display:none" tabindex="-1" autocomplete="off">

4. Configurazione per piattaforma

Sito HTML personalizzato

Il metodo più semplice. Aggiunga action e method al tag <form>:

<form action="https://app.fotostudio.io/f/IL_SUO_TOKEN" method="POST">
  <input type="text"  name="firstname" placeholder="Nome" required>
  <input type="text"  name="lastname"  placeholder="Cognome" required>
  <input type="email" name="email"     placeholder="Email" required>
  <input type="tel"   name="phone"     placeholder="Telefono">
  <textarea           name="message"   placeholder="Il suo messaggio"></textarea>
  <input type="text"  name="_gotcha"   style="display:none" tabindex="-1" autocomplete="off">
  <button type="submit">Invia</button>
</form>

Dopo l'invio, il visitatore viene reindirizzato all'URL configurato in Impostazioni modulo → URL di reindirizzamento.

Webflow

1. Selezioni il suo blocco Form.
2. Nelle impostazioni del modulo, inserisca il suo URL Fotostudio come Action.
3. Imposti il Method su POST.
4. Nomini ogni campo (attributo Name) secondo la tabella precedente.
5. Aggiunga un campo di testo chiamato _gotcha, imposti il suo valore predefinito su vuoto e nascondalo tramite le opzioni di visibilità.

WordPress — Gravity Forms

1. Crei il modulo con i campi desiderati.
2. Vada in Impostazioni → Webhooks (richiede l'add-on Webhooks di Gravity Forms).
3. Aggiunga un nuovo webhook:

• URL: il suo URL Fotostudio
• Metodo: POST
• Formato: Form

4. Nella sezione Campi, assegni ogni campo di Gravity Forms al suo nome Fotostudio (email, firstname, ecc.).

WordPress — WPForms

1. Crei il modulo.
2. In Impostazioni → Webhooks (WPForms Pro), aggiunga un webhook:

• URL della richiesta: il suo URL Fotostudio
• Metodo: POST

3. Assegni ogni campo al suo nome Fotostudio.

WordPress — Contact Form 7

CF7 non permette di modificare l'azione nativamente. Installi il plugin CF7 to API e configuri l'URL Fotostudio nelle sue impostazioni. Nomini i campi secondo la tabella precedente.

Wix

Wix non permette di modificare l'azione di un modulo nativo. Utilizzi Wix Automations:

1. Crei il modulo in Wix.
2. Vada in Automazioni → Nuova automazione.
3. Trigger: Modulo inviato.
4. Azione: Invia un webhook → inserisca il suo URL Fotostudio.
5. Assegni i campi Wix ai nomi Fotostudio nel corpo della richiesta.

Typeform / Tally

Questi strumenti dispongono di un'integrazione webhook nativa:

• Typeform: Connetti → Webhooks → inserisca il suo URL Fotostudio
• Tally: Integrazioni → Webhook → inserisca il suo URL Fotostudio

Assegni ogni domanda al suo corrispondente nome Fotostudio.

Squarespace

Squarespace non permette di modificare l'azione di un modulo nativo nei piani base. Due opzioni:

• Piano Business o superiore: utilizzi un blocco di codice HTML con un modulo personalizzato (veda la sezione Sito HTML personalizzato sopra).
• Tutti i piani: utilizzi Make o Zapier per inoltrare le compilazioni a Fotostudio.

FAQ

Le compilazioni duplicate sono protette?

Sì. Se lo stesso indirizzo IP invia lo stesso modulo due volte in meno di 30 secondi (es. doppio clic sul pulsante), la seconda compilazione viene ignorata silenziosamente.

Il mio iframe continua a funzionare?

Sì, entrambi i metodi (iframe e connessione esterna) sono completamente indipendenti. L'uno non influenza l'altro.

Posso reindirizzare il visitatore dopo l'invio?

Sì. Configuri l'URL di reindirizzamento nelle impostazioni del suo modulo Fotostudio. Il visitatore vi sarà reindirizzato dopo aver inviato il suo modulo esterno.

Aggiornato il: 19/03/2026