Installazione modulo Q&A

In questo articolo:

Come installare il modulo Q&A di Feedaty sul tuo sito

Linee guida per l'integrazione del modulo Q&A sul tuo sito

Come installare il modulo Q&A di Feedaty sul tuo sito

È necessario procedere all'installazione del modulo Q&A di Feedaty sul tuo sito per permettere ai clienti o potenziali clienti che navigano le tue pagine prodotto di scrivere le proprie domande e leggere le risposte che decidi di pubblicare.

Linee guida per l'integrazione del modulo Q&A sul tuo sito

Per integrare il modulo Q&A, puoi scaricare il JS da integrare nelle pagine del sito cliccando qui.

È possibile inserire nella pagina visualizzata n. widget per l’inserimento di nuove domande e n. widgets per la visualizzazione delle domande e le relative risposte circa uno specifico prodotto.

L’integrazione avviene inserendo all’interno della pagina HTML un elemento DIV per ciascun widget che si vuol visualizzare.

I DIV devono essere qualificati attribuendo la classe “qaQuestion” per l’inserimento di nuove domande e “qaQuestions” per la visualizzazione di quelle esistenti.

Per qualificare il prodotto di riferimento è necessario validare gli attributi:

• “data-idmerchant” con il Merchant code reperibile nel back office Feedaty su “Pubblica le recensioni > API”
• “data-idproduct” con il ProductID/SKU inviato a Feedaty attraverso il flusso degli ordini.
• “data-productName” con il nome del prodotto.
• “data-productUrl” con l’URL della pagina prodotto.
• "data-productBrand" con il Brand del prodotto

Esempio:

<div class="qaQuestion"
   data-idMerchant="{IdMerchant}"
   data-idProduct="{IdProduct}"
   data-productName="{productName}"
   data-productUrl="{productPageURL}"
   data-productBrand="{productBrand}">
</div>
<div class="qaQuestions"
   data-idMerchant="{IdMerchant}"
   data-idProduct="{IdProduct}">
</div>

Prima della chiusura della pagina va inserito il richiamo allo script per la gestione dei widgets.

Widget Q&A stile 1

<script id="qa-script"
  src="https://ai.feedaty.com/qni/scripts/qa-2.1.0.js"
  data-qa-css-style="1"
  data-qa-css="{css}"
  data-qa-localization="{locale}"
defer></script>

Widget Q&A stile 2

<script id="qa-script"
src="https://ai.feedaty.com/qni/scripts/qa-2.1.0.js"
data-qa-css-style="2"
data-qa-css="{css}"
data-qa-localization="{locale}"
defer></script>

Attributi Facoltativi:

data-qa-css è un attributo facoltativo per la personalizzazione dello stile del widget e deve esser validato con il percorso del file CSS che definisce lo stile degli elementi usati dal widget.

Un esempio del file:

/* Domanda in elenco*/
.qaQuestions>ul>li{
   background-color: beige;
   border:3px groove red;}

/* Risposte */
.qaAnswers>li{
    color: navy;}

/* Inserimento domanda*/
.qaQuestion{
  font-size: xx-small;}

/* Pulsanti */
.qaAction{
  font-style:oblique;
  border-radius: 10px;}

data-qa-localization è un attributo facoltativo per la personalizzazione dei testi e deve essere valorizzato con il percorso ad un file json contenente le voci che si intendono modificare.

Il “dizionario” in uso è il seguente:

{
"Accept": "Accetta",
"Answer": "Risposta",
"Author": "Autore",
"TokenNotFoundError": "Hai già risposto alla domanda.",
"Error_RequiredQuestion": "Devi inserire la domanda",
"EmailPrompt": "Email",
"Cancel": "Annulla",
"AnswerThankYouOptin": "Grazie per aver utilizzato il nostro servizio. Il tuo indirizzo email non è presente nei nostri archivi: dopo l'approvazione della domanda e al  ricevimento della prima risposta, ti chiederemo di confermarlo cliccando sul link che riceverai nella tua casella di posta.",
"AskQuestion": "Fai una domanda",
"Error_RequiredEmail": "L'indirizzo email è obbligatorio",
"AnswerThankYouNote": "La risposta è stata registrata. Grazie per aver utilizzato il nostro servizio.",
"AskButton": "Hai qualche domanda?<br/> Chiedi a chi ha già comprato il prodotto.",
"QuestionThankYouNote": "Grazie per aver utilizzato il nostro servizio. Appena disponibili le risposte alla tua domanda verranno qui pubblicate e riceverai una e-mai di notifica. Se hai altre domande non esitare ad inviarcele.",
"OptInConfirm": "Conferma indirizzo e-mail",
"Confirm": "Conferma",
"QuestionText": "Domanda",
"SendAnswer": "Invia risposta",
"Error_RequiredCustomer": "Per favore, inserisci il tuo nome",
"No": "No",
"Day": "Giorno",
"Set": "Imposta",
"Yes": "Si",
"ToBeApproved": "Da approvare",
"Email": "Email",
"Customer": "Cliente",
"AnswerPrompt": "Inserisci qui la tua risposta...",
"Question": "Domanda",
"NextResults": "Visualizza ulteriori domande",
"LinkNotValid": "Siamo spiacenti, ma il link non è più valido.",
"PrivacyNote": "I dati inseriti verranno trattati secondo i termini indicati nella nostra <a target='_blank' rel='nofollow' href='https://www.feedaty.com/privacy/'>Privacy Policy</a>",
"GuidelinesHintsText5": "Non inserire dati personali",
"GuidelinesHintsText4": "Non usare termini offensivi o inappropriati",
"GuidelinesHintsText3": "Prima di inserire la tua domanda, controlla se è già stata posta in precedenza da altri clienti per evitare ripetizioni",
"GuidelinesHintsText2": "Non inserire domande sull'azienda o sul servizio, ma soltanto su aspetti che non ti sono chiari del prodotto che ti interessa",
"GuidelinesHintsText1": "Cerca di scrivere una domanda chiara e precisa in modo da permettere al servizio clienti di aiutarti nel miglior modo possibile",
"QuestionThankYouOptin": "Grazie per aver utilizzato il nostro servizio. Il tuo indirizzo email non è presente nei nostri archivi: dopo l'approvazione della domanda e al ricevimento della prima risposta, ti chiederemo di confermarlo cliccando sul link che riceverai nella tua casella di posta.",
"reCaptchaError": "Sei un robot?",
"AnswerToQuestion": "Rispondi alla domanda",
"GuidelinesHints": "Linee guida e suggerimenti",
"InvalidEmail": "L'email non è corretta",
"UnhandledError": "Si è verificato un errore imprevisto. Se il problema persiste contattare l'amministratore del sistema",
"Loading": "Caricamento in corso...",
"OptOutComplete": "Ti confermiamo la rimozione del tuo indirizzo dai nostri archivi.<br />Per utilizzare il servizio dovrai nuovamente autorizzarci.<br /> Grazie.",
"OptOutConfirm": "Inserisci l'indirizzo email che vuoi rimuovere dai nostri archivi",
"QuestionPrompt": "Inserisci qui la tua domanda...",
"Error_FormatEmail": "L'email inserita non è valida",
"AnswerTitle": "Rispondi",
"OptinComplete": "Operazione completata. <br />L'indirizzo e-mail {0} è stato registrato. <br/>Grazie.",
"QuestionTitle": "Hai qualche domanda?<br/> Chiedi a chi ha già comprato il prodotto.",
"QuestionUpper": "DOMANDA",
"Name": "Nome","Send": "Invia",
"Seller": "Venditore",
}

Le chiavi specificate sovrascrivono quelle predefinite. Inserire nell’oggetto solo le chiavi che si vogliono modificare.

Per qualsiasi altra informazione contattare il supporto tecnico di Feedaty scrivendo una mail a support@feedaty.com