Per i siti partner
Brand e pulsante «Compra su Bayora»
Come mostrare Bayora sul tuo sito: il pulsante che porta i clienti alla scheda del prodotto, il logo e i colori. Scegli la versione adatta al tuo sito e copia il codice.
Il pulsante
Un solo pulsante, con il riquadro sfumato e la B di Bayora. Due moduli sono facoltativi e li accendi secondo quello che il tuo sito sa fare: la disponibilità, nel sottotitolo, e il prezzo, in una casella a destra. Ogni combinazione ha una versione chiara e una scura.
Formati ridotti
Il compatto, su una riga, è per griglie e liste di prodotti. L'icona è per le schede piccole: ha l'etichetta «Compra su Bayora» per i lettori di schermo.
Crea il tuo pulsante
Scegli tema, formato e moduli, incolla il link del prodotto e copia il codice. Il foglio di stile si collega da bayora.eu; se il tuo sito non accetta fogli di stile esterni, scarica bayora-button.css e servilo dal tuo dominio. Su WordPress il codice va in un blocco «HTML personalizzato» inserito da un amministratore, o nel tema: gli altri ruoli non possono pubblicare il disegno della B.
<link rel="stylesheet" href="https://bayora.eu/brand/bayora-button.css">
<a class="bb" href="https://bayora.eu/it/products/il-tuo-prodotto">
<span class="bb-tile"><svg viewBox="2.5 -1 42 42" width="26" height="26" aria-hidden="true" focusable="false"><path fill="#fff" d="M25.77 40L3.26 40L6.76-0.00L28.13-0.00Q36.41-0.00 40.10 2.94Q43.79 5.89 43.39 10.46L43.39 10.46Q43.15 13.20 41.55 15.46Q39.95 17.71 37.09 19.09L37.09 19.09Q40.52 20.40 42.24 22.91Q43.96 25.43 43.65 28.97L43.65 28.97Q43.20 34.17 38.63 37.09Q34.06 40 25.77 40L25.77 40ZM17.89 24.29L17.34 30.57L25.45 30.57Q29.91 30.57 30.19 27.43L30.19 27.43Q30.46 24.29 26.00 24.29L26.00 24.29L17.89 24.29ZM19.19 9.43L18.67 15.37L24.96 15.37Q29.36 15.37 29.62 12.40L29.62 12.40Q29.88 9.43 25.48 9.43L25.48 9.43L19.19 9.43Z"/></svg></span>
<span class="bb-tx">
<span class="bb-t">Compra su Bayora</span>
<span class="bb-sub">Spedizione in 24/48 h</span>
</span>
<span class="bb-ar" aria-hidden="true">→</span>
</a>Sì
- Porta il cliente direttamente alla scheda del prodotto su Bayora, non alla home.
- Scegli il tema in base allo sfondo: chiaro su fondi chiari, scuro su fondi scuri o colorati.
- Lascia intorno al pulsante almeno 12 px di spazio libero.
- Mostra prezzo e disponibilità solo se li prendi da Bayora e li tieni aggiornati.
No
- Cambiare colori, sfumatura, testo o carattere del pulsante.
- Arrotondare gli angoli: Bayora usa angoli vivi.
- Scendere sotto 320 px di larghezza (360 px con il prezzo): sotto quella misura usa il formato compatto.
- Scrivere a mano un prezzo o una disponibilità che poi non corrispondono a quelli su Bayora.
Logo, colori e carattere
BAYORA in maiuscolo, inclinato, con la B sfumata dall'azzurro all'arancio. Il logo non si ridisegna e non si ricolora: nero sui fondi chiari, bianco su quelli scuri, la B sempre sfumata. Il carattere del sito è IBM Plex Sans.
Azzurro
#36b9cf
La B, i dettagli
Azzurro scuro
#0f7d91
Azioni e link su bianco
Arancio
#f99c00
Solo nella sfumatura della B
Fucsia
#a8217a
Dettagli, mai sul pulsante
Nero
#09090b
Testo
File
Tutti in SVG, tranne il foglio di stile. Per altri formati o per un uso diverso dal pulsante scrivi a [email protected].
- Logo per fondi chiaribayora-logo.svg
- Logo per fondi scuribayora-logo-bianco.svg
- La B sfumatabayora-b.svg
- Icona quadratabayora-icona.svg
- Foglio di stile del pulsantebayora-button.css
