Add Your Store to Facebook

Panoramica

Your store doesn't have to stay in the confines of your website. Add your store to Facebook to sell your products on a social media platform. Customers will be able to view your products from your Facebook page through the Ecwid application.  

Guida

Accedi al tuo account Facebook e apri l'applicazione: http://apps.facebook.com/ecwid-shop/

  • If you do not have Ecwid store on Facebook yet, click "Install App" button.
  • If you want to add one more Ecwid store proceed to the 4th step of these instructions.

2. Fai clic sul pulsante OK per consentire all'applicazione Ecwid di accedere alle informazioni di base sul tuo profilo e gestire le pagine. Abbiamo bisogno di questa autorizzazione per ottenere un elenco delle pagine Facebook che amministri e definire se è consentito gestire le impostazioni dell'archivio Ecwid assegnate alla pagina. Quindi, fai nuovamente clic su OK nella schermata successiva.

Se ti viene restituito l'errore "Non amministri alcuna pagina sulla quale questa applicazione può essere installata" invece della pagina aggiunta di interfaccia, controlla la sezione FAQ di questo articolo. Se non disponi ancora di una pagina di Facebook, puoi crearla qui.

If you see the warning "This application is already installed for all applicable pages", refer to the FAQs below.

3. Seleziona le pagine su cui Ecwid verrà aggiunta. Scegli una pagina dal menu a tendina e fai clic sulla scheda Add Page (Aggiungi pagina).

4. Ecwid application has been added to your page. The last step is to connect your Ecwid account to the app.

If you already have an Ecwid account, you'll find your Store ID as described here. If you do not have an Ecwid account, you can create it for free at my.ecwid.com

Paste your Store ID to the Ecwid Store ID field (you will be able to change the other values later). Then click Save.

5. Your Ecwid store is ready. You can find it by direct "Your Facebook Store" link in the end of the "Settings" page. The link to your Facebook store is added to the page's tabs link with "Products" name.

 

Domande frequenti

Change the username for my Facebook page

When a page has a unique username, the link to it looks more user-friendly. Besides, when customers see the name of the store in the web address, they trust it more than when they see a link that includes a combination of numbers.

To change the username of the page where you added your Ecwid store, you have to be an admin of this page. Please mind that according to Facebook rules, you can change the name of your page only once, so please be careful when choosing it.

To change your page's username:

      1. Go to facebook.com/username.
      2. Below Create your Facebook web address, select a page from the dropdown menu.
      3. Type a username and click Check Availability.
      4. If the username is available, click Confirm.

Read more about changing Facebook page's username here https://www.facebook.com/help/203523569682738

Rename "Products" tab and change the tab image

You can easily do this in your Facebook page settings:

      1. Apri la pagina e fai clic sul link "Impostazioni" in alto.
      2. Fai clic sul collegamento "APP" nella colonna di sinistra e fai clic sul link "Modifica impostazioni" vicino al logo di Ecwid.
      3. Inserisci un nuovo nome nel campo "Nome scheda personalizzata". Fai clic sul link "Modifica" accanto al campo "Immagine scheda personalizzata" per caricare un'immagine personalizzata della scheda (utilizza immagini da 111 x 74 pixel per evitare il ridimensionamento).



      4. Clicca OK.

Change my Facebook store settings or connect a different store to my Facebook page

Please, perform the following steps:

      1. Open your Facebook stores list: apps.facebook.com/ecwid-shop/
      2. Click "Settings" link on the opposite of the corresponding Facebook store.
      3. Change the settings as you need and click "Save".

I'm getting "You must have permission to add apps to at least one Facebook Page" error

This error means that you don't have any Facebook page, where Ecwid can be added yet. Unfortunately Facebook doesn't allow adding applications to personal profiles anymore. So if you want to have an application tab with your products, which are linked to your FB store, it is necessary to create a new official FB page (they are also called "fan pages").

E' possibile crearlo qui: www.facebook.com/pages/create.phpPoi apri l'applicazione e prova ad aggiungerlo nuovamente alla pagina Pagine manuali: http://www.box.net/shared/9e5jiyl843

You can view and manage your FB pages here: www.facebook.com/pages/manage/ 
More about pages: www.facebook.com/help/?topic=pages

Mi dà l'errore "questa applicazione è già installata per tutte le pagine applicabili.

Questo errore significa che hai già aggiunto l'applicazione Ecwid a tutte le tue pagine di Facebook. In questo caso è possibile creare la nuova pagina qui: www.facebook.com/pages/create.php o controllare l'elenco delle pagine dove Ecwid era aggiunto: apps.facebook.com/ecwid-shop/, Probabilmente il negozio era già stato aggiunto alla pagina richiesta.

Cambiare il look del mio negozio Facebook.

Si, è possibileUtilizza le impostazioni dell'applicazione per disattivare/attivare widget e modificare il numero dei prodotti per pagina.

Utilizza temi personalizzati di Ecwid per modificare l'aspetto degli elementi del negozio.

Se vuoi personalizzare completamente l'aspetto del tuo negozio, ma gli strumenti descritti sopra non sono sufficienti (ad esempio per aggiungere un'intestazione HTML, alcuni collegamenti, ecc.) è ancora possibile creando la propria applicazione di Facebook

La differenza principale tra l'applicazione Ewcid e la tua è come segue:

  • L'app di Ecwid interagisce direttamente con Facebook Ad esempio, i tuoi clienti accedono utilizzando il loro account Fb automaticamente Inoltre l'app consente di aggiungere la scheda "Prodotti" alle pagine FB con i prodotti del negozio e si collega anche alla tua applicazione FB principale
  • La tua applicazione potrebbe avere meno funzioni senza essere in grado di creare automaticamente tali schede.Ad ogni modo, avrai il controllo completo sulle tue applicazioni e statistiche. Inoltre, sarai in grado di creare una scheda personalizzata per collegare il tuo profilo ad un negozio.

Per i miei clienti è necessario avere qualche autorizzazione per la cassa nel negozio di Ecwid Facebook?

No. I clienti non avranno bisogno di nessuna autorizzazioneCome funziona:

  • I clienti possono liberamente sfogliare il tuo catalogo ed aggiungere prodotti al carrello senza chiedere alcuna autorizzazione. Possono anche essere sloggati da Facebook.
  • Quando un cliente decide di effettuare un ordine e preme il pulsante "Acquista", l'app Ecwid richiederà l'autorizzazione per accedere alle informazioni di base, all'e-mail e alla posizione corrente di un account Facebook di questo cliente. Questo passaggio è totalmente opzionale. Quindi se il cliente preme il pulsante "Non consentire" e non concede la b all'app., sarà ancora in grado di controllare e completare l'ordine.

Ecwid chiede informazioni opzionali per facilitare il processo di acquisto e renderlo più agevole per il cliente. Come vengono utilizzate le autorizzazioni (se un cliente decide di dare Ecwid questa info:)

  • Accedi alle mie informazioni di base: Ecwid ottiene il Facebook ID e il nome del cliente per registrargli un profilo nel tuo negozio e logga il cliente automaticamente.
  • Inviami e-mail: l'indirizzo mail del cliente è anche utilizzato per la creazione del profilo.
  • Posizione corrente: Ecwid ottiene anche la posizione del cliente in modo da determinarne correttamente il paese e lo mostra come un campo precompilato nell'indirizzo di spedizione durante il pagamento su Facebook. Abbastanza utile.

Ecwid non utilizza, non acquisisce o archivia altre informazioni. Come controllare questo:

  • Accedi al tuo pannello di controllo di FB e apri la pagina "Privacy Settings" Impostazioni di Privacy
  • Fai click sul link "Modifica Impostazioni" nella sezione "Inserzioni, applicazioni e Siti Web"
  • Fai clic sul nome dell'app per vedere quali permessi ti sono stati concessi e quali informazioni l'app ha richiesto da Facebook.

Dalla nostra esperienza, richiedere le autorizzazioni ai dati degli utenti, puo' influenzare negativamente i tassi di conversione. Alcuni utenti di Facebook non affidano le proprie informazioni a app 3d-party. Non vogliamo farvi perdere clienti o vendite, quindi nell'app. di Ecwid le autorizzazioni sono sempre opzionali. Il cliente puo' controllare senza concedere nessuna autorizzazione alla nostra applicazione Facebook.

Quali informazioni Ecwid utilizza dal mio account Facebook, quando creo la tua app. Facebook?

Se desideri aggiungere il tuo negozio Ecwid alla tua pagina Facebook utilizzando l'applicazione Facebook di e-commerce, ti verrà chiesto di concedere le seguenti autorizzazioni:

  • Accedi alle mie informazioni di base: Ecwid ha bisogno di accedere alle tue informazioni pubbliche, che utilizza per recuperare la tua user Id di Facebook, in modo che possa essere associata al tuo negozio Ecwid.
  • Mandami email e "Posizione corrente": queste autorizzazioni sono necessaire per creare profili dei clienti nel tuo negozio Ecwid.Ai tuoi clienti abituali non è richiesto di concedere queste autorizzazioni per la pagina di acquisto nel tuo negozio. Sono facoltative per loro.
  • Gestire le mie pagine: Ecwid usa queste autorizzazioni per ottenere una lista delle pagine Facebook che amministri. Questa informazione è necessaria in caso tu volessi aggiungere un negozio alle tue pagine Facebook in seguito. Ecwid ottiene solo l'elenco di pagine, non modifica alcuna impostazione e non è richiesta per nessuna altra info.

Ecwid non usa, ottiene o conserva nessun'altra informazione. Come controllare questo:

  • Accedi al tuo pannello di controllo di FB e apri la pagina "Privacy Settings" Impostazioni di Privacy
  • Fai click sul link "Modifica Impostazioni" nella sezione "Inserzioni, applicazioni e Siti Web"
  • Fai clic sul nome dell'app per vedere quali permessi ti sono stati concessi e quali informazioni l'app ha richiesto da Facebook.

Perchè la tua app. richiede le autorizzazioni "Gestisci le mie pagine" quando sto creando il negozio Facebook?

Ecwid necessita l'autorizzazione "Gestisci le mie pagine" per ottenere un elenco di pagine Facebook dove tu sei l'amministratore. Questa lista verrà utilizzata per determinare se hai il permesso di gestire le impostazioni del negozio assegnato alla pagina Facebook.L'unico modo per ottenere questa informazione è quello di richiedere il permesso di "Gestire le mie pagine" da te. Questo è un requisito di Facebook.

Ecwid usa questa autorizzazione per ottenere la lista solo delle pagine. Non modificheremo nessuna impostazione della tua pagina o posteremo qualcosa lì.

Come posso collegarmi ad un determinato prodotto o categoria del mio negozio di Facebook?

Se apri il negozio Facebook, vai ad una qualsiasi categoria, copia un link dalla barra degli indirizzi e aprilo in una finestra diversa, si aprirà la pagina principale del negozio invece della pagina di categoria necessaria. Succede a causa di una specifica piattaforma di applicazione Facebook: le applicazioni nella scheda (collegate con la tua pagina) sono dislocate in iFrames. L'oggetto all'interno della cornice non è comunque influenzato da elementi esterni. Questo è un modo sicuro di struttura del sito, ma ha un limite: l'URL non viene dinamicamente cambiata quando si sfogliano le pagine. Ecco perchè su ogni pagina del negozio hai uno e lo stesso URL nella barra di indirizzo del browser, aprendo la tua homepage del negozio.

C'è una rapida soluzione pero'. E' ancora necessario ottenere collegamenti diretti a determinate pagine di archivio (pagina del carrello, di prootto, categoria ecc.) Per esempio, quando ai clienti piace un prodotto, il sistema necessita di condurre gli utenti alla pagina propria del prodotto. Abbiamo realizzato questa possibilità, che puoi utilizzare tu stesso in modo da ottenere pagine dirette di prodotto o categoria.

Dovresti utilizzare questi collegamenti speciali:

http://LINK_TO_YOUR_FB_STORE?app_data=!/~/product/id%3dPRODUCT_ID - the link will open the product page⏎⏎http://LINK_TO_YOUR_FB_STORE?app_data=!/~/category/id%3dCATEGORY_ID - this link will open the category page

Dove:

Esempi:

Posso assegnare una scheda di applicazione Facebook al mio profilo personale?

No. Purtroppo Facebook non permette più di aggiungere schede di applica

Come posso applicare modifiche CSS solo al mio negozio Facebook e tenere un altro design sul sito?

Se vuoi alcune regole CSS nel tuo tema personalizzato da applicare solo per la tua applicazione Facebook, ma non per altre vetrine, dovresti specificarlo direttamente nel tuo codice CSS. Per quello basta aggiungere div.ecwid_facebook_appnbspPrefissare le regole CSS necessarie. Per esempio, il seguente codice cambierà colore di sfondo del negozio in bianco solo nell'applicazione Facebook.

div.ecwid_facebook_app div.ecwid-productBrowser {⏎  background-color: #fff;⏎} 

Tali modifiche verranno applicate sia alla scheda sia alla che alla applicazione Ecwid in Facebook Se desideri applicarle solo alla scheda ma non alla tela principale, dovresti usare il selettore di div.ecwid_facebook_app_tab invece di div.ecwid_facebook_app. Per esempio, il seguente codice CSS cambierà la dimensione del carattere per i prezzi nel browser del prodotto solo nella scheda Facebook.

div.ecwid_facebook_app_tab div.ecwid-productBrowser-price { font-size: 18px; }

Dal momento che è possibile installare il tuo negozio Ecwid su diverse pagine FB, potresti essere interessato a creare un look diverso per le differenti pagine. Per quello specifica una regola CSS necessaria con un selettore come ecwid_facebook_page_ dove page ID è interno all'identificatore della pagina di FB Guarda attraverso la fonte HTML della pagina FB dove il tuo negozio Ecwid è installato Si vedrà che gli elementi dell'archivio Ecwid sono avvolti dall'elemento div che somiglia a questo:

div class="ecwid_facebook_app_tab ecwid_facebook_page_333446166671723 ecwid_facebook_app" …>

La classe inizia con ecwid_facebook_page_  la pagina specifica Usalo per questa pagina per inventare i ruoli CSS dei tuoi clienti Per esempio, il seguente codice CSS cambierà il colore dei nomi del prodotto nel browser del prodotto in verde (questo riguarderà solo gli elementi Ecwid sulla pagina FB 333446166671723):

div.ecwid_facebook_page_333446166671723 div.ecwid-productBrowser-link del nome prodotto {⏎colore: verde⏎}

NOTA:

div.ecwid_facebook_app_tab selettore è aggiunto alla nostra applicazione ufficiale. Se passi alla "Scheda html personalizzata" la nostra applicazione viene disattivata, quindi la selezione non sarà più lì e questo metodo di aggiungere i ruoli CSS al negozio FB non funzionerà. La vetrina di Fb condividerà lo stesso CSS così come il tuo negozio Ecwid sul sito web.

Quando aggiungo il mio negozio su Facebook, non risulta bene e il testo non è leggibile. Come fissarlo?

Al momento la tua applicazione Facebook e il principale negozio Ecwid usano gli stessi CSS stili, cioè gli stessi colori, immagini ecc. Tutte le modifiche che applichi al tuo negozio utilizzando temi CSS personalizzati, saranno applicati lo stesso alla tua app di Facebook.

Potrebbe causare problemi se lo sfondo del sito principale non è bianco e hai cambiato i colori del negozio, testo e altri elementi con l'aiuto dei tuoi codici CSS personalizzati.

Poichè lo sfondo di app di Facebook è bianco per impostazione predefinita, il tuo negozio, in questo caso, non avrà un bell'aspetto.

Puoi semplicemente modificare lo sfondo della tua app FB applicando questo codice CSS al tuo tema Ecwid personalizzato (sostituire il nero con qualsiasi altro colore desideri).

div.ecwid_facebook_app {
background-color:black;
}

You can use the same trick, if you want to add some CSS changes to your FB app only. Just add thediv#outer prefix before your CSS selectors, for example:

.ecwid_facebook_app <necessary CSS selectors> {
#somecode
}

Categories menu width is too big, category names are not visible and minicart overlaps them. How to fix it?

If there are many categories they may not fit in the tab page width. In this case you can reduce the space occupied by the categories in the following ways: 

      1. Decrease the number of the root categories 
      2. Make the font size of the horizontal categories smaller by means of this CSS modification (how to use it):
        /* root categories, first level category links */ 
        div.ecwid_facebook_app span.ecwid-categories-category { 
             font-size:16px !important;
         }
        /* subcategories, second level category links */ 
        div.ecwid_facebook_app div.ecwid-categoriesMenuBar span.ecwid-categories-category {
         font-size:14px !important; 
        } 
        /* 3rd, 4th, etc level category links */ 
        div.ecwid_facebook_app div.ecwid-categories-MenuBarPopup 
        div.ecwid-categoriesMenuBar span.ecwid-categories-category { 
        font-size:13px !important; 
        }  
      3. Disable the "Horizontal categories" widget completely in the FB store settings:
        • Go to the Ecwid app settings on Facebook (https://apps.facebook.com/ecwid-shop/) and click the "Settings" menu next to the Ecwid app.
        • In "Categories menu widget" select Hide
        • Click Save

I want to apply Javascript modification to my Ecwid store on Facebook. Where should I put the modification code?

      To add a Javascript modification (e.g.
custom translation
      or any other modification) to your store of Facebook, please, open 
https://apps.facebook.com/ecwid-shop/
       page and proceed to the "Settings" page. Add the code to the "Advanced settings" text field and click "Save".
       

Why my customers can't find my Facebook shop from mobiles? 

Ecwid is designed to work on any platform. Ecwid supports responsive layout that allows Ecwid shops to adapt to different screens. More details in this forum thread: http://www.ecwid.com/forums/showthread.php?p=81342#post81342

Basically Ecwid application for Facebook is able to work on mobile devices. Your Facebook store is viewed normally and can be accessed from mobiles.

However, Facebook has certain restrictions hindering the work of applications on mobiles, and it impacts all Facebook apps, not only Ecwid.

1. When users open your Facebook page from mobiles, they do not see the 'Shop' link.
This is a limitation of Facebook: links to 3rd party applications (i.e., those developed not by Facebook) are not shown on the Pages from mobiles. It affects all applications, not just Ecwid.

So when you access Facebook page from a mobile (and Facebook considers iPhones, iPads and Android  tablets as mobile devices), you will not see a link to your Ecwid shop. Furthermore, if you try to open Ecwid store on Facebook in a mobile browser, it will display page not found error.

At present it is technically not possible to display standard Facebook tab applications on mobiles. We have to live with this restriction until Facebook changes it. Therefore, unfortunately we don't have a mobile version of the Ecwid Facebook app. Yet, we can offer you ways to work this around, see below.

2. One more restriction relates to relations between Facebook and Apple:
"Add to bag" button isn't shown on mobile catalogs if opened in mobile Facebook application for iOS.  This is a forced measure that we had to take due to the following Facebook restriction.

According to the Facebook policy:

If you’re using iOS to run your app, use an iOS approved payment method.

Facebook contacted us with this regard and requested to disable all payment methods in Ecwid application, otherwise the application would be closed.

In order to keep the Ecwid app running on thousands of Facebook pages, as a way to work this around we had to remove 'Add to Bag' button from the mobile catalog when it's viewed from mobile Facebook app on iOS.

Regrettably, it doesn't appear possible to sell anything in mobile Facebook iOS app unless items are sold within online Apple store.

Despite of these restrictions, from the very beginning we've been trying to locate and implement any solution that would help selling from mobiles, since mobile commerce is growing together with Facebook popularity.

For now we offer the following ways to provide a mobile store:

      1. To use your starter site available at link http://store[store id].ecwid.com/ as a mobile version of your store. Note that you can choose to show it under another domain. Check out this article for details: Starter Site
      2. To use your own website with Ecwid

In order to use the 1st and 2nd variants, you should  make sure to enable responsive layout for your Ecwid store in Ecwid control panel → Settings → General → Migrations

Ecwid supports responsive design meaning that your store pages can be adapted dynamically to any screen. So website and Starter Site (for those who don't have website yet) would be the best solutions.

You should put a link to either of these resources on your Facebook page and write down a warning that users, who're viewing the page from mobiles, need to follow this very link to buy. You can insert it on the page wall or in "About us" section. 

Otherwise you can use Facebook call-to-action "Shop Now" button as follows:
1) Get your Starter Site link by going in your Ecwid control panel to Settings > General > Starter Site and copy the link below "Your starter site". 
2) Go to your Facebook page and click on the "Call to Action" button, 
- click on "Edit call to action", 
- choose "Shop Now" Button,
- under "Website" add the Starter Site link and click on "Create". 

Why does the app settings page in Facebook display warning message?

      If you are logged in to Facebook as page and not as a person, the page with the app settings (
https://apps.facebook.com/ecwid-shop/
      ) shows this message:

Sorry, we got confused
    Please try refreshing the page or closing and re-opening your browser window.

Il problema è causato da un errore di Facebook che sostiene di non disporre di strategie per risolverlo.

To be able to access the app settings page please make sure that you are logged in to Facebook as a person.

Resolution

To resolve the issue, follow the steps in this section.