In Bitrix24 puoi lavorare non solo su un computer in ufficio, ma anche fuori dall'ufficio: dall'aeroporto, da un bar, da qualsiasi luogo in cui sia disponibile Internet. L'applicazione mobile Bitrix24 ti aiuterà in questo.

L'applicazione mobile Bitrix24 è un'applicazione gratuita che funziona con dispositivi iPhone, iPad e Android.

Ora ti dirò cosa può fare questa applicazione.

Comunicazione

In primo luogo, si tratta principalmente di comunicazione: chat con colleghi e chat con clienti (linee aperte):

Puoi creare una nuova chat dall'app mobile, proprio come nel browser o nell'app desktop!

Per fare ciò basta cliccare sull'icona + nell'angolo destro, seleziona il tipo di chat (chat aperta o chiusa) e invita i dipendenti ad accedervi.

Nell'elenco delle chat è ora possibile bloccare e sbloccare le finestre di dialogo in cima all'elenco: opzione Blocca/Sblocca e nascondi anche le finestre di dialogo - opzione Eliminare:

Nelle chat di gruppo, puoi anche attivare e disattivare le notifiche utilizzando l'opzione Non seguire/Segui nell'elenco delle chat. La stessa opzione è disponibile nella chat di gruppo stessa:

Puoi invitare alla chat un dipendente alla volta oppure un intero dipartimento o divisione. E se sei il proprietario della chat, puoi assegnarle un nuovo proprietario ed escludere gli utenti dalla chat.

Per fare ciò, aprire la sezione dei partecipanti alla chat e scorrere da destra a sinistra (swipe) sopra il partecipante e selezionare l'elemento desiderato.

Visualizza il feed live, commenta e metti mi piace ai post dei tuoi colleghi. Invia foto dal tuo telefono direttamente al tuo feed. I moduli di creazione dei messaggi sono appositamente adattati per iOS e Android:

Contatti

Hai sempre a portata di mano la lista completa e aggiornata dei contatti dei colleghi. Nella versione mobile di Bitrix24, trovare informazioni sul dipendente desiderato è facile come sul portale: basta andare alla sezione nel menu principale Dipendenti:

Puoi sincronizzare il tuo telefono e i contatti del portale nella sezione Impostazioni > Sincronizzazione applicazioni.

Impostazioni

Troverai tutte le impostazioni dell'applicazione in un unico posto. Per fare ciò, vai alla scheda Di più e in alto richiamare il menu delle impostazioni.

Le impostazioni dell'applicazione mobile sono suddivise in diversi gruppi:

Capitolo

Ricevi notifiche– abilita o disabilita la possibilità di ricevere notifiche push.

Filtraggio intelligente– se questa opzione è abilitata, mentre stai lavorando nell'applicazione desktop, le notifiche non verranno inviate all'applicazione mobile. Utile per risparmiare batteria.

Contatore delle applicazioni– Questa impostazione determina quali contatori degli strumenti (come i contatori Live Feed o Chat) influenzeranno il contatore generale dell'applicazione sull'icona del desktop.

Inoltre in questa sezione puoi disabilitare i tipi non necessari di notifiche delle applicazioni mobili in Messaggi, Calendari, Chat, Attività e Telefonia.

Capitolo .

Qui puoi creare profili di sincronizzazione per contatti e calendari.

Sui dispositivi Android questo fa parte delle impostazioni di sistema, dove è inoltre possibile configurare la sincronizzazione in modo più dettagliato.

Impostazioni del dispositivo

Impostazioni Bitrix24:

– disabilitare o abilitare la vibrazione nell'applicazione.

Usa il tema chiaro– cambiare il tema colore dell'applicazione.

Memoria– in questa sezione è possibile svuotare la cache dell'applicazione e dei documenti scaricati.

File– qui selezioni la dimensione e la qualità dei file video inviati al feed Live o alle chat.

Suono– puoi personalizzare il suono della notifica.

Autorizzazioni– in questa sezione è possibile gestire i diritti di accesso alla foto, alla fotocamera, al microfono e alla geolocalizzazione.

Versione dell'applicazione– informazioni sul numero di versione dell'applicazione.

Ora puoi iniziare e terminare la tua giornata lavorativa, nonché impostare una pausa, direttamente dal tuo cellulare:

Gestione dei compiti

Nell'applicazione mobile puoi creare attività, monitorarne il completamento e monitorarne lo stato. Nelle attività mobili sono disponibili tutte le azioni con attività disponibili in Bitrix24. Se le attività hanno file allegati, puoi anche aprirli sul tuo dispositivo mobile:

Lavorare con i file

L'applicazione mobile consente di visualizzare documenti, presentazioni e immagini. Tutto ciò che è a tua disposizione secondo i tuoi diritti sul portale: i tuoi file personali, i file aziendali pubblici, i file dei colleghi e i tuoi gruppi. Sono supportati i formati e i documenti più diffusi: TXT, PNG, PDF, JPG, XLS, XLSX, DOC, DOCX, PPT, PPTX. C'è anche una ricerca integrata - nella cartella corrente per intestazioni e nomi di file:

I file possono essere scaricati da un telefono cellulare come in Il mio disco e poi allegalo da Disco a un'attività, a un messaggio nel Live Feed o in una chat, o direttamente:

Attenzione! C'è una funzione per caricare file immagine o video:

Se carichi prima foto o video su Il mio disco, tali file non vengono compressi, ovvero caricati come originali.

Se carichi immagini o video direttamente su Live Feed, commenti, attività o chat, tali file verranno compressi. Ciò dovrebbe avere un grande impatto sulla velocità di download. La qualità del video scaricato può essere regolata nella sezione Impostazioni > File applicazioni.

Puoi selezionare fino a 10 file diversi e durante il download puoi annullare il trasferimento del file.

Calendario

Il Calendario mobile visualizza un elenco aggiornato di riunioni, sessioni di pianificazione, riunioni e altri eventi. Inoltre, dal tuo dispositivo mobile, puoi accettare inviti o rifiutare di partecipare a riunioni, creare nuovi eventi e invitare i tuoi colleghi:

Nella sezione è possibile sincronizzare gli eventi del calendario del telefono e del portale Impostazioni > Sincronizzazione applicazioni.

CRM mobile

L'applicazione ti consente di lavorare con elementi CRM come casi, contatti, aziende, transazioni, conti, offerte, lead, prodotti. Puoi creare un nuovo lead o modificare lo stato di una trattativa mentre sei direttamente in trattativa con un cliente:

Nel capitolo Contatti puoi creare rapidamente un nuovo contatto in CRM: tutti i campi del biglietto da visita vengono automaticamente riconosciuti e inseriti in CRM come nuovo contatto o azienda:

Chiamate audio e video

La telefonia Bitrix24 funziona anche nell'applicazione mobile! Se hai bisogno di comunicare con un collega di persona e a voce, puoi semplicemente chiamarlo. E quando chiami con un cliente, puoi immediatamente vedere le informazioni sulla transazione dal CRM. Bitrix24 registra le conversazioni, reindirizza le chiamate a un altro dipendente (il reindirizzamento su un telefono cellulare funziona solo dal portale; non è ancora possibile reindirizzare una chiamata da un'applicazione mobile), indirizza automaticamente la chiamata alla persona responsabile e molto altro ancora:

Le chiamate Audio e Video funzionano tramite Wi-Fi, LTE, 3G, con supporto per HD 16:9.

Vorrei immediatamente esprimere la mia gratitudine a Mikhail Bazarov per l'articolo sul suo blog, che mi ha ispirato ad andare oltre e implementare una versione più modernizzata di rilevamento automatico della versione mobile del sito. Inoltre, molte grazie a Stanislav Sazonov per i suoi consigli e per avermi fatto conoscere la tecnologia Bootstrap.

Design responsivo o versione mobile di un modello di sito web?

Per la visualizzazione dei contenuti non c'è molta differenza. Ma per poter visualizzare questo contenuto sul display del tuo dispositivo, devi prima scaricarlo. Va bene se l'utente è connesso a un punto di accesso Internet ad alta velocità. Idealmente, si tratta di un laptop che ha effettuato l'accesso al World Wide Web tramite un punto di accesso Wi-Fi. Ma quanti nervi e tempo perdiamo in quei casi in cui abbiamo un cellulare in mano e la connessione non è nemmeno 3G ma normale GPRS.

Ora immagina che il sito di cui hai bisogno abbia solo la versione originale completa del modello di sito. Questa versione è bellissima: con animazioni, immagini, stili, script e un mucchio di altre righe di diversi tipi di codice. E così sei arrivato su questo sito... 10 secondi, 20... E stiamo ancora aspettando. Nelle peggiori condizioni, il tempo che intercorre tra il clic su un collegamento, il caricamento del contenuto e la sua consegna sul display può richiedere fino a un minuto. Ci sono casi anche peggiori... Cosa possiamo fare? Ma abbiamo un design responsivo, dovrebbe essere visualizzato magnificamente sui telefoni cellulari, senza animazioni o immagini di grandi dimensioni.

Verrà visualizzato, ma durante il caricamento richiama tutti i contenuti, anche quelli non visualizzati. Cosa fare? Tutto è molto semplice: hai bisogno di un modello di sito web separato e anche adattivo.

Modello di sito web mobile Bitrix

Alias ​​di dominio

Quindi, signori! La prima cosa che dobbiamo fare è creare un sottodominio per il nostro dominio principale. È meglio non reinventare la ruota, ma creare un sottodominio come . Su Internet, ho visto che i ragazzi descrivono il collegamento di diversi modelli senza creare un alias di dominio per la versione mobile. Va tutto bene, ma siamo utenti Bitrix e utilizziamo la tecnologia "Sito composito". E se vengono visualizzati modelli diversi agli stessi indirizzi, il significato del composito andrà perso, poiché la cache verrà costantemente sovrascritta. Ci sono già passato. Pertanto abbiamo bisogno di un alias di dominio aggiuntivo.

Modello leggero

Ora dobbiamo creare, o meglio ancora, preparare in anticipo un modello separato per i dispositivi mobili. Quanto sarà leggero dipenderà dallo sviluppatore. Ma è meglio rimuovere tutti i file js e css non necessari o ridurne al minimo il codice. Ad esempio, rimuovi tutti gli stili inutilizzati. Rimuovi animazioni e cursori non necessari. Ovviamente è del tutto inaccettabile lasciare il flash sulla versione mobile. Semplifica anche il codice PHP. Disabilita la visualizzazione dei componenti non necessari sulle versioni mobili. Potrebbe trattarsi di un filtro nell'elenco dei prodotti. Come ho notato, la generazione della pagina al primo colpo richiede più tempo.

Rilevamento mobile

Rilevamento mobileè una classe PHP leggera per il rilevamento di dispositivi mobili (inclusi i tablet). Utilizza la stringa User-Agent in combinazione con intestazioni HTTP specifiche per rilevare l'ambiente mobile. Scarica il file più recente Mobile_Detect.php direttamente dal sito dello sviluppatore mobiledetect.net. Installiamo questo file sul server, direttamente nella directory del template “accanto” al file header.php. In entrambi i modelli, in header.php includiamo questo file e impostiamo la condizione per il reindirizzamento.

Scrivere codice

Bene, iniziamo a scrivere il codice stesso. Per bypassare la tecnologia del sito composito e non interrompere la creazione della cache composita, abbiamo bisogno del file header.php, che viene collegato ancor prima di collegare il file header.php del template del sito stesso. Questo file si trova in /bitrix/header.php. E scrivi il seguente codice:

Traffico mobile

Incontrare il traffico mobile

Se Google non etichetta il tuo sito come "Mobile Friendly", non sarà più visibile agli utenti che accedono a Internet da dispositivi mobili. Perché durante la ricerca su dispositivi mobili, Google tiene conto della presenza di un'ottimizzazione adeguata nel classificare i risultati. Il traffico mobile viene interrotto, le vendite diminuiscono e l'attività subisce perdite.
Controlla: il tuo sito è ottimizzato per i dispositivi mobili?

Come superare lo Speed ​​Test di Google?

Componenti richiesti:

Il traffico mobile sta guadagnando slancio!

Incontra correttamente i clienti mobili con la piattaforma 1C-Bitrix!

Pensi di non avere dati mobili?
Controlla. Il traffico mobile ora prevale su molti siti, anche quelli che non sono destinati alla visualizzazione mobile e non dispongono di versioni mobili. Ad esempio, coltivatori di fiori, amanti dei libri e altri membri di varie comunità accedono sempre più spesso a Internet da dispositivi mobili.

Incontriamo i clienti mobili

Il tuo sito web dovrebbe essere ottimizzato per i dispositivi mobili!

Il tuo sito scomparirà dalle prime pagine dei risultati di ricerca di Google se non sarà facilmente visualizzabile sui dispositivi mobili.

Google ha avvisato i siti scarsamente ottimizzati per la piattaforma mobile che a partire dal 21 aprile 2015 questi siti verranno abbassati nei risultati di ricerca.

Perché è così importante essere ottimizzati per i dispositivi mobili?

Sicuramente molte persone sono passate dai risultati di ricerca di Google a siti che non erano ottimizzati per la visualizzazione su smartphone. Le pagine con collegamenti piccoli e testo difficile da leggere che non si adattano allo schermo del tuo dispositivo creano una cattiva impressione.

Google taggerà i siti mobili nei risultati di ricerca
"Per evitare che gli utenti mobili subiscano potenziali inconvenienti durante la navigazione, inizieremo a evidenziare le pagine ottimizzate per smartphone e tablet nei nostri risultati di ricerca."

Pessimizzazione...

Cosa succede se Google non etichetta il tuo sito come "Mobile Friendly"? In sostanza, il sito scomparirà dalla vista degli utenti che accedono a Internet da dispositivi mobili. Perché durante la ricerca su dispositivi mobili, Google tiene conto della presenza di un'ottimizzazione adeguata nel classificare i risultati. Il traffico mobile viene interrotto, le vendite diminuiscono e l'attività subisce perdite.

Come soddisfare le nuove esigenze?

Cosa dovrebbe essere fatto?

• Supera il test e ottieni un report
• Esplora tutti i consigli
• Eliminare problemi e carenze
• Ottieni l'etichetta di ottimizzazione mobile di Google

È facile verificare: fai il test

Per scoprire se le tue pagine soddisfano i nuovi requisiti, basta scorrere procedura di verifica per l'ottimizzazione per i dispositivi mobili.

Non ottimizzato per dispositivi mobili!

Difficile da risolvere a meno che tu non sia un webmaster

Per eliminare tutti i problemi identificati durante la visualizzazione da smartphone e tablet, e non solo una pagina, ma l'intero sito, devi fare molto. In particolare, è necessario studiare le guide per webmaster sulla creazione e l'ottimizzazione delle versioni mobili dei siti, la documentazione sulla configurazione di un sistema di gestione dei contenuti e i modelli di sito. Solo gli specialisti possono farlo.

Disposizione adattiva

Adattare il sito al mercato della telefonia mobile

Pronto a ricevere visitatori mobili

Ogni pagina del tuo sito web, se si trova sulla piattaforma 1C-Bitrix, viene immediatamente ricostruita per qualsiasi dispositivo. Il tuo sito web è inizialmente pronto per le versioni mobile, tablet e desktop. Inoltre, l'interfaccia Touch è supportata in tutti i componenti del negozio online.

Negozi online sulla piattaforma 1C-Bitrix - con un modello adattivo

Il nucleo del prodotto 1C-Bitrix: Site Management ha un framework integrato con layout utile (Bootstrap 3). Il Framework universale per il layout rende più semplice e veloce la creazione di qualsiasi tipologia di sito web adattivo per i dispositivi mobili (mobile-friendly).

La prima cosa da cui devi iniziare è cambiare i principi del layout del sito web.

Quando si progetta una struttura, è necessario tenere immediatamente conto dei requisiti per il layout adattivo.

Devi rendere questa parte del tuo ciclo produttivo!

Quadro universale

Tecnologia moderna di layout adattivo

Il tuo sito è inizialmente ottimizzato per i dispositivi mobili

Il tuo sito web è inizialmente pronto per essere visualizzato su qualsiasi dispositivo, compresi i dispositivi mobili. Il cuore del prodotto, la versione 15.5, ha un Framework universale integrato per il layout, che facilita e accelera la creazione di siti mobile-friendly (adattati per dispositivi mobili) di qualsiasi tipo.

Adattabile a tutto!

• Framework universale per il layout (Bootstrap 3)
• Alta velocità di produzione di siti web adattivi
• Predisposizione nativa per le versioni mobile, tablet e desktop
• Supporto dell'interfaccia touch in tutti i componenti del negozio online

Nuovo modello di negozio online adattivo

La soluzione già pronta "Negozio online" inclusa nella consegna del prodotto ha ricevuto un nuovo bellissimo modello. Il framework con layout utile (Bootstrap 3) ti consente di utilizzare il modello per qualsiasi schema di negozio online. Ogni pagina del tuo negozio ora si adatta istantaneamente a qualsiasi dispositivo.

Risposta: necessario.

Secondo le statistiche, gli utenti visitano sempre più siti Web tramite dispositivi mobili: smartphone e tablet.

Se un utente inserisce una query da un dispositivo mobile nella barra di ricerca, i motori di ricerca nei risultati di ricerca dare la preferenza ai siti che hanno una versione mobile.

Requisiti Yandex per la versione mobile del sito

Questa immagine mostra un controllo del sito in Yandex. Puoi andare su Yandex Webmaster e vedere se la versione mobile del tuo sito soddisfa i requisiti Yandex. L’analisi può essere effettuata accedendo alla sezione desiderata:

1. Vai al webmaster Yandex
2. Vai alla sezione "Strumenti".
3. Vai alla sottosezione "Verifica delle pagine mobili"
4. Inserisci il nome del sito, fai clic sul pulsante "verifica".

Se la versione mobile del sito soddisfa le aspettative di Yandex, quindi Yandex scriverà "Va tutto bene!"

Requisiti di Google per la versione mobile del sito

La seconda immagine mostra un controllo simile su Google. Qualsiasi utente di Internet può effettuare un controllo online, non è necessario registrarsi da nessuna parte. Segui il collegamento, inserisci l'indirizzo del sito e fai clic sul pulsante "Analizza". Qui puoi verificare come Google valuta non solo la versione mobile del sito, ma anche quella desktop normale. Il punteggio è espresso in percentuale da 0 a 100%.

• La zona rossa dallo 0 al 40% indica che a Google la pagina non piace davvero e deve lavorare per migliorare prestazioni e qualità.
• La zona gialla dal 40 all'85% indica che il sito è più o meno configurato, ma sono ancora necessari miglioramenti.
• La zona verde dall'85 al 100% indica che il sito è configurato quasi perfettamente e Al motore di ricerca Google piace.

Pertanto, i motori di ricerca stabiliscono una serie di requisiti per la versione mobile del sito. Perché si carichi velocemente, non c'è scorrimento orizzontale, ci sono link grandi (su cui puoi cliccare con il dito su uno smartphone e non perderti), in modo che il testo non sia troppo piccolo e si possa leggere comodamente. Tutto è finalizzato a rendere comoda la visualizzazione del tuo sito da parte dell'utente da un dispositivo mobile..

Modello per la versione mobile del sito Web Bitrix

Offro ai miei clienti una versione mobile del sito con questo design. Gli esempi sono presentati di seguito:

Il layout ha controlli:

1. Collegamento alla home page
2. Il pulsante richiama la funzione di chiamata telefonica al numero specificato
3. Si apre il modulo di feedback
4. Il pulsante 4 apre il menu verticale
5. Il pulsante 5 apre il menu verticale
6. Il pulsante verde apre una chat attraverso la quale l'utente può porre domande.

Il menu mostra le sezioni principali del sito. Se lo si desidera, alcune sezioni possono essere rimosse dalla versione mobile.

Il template non ha lo scorrimento orizzontale, il template si adatta al dispositivo. Anche il modello non ha script Java aggiuntivi, che rallentano la visualizzazione della pagina all'utente, o la rallentano in qualche modo. Gli script Java sono configurati al minimo e sono necessari solo per il funzionamento della versione mobile.

Il modello utilizza un layout adattivo. La larghezza minima del modello è 300 pixel. Questo numero è stato selezionato in base alle osservazioni dei dispositivi degli utenti. Il limite superiore della larghezza dello schermo che di solito mi rivolgo è 1199 pixel. Al di sopra di questo valore si trova la versione normale del sito.

Se l'utente accede da un dispositivo mobile (smartphone o tablet), il sistema automaticamente questo determina visualizza un modello di sito mobile. Il reindirizzamento alla versione mobile del sito viene effettuato in base al nome del browser del dispositivo dell'utente. La riga del browser del telefono di solito contiene parole come: iPhone, Android, webOS, BlackBerry, iPod, iPad. Quando reindirizzato alla versione mobile del sito L'URL della pagina non cambia.

Motori di ricerca Google e Yandex considerano questo modello ideale dal punto di vista della velocità e della facilità d'uso.

Prezzo per la versione mobile del sito Web Bitrix

Puoi ordinare una versione mobile del sito da me. Il costo per l'installazione di un modello di questo tipo su un sito Web è di 5.000 rubli. Se il sito ha una sezione ampia (ad esempio un catalogo prodotti, notizie, articoli, ecc.), il costo per adattare tale sezione ai dispositivi mobili viene negoziato separatamente e dipende dalla quantità di lavoro.

Se hai bisogno di uno sviluppo con un design diverso o hai qualche idea, realizzerò una versione mobile secondo i tuoi desideri.

Hai bisogno di una versione mobile del sito? - Contattaci, lo configureremo!

Spesso è necessario modificare o integrare alcuni elementi del modello oppure rifarlo completamente. Di solito, per cambiare completamente il design di un sito, viene creato un sito di prova su un sottodominio e su di esso si lavora per adattare il template. Questo approccio non è il più semplice, poiché potrebbe causare problemi con il porting sul dominio principale. Al momento, le versioni mobili del sito sono richieste non solo per comodità dell'utente, i motori di ricerca preferiscono sempre più siti con versioni mobili, utilizzando questo metodo puoi facilmente adattare il modello per le versioni mobili senza interrompere un progetto già esistente .

Supporto per un numero illimitato di modelli in 1C-Bitrix.

Tutti coloro che lavorano su 1C-Bitrix sanno che il CMS offre la possibilità di connettere un numero illimitato di modelli. Per coloro che non lo sanno, diamo un'occhiata a come viene utilizzata l'implementazione dei multi-template.
Per aggiungere un modello è necessario andare alla sezione nella parte amministrativa del sito, "Impostazioni" - "Impostazioni prodotto" - "Siti" nel menu a discesa nella sezione "Siti" ci sono due sottosezioni - " Modelli di siti" e "Elenco dei siti".

Copia il modello del sito principale.

Per prima cosa copiamo il modello del sito; per fare ciò, andiamo nella sezione "Modelli di sito" e copiamo il modello in modo da poterlo lavorare in seguito. Fare clic sul pulsante Copia come mostrato nello screenshot:

Applica il modello al sito per la modifica.

Tutto quello che dobbiamo fare è applicare il modello al sito, ma poiché il nostro sito funziona e gli utenti possono accedervi e non abbiamo bisogno che vedano le modifiche apportate al sito, collegheremo il modello in base a la condizione - "Parametro nell'URL". Facciamolo: vai alla sezione "Elenco dei siti" e vai alle impostazioni del sito per il quale è richiesta la modifica. Nella parte inferiore della pagina delle impostazioni del sito è presente un blocco "Modello sito". Seleziona una copia del nostro modello dall'elenco nella colonna "Modello", imposta la condizione "Parametro nell'URL" e aggiungi qualsiasi condizione conveniente per te, ad esempio test=Y, come mostrato nello screenshot:

Ora verrà visualizzata una copia del tuo modello se passi questo parametro all'URL, come segue site.ru/?test=Y dove site.ru è il dominio del tuo sito. Questa condizione funzionerà per tutte le sezioni e pagine del tuo sito. Ad esempio, se hai bisogno di vedere come apparirà un modello in una determinata sezione del sito, vai a questa sezione e passa il tuo parametro, in questo caso? Y e la pagina verrà visualizzata con il nuovo modello.

Ora puoi modificare il nuovo modello mentre i tuoi visitatori vedranno il sito come al solito. Tieni presente che tutte le modifiche dovranno essere apportate nella nuova cartella del modello e, se devi modificare i modelli dei componenti che non si trovano nella cartella, dovrai copiare il modello del componente nella cartella con il nuovo modello. Non modificare in nessun caso i componenti nella cartella /bitrix; ciò potrebbe portare a conseguenze critiche. Ed esegui sempre i backup nel cloud 1C-Bitrix.

Bene, questa è l'intera tecnica, speriamo che ti aiuti a risparmiare tempo.