Hur man organiserar en mobilversion på Bitrix. Mobil version av Bitrix-mallen med Mobile Detect auto-detektion. Vad ger den här tekniken dig?

Utvecklingsteknik mobila applikationer BitrixMobile stöder alla större moderna plattformar: iPhone 3 och 4, iPad, Windows-telefon 7, Android, Blackberry, Symbian. Det detaljerade API:et används för utvecklare att skapa sina egna applikationer och förfina applikationer skapade i 1C-Bitrix. Du kan också skapa inbyggda applikationer och publicera dem i App Store i Android Market och andra liknande kataloger. (Videon visar detta i detalj och med dokumentation med en OTP-produkt som exempel).

BitrixMobiles relevans

Leverans av produkten "1C-Bitrix: Site Management"

Iproduktleveranstvå applikationer ingår:

• Färdig mobil webbutik integrerad med hemsidan
• Personlig engångslösenordsgenerator för webbplatsen (OTP)

Skapa en mobilversion av webbplatsen

För den mobila versionen av webbplatsen skapas en webbplats eller en speciell "/m/"-sektion på webbplatsen, där det är nödvändigt att placera strukturen (sektioner, sidor och menyer) för den mobila webbplatsen. För sidor måste du installera en minimalistisk webbplatsmall och använda speciella mobilversioner av komponentmallar.

1C-Bitrix-plattformen inkluderar: Lösning för att skapa en mobilversion av webbplatsen Komponentmallar för den mobila versionen av webbplatsen Automatisk identifiering av åtkomst från en mobil enhet Mobil webbplatsmall Plattform "1C-Bitrix" för att skapa mobila webbapplikationer: Speciellt utvecklat API för att skapa klient-server mobila webbapplikationer: Auktorisationsstöd Datautbyte Mobilt gränssnitt Datalagring på klienten Stöd för uppdatering och arbete offline För att skapa webbapplikationer med datautbyte med sajten

Färdig mobil onlinebutik

Mobil webbutikär en färdig lösning från en serie "boxade" webbprojekt, byggda på basis av produkten 1C-Bitrix: Site Management. Den färdiga mobila webbutiken som ingår i produktleveransen fungerar på iPhone, iPad, Android och BlackBerry. Den mobila onlinebutiken är utvecklad baserad på BitrixMobile-teknologi och kan enkelt modifieras av kunder och partners för att passa deras mål och mål.

Din mobila webbutik är redo att börja!

Att skapa en webbutik och lansera onlineförsäljning blir samma sak normal process hur man installerar ytterligare program till telefonen.

Du som ägare kommer omedelbart att ange dina uppgifter när du skapar butiken och inkludera ett kontoutdrag utan kontanter. När du gör en beställning kommer din köpare att ange stad, leveranssätt, till exempel inom staden, och kostnaden kommer att beräknas automatiskt. Du kan börja handla online idag!

Efter installationen går du till startsida lagra och se den klar demo produktkatalog.

Integration med 1C

Naturlig utgångspunktintegration gör att du inte bara kan importera din handel katalogen från "1C: Trade Management", men också sätta upp sin uppdatering enligt ett schema - utan mänsklig inblandning. På samma sätt kan du importera en färdig katalog från en CSV-fil till din butik.

Testa

Den mobila webbutiken ingår i den färdiga lösningen "1C-Bitrix: Online Store" . Testa funktionalitet lösningar kan hittas i det virtuella laboratoriet "1C-Bitrix: Site Management" eller genom att installera en gratis 30-dagars provperiod testversion en av 3 utgåvor av produkten: "1C-Bitrix: Site Management" - "Small Business", "Business" och "Business Web Cluster".

Personlig engångslösenordsgenerator för webbplatsen (OTP)

Engångslösenordssystem kompletterar standardsystem auktorisering och låter dig avsevärt stärka säkerhetssystemet i din webbutik. För att aktivera systemet, använd bara produkten "1C-Bitrix: Site Management" som ingår i leveransen. personlig engångslösenordsgenerator för webbplatsen(Bitrix OTP).

Genom att använda Bitrix OTP du kan oberoende aktivera eller inaktivera användningen av ett engångslösenordssystem på webbplatsen för din konto. Detta är en implementerande OTP programvara, utvecklad av 1C-Bitrix, låter dig göra utan att köpa hårdvaruenheter(till exempel Aladdin eToken PASS) eller motsvarande mjukvaruanaloger.

Installera Bitrix OTP kan du direkt från din webbplats, körs på "1C-Bitrix: Site Management" 10.0 och högre. För att göra detta, gå bara till adressen i din mobila enhets webbläsare http://<ваш_сайт>/bitrix/otp/ och följ instruktionerna på skärmen. Gratis installation Bitrix OTP är också möjligt från appbutiken online.
Bitrix OTP-applikation för Android

Installera applikationen från 1C-Bitrix på din mobiltelefon och generera engångslösenord för att logga in på en webbplats som stöder OTP-autentisering. Applikationen stöder att arbeta med flera webbplatser samtidigt.

Du kan aktivera support på mobilsidan engångslösenord och använda dem selektivt för alla användare. Det rekommenderas särskilt att webbplatsadministratörer använder ett engångslösenordssystem, eftersom detta avsevärt ökar säkerhetsnivån för användargruppen Administratörer. För att göra detta räcker det att skapa en ny webbplats i lösenordsgeneratorn som stöder OTP-auktorisering, och sedan varje gång du går in på den här webbplatsen får du ett engångslösenord för den. Generatorn låter dig skapa många poster för sådana webbplatser, och du kan välja önskad plats från listan.

Vad ger den här tekniken dig?

Entydigt förtroende för att användaren som äger mobiltelefonen är auktoriserad på sajten. Samtidigt förlorar all stöld och avlyssning av lösenord all betydelse, eftersom lösenordet är engång. Personlig generator ger unika engångslösenord och endast på din begäran. Detta innebär att ägaren av en mobil enhet med en lösenordsgenerator installerad på den inte kommer att kunna överföra lösenordet till en annan person medan han fortsätter att använda inloggningen till mobilsajten.

Mobil trafik

Möte mobiltrafik

Om Google inte märker din webbplats som "Mobilvänlig" försvinner den från visningen för användare som använder Internet på mobila enheter. För när man söker på mobilen Google-enheter tar hänsyn till förekomsten av lämplig optimering när resultaten rangordnas. Mobiltrafiken stängs av, försäljningen sjunker och verksamheten går med förluster.
Kolla – är din sida mobilanpassad?

Hur klarar man Google Speed ​​​​Test?

Nödvändiga komponenter:

Mobiltrafiken tar fart!

Möt mobila klienter korrekt med 1C-Bitrix-plattformen!

Tror du att du inte har mobildata?
Kolla in det. Mobiltrafik råder nu på många sajter, även de som inte är avsedda för mobil visning och inte har mobilversioner. Till exempel får blomsterodlare, bokälskare och andra medlemmar i olika samhällen i allt större utsträckning tillgång till Internet från mobila enheter.

Vi möter mobila kunder

Din hemsida ska vara mobilanpassad!

Din webbplats kommer att försvinna från de första resultatsidorna Google Sök, om det är obekvämt att se på mobila enheter.

Google har skickat ut varningar till sajter som är dåligt optimerade för mobilplattformen om att dessa sajter från och med den 21 april 2015 kommer att sänkas i sökresultat.

Varför är det så viktigt att vara mobilanpassad?

Säkert har många bytt från Googles sökresultat till webbplatser som inte var optimerade för visning på smartphones. Sidor med små länkar och svårläst text som inte heller får plats på din enhets skärm gör ett dåligt intryck.

Google kommer att tagga mobilwebbplatser i sökresultaten
"För att förhindra att mobilanvändare upplever besvär när de surfar kommer vi att börja markera sidor som är optimerade för smartphones och surfplattor i våra sökresultat."

Pessimisering...

Vad händer om Google inte märker din webbplats som "Mobilvänlig"? I huvudsak kommer webbplatsen att försvinna från synen på användare som kommer åt Internet från mobila enheter. För när man söker på mobila enheter tar Google hänsyn till förekomsten av lämplig optimering när resultaten rangordnas. Mobiltrafiken stängs av, försäljningen sjunker och verksamheten går med förluster.

Hur möter man nya krav?

Vad borde göras?

• Klara provet och få en rapport
• Utforska alla rekommendationer
• Eliminera problem och brister
• Skaffa Googles mobilvänliga etikett

Det är lätt att kontrollera – gör testet

För att ta reda på om dina sidor uppfyller de nya kraven är det bara att gå igenom verifieringsförfarande för optimering för mobila enheter.

Ej optimerad för mobila enheter!

Svårt att fixa om du inte är webbansvarig

För att eliminera alla identifierade problem när du tittar från smartphones och surfplattor, och inte bara en sida, utan hela din webbplats, måste du göra mycket. I synnerhet behöver du studera guiderna för webbansvariga om att skapa och optimera mobilversioner av webbplatser, dokumentation om hur du skapar ett innehållshanteringssystem och webbplatsmallar. Endast specialister kan göra detta.

Adaptiv layout

Anpassa sajten till mobilmarknaden

Redo att ta emot mobilbesökare

Varje sida på din webbplats, om den är på 1C-Bitrix-plattformen, byggs omedelbart om för vilken enhet som helst. Din webbplats är initialt redo för mobil-, surfplatta- och desktopversioner. Dessutom stöds Touch-gränssnittet i alla komponenter i webbutiken.

Onlinebutiker på plattformen 1C-Bitrix – med en adaptiv mall

Kärnan i 1C-Bitrix: Site Management-produkten har ett inbyggt ramverk med användbar layout (Bootstrap 3). Det universella ramverket för layout gör det enklare och snabbare att skapa vilken typ av webbplats som helst som är anpassningsbar för Mobil enheter(mobilvänligt).

Det första du måste börja med är att ändra principerna för webblayout.

När du designar en struktur måste du omedelbart ta hänsyn till kraven på adaptiv layout.

Du måste göra detta till en del av din produktionscykel!

Universell ram

Modern teknik för adaptiv layout

Din webbplats är från början mobilanpassad

Din webbplats är initialt redo att visas på alla enheter, inklusive mobila enheter. Produktkärnan i version 15.5 har ett inbyggt universellt ramverk för layout, vilket underlättar och påskyndar skapandet av mobilvänliga (anpassade för mobila enheter) webbplatser av alla slag.

Anpassningsbar för allt!

• Universal Framework för layout (Bootstrap 3)
• Hög hastighet i produktionen av adaptiva webbplatser
• Inbyggd beredskap för mobil-, surfplatta- och stationära versioner
• Beröringsstöd gränssnitt i alla komponenter i webbutiken

Ny responsiv mall webbutik

Färdig lösning"Onlinebutiken" som ingår i produktleveransen har fått en ny vacker mall. Framework med användbar layout (Bootstrap 3) låter dig använda mallen för alla onlinebutiksscheman. Varje sida i din butik anpassas nu direkt till vilken enhet som helst.

Alla moderna utgåvor av 1C-Bitrix: Site Management innehåller initialt en omfattande uppsättning verktyg och funktioner för anpassning till mobila enheter. Därför, om du valde CMS Bitrix för din internetresurs, tog du rätt beslut och sparade inte bara på att utveckla en ytterligare version, utan också på att marknadsföra ditt projekt i sökmotorer.

Google och Yandex respekterar mobilitet

I algoritmerna för den största sökmotorn Googles system Det finns en speciell "För mobil"-etikett. Och om du inte får ett sådant märke, kan du glömma mobiltrafiken - systemet tar automatiskt bort webbplatser som inte har klarat lämpligt test från sökresultaten på smartphones och surfplattor.

Yandex är inte långt efter. Den inhemska sökledaren har också länge tagit hänsyn till anpassningsförmåga till mobila enheter som en viktig faktor för att ranka sökresultat. Och Yandex.Webmaster har till och med speciell funktion för att diagnostisera denna parameter.

Med hänsyn till vilken roll prylar och smartphones spelar i våra liv idag, blir det uppenbart att en mobilversion av en webbplats är ett obligatoriskt element för alla säljande målsidor, informationsportaler och, särskilt, onlinebutiker.

Webbplatsverktyg
på Bitrix

Dina handlingar

Det går givetvis inte att hålla sig borta. Så att din mobilsajt förblir högt aktad sökrobotar, var bekvämt för användarna och gav goda vinster, vi behöver kompetent och högkvalitativt innehåll.

Välj Bitrix och få inte bara glädje av arbetet, utan också maximal ekonomisk nytta. Och cheferna för internetbyrån Dextra svarar alltid gärna på dina frågor och hjälper dig att korrekt formulera dina uppgifter, oavsett om det är: lansera ett nytt projekt, anpassning, redigera layouten eller förbereda innehåll av hög kvalitet.

Mobil trafik

Möte mobiltrafik

Om Google inte märker din webbplats som "Mobilvänlig" försvinner den från visningen för användare som använder Internet på mobila enheter. För när man söker på mobila enheter tar Google hänsyn till förekomsten av lämplig optimering när resultaten rangordnas. Mobiltrafiken stängs av, försäljningen sjunker och verksamheten går med förluster.
Kolla – är din sida mobilanpassad?

Hur klarar man Google Speed ​​​​Test?

Nödvändiga komponenter:

Mobiltrafiken tar fart!

Möt mobila klienter korrekt med 1C-Bitrix-plattformen!

Tror du att du inte har mobildata?
Kolla in det. Mobiltrafik råder nu på många sajter, även de som inte är avsedda för mobil visning och inte har mobilversioner. Till exempel får blomsterodlare, bokälskare och andra medlemmar i olika samhällen i allt större utsträckning tillgång till Internet från mobila enheter.

Vi möter mobila kunder

Din hemsida ska vara mobilanpassad!

Din webbplats försvinner från de första sidorna i Googles sökresultat om den inte är lätt att se på mobila enheter.

Google har skickat ut varningar till sajter som är dåligt optimerade för mobilplattformen om att dessa sajter från och med den 21 april 2015 kommer att sänkas i sökresultat.

Varför är det så viktigt att vara mobilanpassad?

Säkert har många bytt från Googles sökresultat till webbplatser som inte var optimerade för visning på smartphones. Sidor med små länkar och svårläst text som inte heller får plats på din enhets skärm gör ett dåligt intryck.

Google kommer att tagga mobilwebbplatser i sökresultaten
"För att förhindra att mobilanvändare upplever besvär när de surfar kommer vi att börja markera sidor som är optimerade för smartphones och surfplattor i våra sökresultat."

Pessimisering...

Vad händer om Google inte märker din webbplats som "Mobilvänlig"? I huvudsak kommer webbplatsen att försvinna från synen på användare som kommer åt Internet från mobila enheter. För när man söker på mobila enheter tar Google hänsyn till förekomsten av lämplig optimering när resultaten rangordnas. Mobiltrafiken stängs av, försäljningen sjunker och verksamheten går med förluster.

Hur möter man nya krav?

Vad borde göras?

• Klara provet och få en rapport
• Utforska alla rekommendationer
• Eliminera problem och brister
• Skaffa Googles mobilvänliga etikett

Det är lätt att kontrollera – gör testet

För att ta reda på om dina sidor uppfyller de nya kraven är det bara att gå igenom verifieringsförfarande för optimering för mobila enheter.

Ej optimerad för mobila enheter!

Svårt att fixa om du inte är webbansvarig

För att eliminera alla identifierade problem när du tittar från smartphones och surfplattor, och inte bara en sida, utan hela din webbplats, måste du göra mycket. I synnerhet behöver du studera guiderna för webbansvariga om att skapa och optimera mobilversioner av webbplatser, dokumentation om hur du skapar ett innehållshanteringssystem och webbplatsmallar. Endast specialister kan göra detta.

Adaptiv layout

Anpassa sajten till mobilmarknaden

Redo att ta emot mobilbesökare

Varje sida på din webbplats, om den är på 1C-Bitrix-plattformen, byggs omedelbart om för vilken enhet som helst. Din webbplats är initialt redo för mobil-, surfplatta- och desktopversioner. Dessutom stöds Touch-gränssnittet i alla komponenter i webbutiken.

Onlinebutiker på plattformen 1C-Bitrix – med en adaptiv mall

Kärnan i 1C-Bitrix: Site Management-produkten har ett inbyggt ramverk med användbar layout (Bootstrap 3). Det universella ramverket för layout gör det enklare och snabbare att skapa vilken typ av webbplats som helst som är anpassningsbar för mobila enheter (mobilanpassad).

Det första du måste börja med är att ändra principerna för webblayout.

När du designar en struktur måste du omedelbart ta hänsyn till kraven på adaptiv layout.

Du måste göra detta till en del av din produktionscykel!

Universell ram

Modern teknik för adaptiv layout

Din webbplats är från början mobilanpassad

Din webbplats är initialt redo att visas på alla enheter, inklusive mobila enheter. Produktkärnan i version 15.5 har ett inbyggt universellt ramverk för layout, vilket underlättar och påskyndar skapandet av mobilvänliga (anpassade för mobila enheter) webbplatser av alla slag.

Anpassningsbar för allt!

• Universal Framework för layout (Bootstrap 3)
• Hög hastighet i produktionen av adaptiva webbplatser
• Inbyggd beredskap för mobil-, surfplatta- och stationära versioner
• Stöd för pekgränssnitt i alla onlinebutikskomponenter

Ny adaptiv webbutiksmall

Den färdiga "Online Store"-lösningen som ingår i produktleveransen har fått en ny vacker mall. Framework med användbar layout (Bootstrap 3) låter dig använda mallen för alla onlinebutiksscheman. Varje sida i din butik anpassas nu direkt till vilken enhet som helst.

Ofta behöver du ändra eller komplettera vissa delar av mallen, eller göra om mallen helt. Vanligtvis, för att helt ändra designen på en webbplats, skapas en testsajt på en underdomän och jobbar på den för att anpassa mallen. Detta tillvägagångssätt är inte det lättaste, eftersom det kan orsaka problem med portering till huvuddomänen. I det här ögonblicket mobilversioner av webbplatsen krävs inte bara för användarens bekvämlighet, sökmotorer Fler och fler föredrar sajter med mobilversioner. Med denna metod kan du enkelt anpassa mallen för mobilversioner utan att stoppa ett befintligt projekt.

Stöd för ett obegränsat antal mallar i 1C-Bitrix.

Alla som arbetar på 1C-Bitrix vet att CMS ger möjligheten att ansluta ett obegränsat antal mallar. För de som inte är insatta, låt oss titta på hur implementeringen av multi-mallar används.
För att lägga till en mall måste du gå till avsnittet i den administrativa delen av sajten, "Inställningar" - "Produktinställningar" - "Webbplatser" i rullgardinsmenyn i avsnittet "Webbplatser" finns det två undersektioner - " Webbplatsmallar" och "Lista över webbplatser".

Kopiera mallen för huvudwebbplatsen.

Låt oss först kopiera webbplatsmallen; för att göra detta, gå till avsnittet "Webbplatsmallar" och kopiera mallen så att du kan arbeta med den senare. Klicka på kopieringsknappen som visas på skärmdumpen:

Använd mallen på webbplatsen för redigering.

Allt vi behöver göra är att applicera mallen på sajten, men eftersom vår sida fungerar och användare kan vara på den, och vi inte behöver dem för att se ändringarna som görs på sajten, kopplar vi mallen enl. villkoret - "Parameter i webbadressen". Låt oss göra detta - gå till avsnittet "Lista över webbplatser" och gå till inställningarna för webbplatsen för vilken ändringen krävs. Längst ner på sidan med inställningar för webbplatsen finns ett block för webbplatsmall. Välj en kopia av vår mall från listan i kolumnen "Mall", ställ in villkoret "Parameter i URL" och lägg till alla villkor som är lämpliga för dig, till exempel test=Y, som visas på skärmdumpen:

Nu kommer en kopia av din mall att visas om du skickar denna parameter till URL:en, enligt site.ru/?test=Y där site.ru är domänen för din webbplats. Detta tillstånd fungerar för alla avsnitt och sidor på din webbplats. Om du till exempel behöver se hur en mall kommer att se ut i en viss del av webbplatsen, gå till den här sektionen och skicka din parameter, i det här fallet? test=Y, och sidan kommer att visas med den nya mallen.

Du kan nu redigera den nya mallen medan dina besökare ser webbplatsen som vanligt. Observera att alla ändringar kommer att behöva göras i den nya mallmappen, och om du behöver ändra komponentmallar som inte finns i mappen måste du kopiera komponentmallen till mappen med den nya mallen. Redigera inte komponenter i mappen /bitrix under några omständigheter, detta kan leda till kritiska konsekvenser. Och gör alltid säkerhetskopior i 1C-Bitrix Cloud.

Tja, det är hela tekniken, vi hoppas att den hjälper dig att spara tid.