Come installare ShareThis' Strumenti su Webflow

Nota: se si dispone di un piano Webflow gratuito, gli strumenti di ShareThis purtroppo non funzionano su tuo sito web , poiché la funzione di codice personalizzato è bloccata. 

In order for ShareThis tools to work on your Webflow website, follow the steps below to add your unique ShareThis code to the <head> section of your website: 

Aggiunta degli strumenti di ShareThis in tutte le pagine

  1. Log in or sign up to the ShareThis Piattaforma.
  2. Add your domain.
  3. Copy your unique ShareThis installation script.
    • You can find it in Step 1 of any App page (e.g., Inline Share Buttons, Sticky Share Buttons, Follow Buttons).
    • Or, you can find the same script in Settings → Setup inside the Platform.
  4. Log in to Webflow’s website. On your Projects Dashboard, select the three dots icon from the project you want your buttons on, and click Settings.
  5. Nelle Impostazioni del progetto, andare alla sezione Codice personalizzato.
  6. Paste the unique ShareThis code that you copied from step 3 and click Publish.
  7. In the ShareThis Platform, open the app you want to use and click Enable App to activate it on your site.
  8. (Optional but recommended) Customize your app.
    • Choose between Smart Share Buttons or manual selection of networks.
    • Adjust colors to match your brand.
    • Set button size, shape, alignment, and enable share counts if desired.

Aggiunta degli strumenti di ShareThis in pagine specifiche

  1. Log in or sign up to the ShareThis Piattaforma.
  2. Add your domain.
  3. Copy your unique ShareThis installation script.
    • You can find it in Step 1 of any App page (e.g., Inline Share Buttons, Sticky Share Buttons, Follow Buttons).
    • Or, you can find the same script in Settings → Setup inside the Platform.
  4. Log in to your Webflow website. Open your website in design mode, select Pages from the left sidebar, then select Edit Page Settings from the specific page you want your buttons to be on.
  5. All'interno delle Impostazioni di pagina, scorrere fino alla sezione Codice personalizzato.
  6. Incollare il codice univoco ShareThis copiato al punto 4 e fare clic su Pubblica.
  7. In the ShareThis Platform, open the app you want to use and click Enable App to activate it on your site.
  8. (Optional but recommended) Customize your app.
    • Choose between Smart Share Buttons or manual selection of networks.
    • Adjust colors to match your brand.
    • Set button size, shape, alignment, and enable share counts if desired.

Aggiunta di strumenti in linea ShareThis

Gli strumenti in linea richiedono un frammento di codice aggiuntivo per funzionare su tuo sito. Se si desidera installare i nostri pulsanti di condivisione in linea, i pulsanti di follow, i pulsanti di reazione o gli strumenti di social feed su tuo sito web, è necessario aggiungere il codice di posizionamento ovunque si desideri che lo strumento appaia.

  1. Nella piattaforma ShareThis , selezionare lo strumento ShareThis che si desidera utilizzare e copiare il codice di posizionamento. A seconda dello strumento che si sta installando, il codice dovrebbe essere simile a questo:
  2. Nella modalità di progettazione del vostro sito Webflow, andate alla pagina in cui volete che appaiano i vostri pulsanti.
  3. Dalla barra laterale sinistra selezionare Aggiungi e cercare l'opzione Incorpora, quindi trascinarla nel punto in cui si desidera che appaiano i pulsanti.
  4. Nella nuova finestra dell'editor del codice di incorporamento HTML, incollare il codice univoco ShareThis copiato al punto 1.
  5. Fare clic su Salva e chiudi.
  6. Fare clic su Pubblica.

Note:

  • Gli strumenti di ShareThis potrebbero non apparire nel backend di tuo sito web , per cui potrebbe essere necessario visitare il sito web pubblicato per visualizzarli.
  • Webflow tende a incorporare i pulsanti nei contenitori Flex, il che potrebbe limitare la visualizzazione di alcuni contenuti, soprattutto l'ultimo pulsante.
    Un modo per risolvere questo problema senza cambiare la visualizzazione del contenitore padre da flex a inline-block è impostare un valore fisso per la larghezza dei pulsanti.

    Per farlo, fate clic sui pulsanti stessi e nell'Editor Webflow impostate la loro Larghezza su un valore più grande di quello attuale (se questo accade solo sugli schermi mobili, applicate lo stesso principio, ma cambiate il breakpoint mobile nella parte superiore dell'Editor Webflow in Schermi mobili/Tablet):
Il campo della larghezza dei pulsanti è impostato a 180 nell'Editor Webflow, gli altri valori non vengono modificati.